:root{font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#17233b;background:#f5f7fa;font-synthesis:none;font-size:16px;--blue:#294de5;--muted:#748096;--border:#e5eaf1;--navy:#121d34}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{border:0;background:none;color:inherit;font-size:.875rem}h1,h2,h3,p{margin-top:0}button.primary{background:var(--blue);color:white;border-radius:9px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;box-shadow:0 3px 8px #294de516}button.primary:hover{background:#2141cc}.secondary{padding:11px 17px;border:1px solid #d7dee9;border-radius:8px;background:white}.secondary:hover{background:#f4f6fa}.danger{background:#b93142;color:white;border-radius:8px;padding:12px 18px}.eyebrow{font-size:.75rem;letter-spacing:.14em;color:var(--muted);font-weight:650;display:block}.workspace{display:flex;min-height:100vh}.rail{width:240px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#c5cede;display:flex;flex-direction:column;padding:32px 22px 22px;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:white;margin-bottom:38px;font-size:1rem;font-weight:650;white-space:nowrap}.brand:hover{text-decoration:none}.brand small{display:block;font-size:.625rem;letter-spacing:.17em;color:#8c9ab5;margin-top:6px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:#294de5;color:#fff;border-radius:10px;width:40px;height:42px;font-size:1.7rem;flex-shrink:0;line-height:1}.rail>.primary{width:100%;margin-bottom:35px}.plus{font-size:1.3rem;line-height:1}.rail-section{font-size:.75rem;color:#8491aa;margin:0 12px 12px}.rail-nav{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:8px;text-align:left}.rail-nav.active{background:#ffffff0c;color:#fff}.count{margin-left:auto;color:#c9d2e4;background:#ffffff10;padding:2px 7px;border-radius:4px;font-size:.75rem}.rail-help{margin-top:40px;border-top:1px solid #ffffff10;padding:26px 12px 0}.rail-help .eyebrow{color:#bcc8e0;letter-spacing:0;font-size:.875rem}.rail-help p{font-size:.875rem;line-height:1.85;color:#92a1bb;margin:12px 0}.rail-help .small{font-size:.75rem;color:#7b8aa5;line-height:1.8}.rail-bottom{margin-top:auto;padding-top:36px;display:flex;flex-direction:column;gap:18px}.rail-bottom a,.rail-bottom button{color:#b5c1d7;text-align:left;padding:0 12px;font-size:.875rem}.rail-bottom button:hover,.rail-bottom a:hover{color:white}.private-note{font-size:.75rem;padding:21px 12px 0;border-top:1px solid #ffffff10;color:#7a89a6}.main{margin-left:240px;flex:1;min-width:0}.topbar{height:119px;background:#fff;border-bottom:1px solid var(--border);padding:28px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar h1{font-size:1.55rem;margin:7px 0 0;font-weight:650;letter-spacing:-.035em}.topbar .eyebrow{font-size:.6875rem;color:#8792a5}.search-box{display:flex;align-items:center;gap:11px;max-width:390px;width:44%;padding:0 13px;background:#f5f7fa;border:1px solid var(--border);border-radius:9px;height:44px}.search-box>span{font-size:1.65rem;color:#7c879b}.search-box input{border:0;background:none;width:100%;min-width:0;outline:none;padding:8px 0;font-size:.875rem;color:#17233b}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #294de512}.search-box input::placeholder{color:#8d97a8}.search-box kbd{color:#98a2b3;border:1px solid #dfe5ed;border-radius:4px;padding:1px 5px;font-size:.75rem}.library{display:flex;min-height:calc(100vh - 119px)}.note-list-panel{width:330px;flex-shrink:0;border-right:1px solid var(--border);background:#f9fafc;padding:24px 15px;display:flex;flex-direction:column}.list-heading{display:flex;justify-content:space-between;gap:10px;padding:0 10px 17px;font-size:.875rem}.list-heading span:last-child{color:#8b95a5;font-size:.75rem}.note-list{display:flex;flex-direction:column;gap:10px}.note-card{display:block;width:100%;text-align:left;padding:18px;border:1px solid transparent;border-radius:10px;transition:background .15s,border-color .15s;background:white}.note-card:hover{background:#f0f3fd;border-color:#dfe6fb}.note-card.selected{background:#edf1ff;border-color:#cbd6ff;box-shadow:inset 3px 0 var(--blue)}.note-card h3{font-weight:600;font-size:.9375rem;line-height:1.65;margin:8px 0;overflow-wrap:anywhere}.card-top{display:flex;justify-content:space-between;gap:10px;font-size:.6875rem;color:#8491a5}.card-top>span:first-child{color:#5773b1}.note-card p{font-size:.8125rem;line-height:1.8;color:#7a8497;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-bottom{display:flex;align-items:center;gap:7px;font-size:.6875rem;color:#8994a8}.badge{padding:3px 7px;background:#f2f5fa;color:#71829c;border-radius:4px}.selected .badge{background:#e2e9ff;color:#536db0}.card-bottom .char-count{margin-left:auto}.list-empty{text-align:center;padding:70px 15px;color:#909aab;font-size:.875rem;line-height:1.8}.list-empty strong{color:#56637a;display:block;font-weight:500;margin-bottom:8px}.reader{flex:1;min-width:0;background:#fff;position:relative}.reader-empty{min-height:calc(100vh - 119px);padding:90px 24px 50px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-icon{font-size:2.7rem;border:1px solid #dce4fc;border-radius:17px;background:#f0f4ff;color:var(--blue);width:84px;height:94px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:7px 7px 0 #f7f9fd}.reader-empty .eyebrow{font-size:.6875rem;color:#97a3b6;margin:0 0 15px}.reader-empty h2{font-size:1.45rem;letter-spacing:-.04em;font-weight:600;line-height:1.6}.reader-empty p{font-size:.9375rem;color:#8490a3;line-height:1.9;margin-bottom:27px}.empty-steps{display:flex;gap:20px;border-top:1px solid var(--border);margin-top:62px;padding-top:25px;color:#939dad;font-size:.75rem}.reader-header{padding:32px 38px 0;max-width:1040px;margin:auto}.reader-meta-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-kicker{color:#7184ac;letter-spacing:.12em;font-size:.6875rem}.reader-actions{display:flex;align-items:center;gap:6px}.reader-actions button,.reader-actions a{font-size:.8125rem;color:#77839b;padding:7px 9px;border-radius:6px}.reader-actions button:hover,.reader-actions a:hover{background:#f3f5fa;text-decoration:none}.reader-actions button.delete-button{color:#aa6570}.reader-title{font-size:1.9rem;letter-spacing:-.045em;font-weight:650;line-height:1.5;margin:27px 0 13px;overflow-wrap:anywhere}.reader-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:#8994a7;font-size:.75rem;line-height:1.6}.reader-meta a{font-size:.8125rem}.reader-tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-top:32px;align-items:center}.reader-tabs button{padding:14px 0;color:#8b95a8;position:relative;font-size:.875rem}.reader-tabs button[aria-selected="true"]{color:var(--blue);font-weight:600}.reader-tabs button[aria-selected="true"]:after{content:"";height:3px;position:absolute;bottom:-1px;left:0;right:0;background:var(--blue);border-radius:3px 3px 0 0}.tab-count{font-size:.6875rem;margin-left:7px;color:#99a2b4}.reader-body{padding:30px 38px 80px;max-width:1040px;margin:auto;font-size:1rem;line-height:1.95;overflow-wrap:anywhere;color:#39485f}.reader-body p{white-space:pre-wrap;margin:0 0 15px}.reader-body h2{font-size:1.28rem;color:#243551;margin:26px 0 13px;line-height:1.6}.reader-body h3{font-size:1.08rem;color:#2b3c56;margin:22px 0 10px;line-height:1.7}.reader-body ul,.reader-body ol{padding-left:25px;margin:12px 0 20px}.reader-body li{padding-left:3px;margin:5px 0;white-space:pre-wrap}.reader-body blockquote{border-left:3px solid #c8d4fc;background:#f7f9ff;margin:16px 0;padding:13px 18px;color:#64738c;white-space:pre-wrap}.reader-body pre{background:#f4f6fa;padding:17px;border-radius:8px;overflow-x:auto;font-size:.875rem}.reader-body .tab-empty{padding:50px 0;text-align:center;color:#8b97aa}.tab-empty button{display:block;margin:18px auto;color:var(--blue);font-weight:500}mark{background:#ffed9c;color:inherit;border-radius:2px;padding:0 1px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:.75rem;color:#7d899d}.pagination button{font-size:.75rem;padding:7px}.mobile-back,#mobile-new,.mobile-footer{display:none}dialog{border:1px solid #dfe5ee;box-shadow:0 30px 100px #101c3440;color:#17233b;border-radius:15px;padding:0}dialog::backdrop{background:#101a37a0;backdrop-filter:blur(3px)}.editor-dialog{width:min(800px,calc(100% - 32px));max-height:calc(100dvh - 60px)}.editor-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 62px)}.dialog-header{padding:23px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.dialog-header .eyebrow{font-size:.6875rem;margin-bottom:6px}.dialog-header h2{font-size:1.2rem;margin:0}.icon-button{font-size:1.6rem;color:#8b95a6;width:36px;height:36px;border-radius:7px}.icon-button:hover{background:#f0f3f8}.editor-content{overflow-y:auto;padding:24px 28px 20px}.editor-content>label,.small-dialog label{display:block;font-size:.875rem;margin:0 0 9px}.editor-content>input{margin-bottom:22px}input:not([type="search"]),textarea{border:1px solid #d8e0ed;background:white;border-radius:7px;padding:11px 13px;width:100%;color:#23334d}input:not([type="search"]):focus,textarea:focus{outline:2px solid #294de526;border-color:#5372e9;outline-offset:0}input::placeholder,textarea::placeholder{color:#a2abba}textarea{resize:vertical;font-size:.875rem;line-height:1.8;min-height:110px;display:block}.optional{font-size:.75rem;color:#a0a9b8;margin-left:7px}.required{color:#6c82c5}.field-hint{font-size:.75rem;color:#8c97a9;line-height:1.8;margin:9px 0 20px}.editor-content>input+.field-hint{margin-top:-13px}.field-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 0 10px;font-size:.875rem}.file-button{color:var(--blue);font-size:.75rem;cursor:pointer;padding:5px;border-radius:4px}.file-button:hover{background:#edf1ff}.dialog-footer{border-top:1px solid var(--border);padding:17px 28px;display:flex;align-items:center;gap:10px;background:#fbfcfe;flex-shrink:0}.dialog-footer>span{font-size:.75rem;color:#9aa4b5;margin-right:auto}.error{color:#b6384c;font-size:.875rem;line-height:1.7;margin:13px 0;min-height:0}.error:empty{display:none}.small-dialog{width:min(430px,calc(100% - 32px));padding:30px}.small-dialog h2{font-size:1.2rem;margin-bottom:20px}.small-dialog p{color:#7c889e;font-size:.875rem;line-height:1.8}.small-dialog label{margin-top:19px}.small-dialog .error{color:#b6384c}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.toast{position:fixed;bottom:30px;left:calc(50% + 100px);transform:translateX(-50%);padding:13px 22px;background:#17243d;color:#fff;border-radius:9px;font-size:.875rem;box-shadow:0 8px 30px #17243d22;z-index:20;max-width:90vw}.login-page{min-height:100dvh;background:#f1f4fa;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.login-card{background:white;border:1px solid #e1e6f0;border-radius:18px;padding:45px;width:440px;max-width:100%;box-shadow:0 18px 65px #1c315a0a}.login-card .brand-icon{margin-bottom:25px;width:48px;height:50px}.login-card .eyebrow{font-size:.6875rem;margin-bottom:12px}.login-card h1{font-size:1.8rem;letter-spacing:-.04em;margin-bottom:12px}.login-intro{font-size:.875rem;color:#8591a6;line-height:1.8;margin-bottom:31px}.login-card label{display:block;margin-bottom:10px;font-size:.875rem}.wide{width:100%;margin-top:21px;justify-content:space-between!important}.private-label{font-size:.75rem;color:#9ba5b5;margin:24px 0 0;text-align:center}.private-label span{margin-right:5px}.login-footer{font-size:.75rem;color:#98a4b8;margin-top:25px}[hidden]{display:none!important}@media(min-width:1600px){.topbar{padding-left:45px}.note-list-panel{width:370px}.reader-header,.reader-body{padding-left:60px;padding-right:60px}}@media(max-width:1150px){.rail{width:205px;padding:28px 16px 20px}.main{margin-left:205px}.brand{font-size:.9rem;gap:9px}.brand small{font-size:.55rem}.note-list-panel{width:290px}.topbar{padding:25px}.reader-header{padding:25px 26px 0}.reader-body{padding:25px 26px 60px}.reader-title{font-size:1.55rem}.reader-actions{gap:0}.reader-actions button,.reader-actions a{padding:6px}.empty-steps{gap:12px;font-size:.6875rem}}@media(max-width:900px){.rail{width:190px;padding:25px 14px}.main{margin-left:190px}.note-list-panel{width:260px;padding:20px 10px}.brand{font-size:.8125rem}.brand-icon{width:34px;height:37px}.reader-header{padding-left:20px;padding-right:20px}.reader-body{padding-left:20px;padding-right:20px}.reader-empty h2{font-size:1.2rem}.empty-steps{flex-direction:column;gap:10px;margin-top:35px}.search-box{width:52%}.reader-meta-top{align-items:flex-start;flex-direction:column}.reader-title{margin-top:18px}}@media(max-width:760px){.rail{display:none}.main{margin-left:0}.topbar{height:auto;min-height:133px;padding:21px 20px;flex-wrap:wrap;gap:17px}.topbar>div{order:0}.topbar h1{font-size:1.35rem;margin-top:5px}.topbar .eyebrow{font-size:.625rem}.search-box{order:2;max-width:none;width:100%;height:43px}.search-box kbd{display:none}#mobile-new{display:inline-flex;order:1;padding:10px 14px}.library{display:block;min-height:calc(100dvh - 210px)}.note-list-panel{width:100%;border-right:0;min-height:calc(100dvh - 235px);padding:24px 16px}.note-list{gap:12px}.note-card{padding:19px}.note-card h3{font-size:1rem}.note-card p{font-size:.875rem}.reader{display:none}.reader.show{display:block;position:fixed;inset:0;z-index:5;overflow-y:auto}.reader-header{padding:17px 21px 0}.reader-title{font-size:1.6rem;margin-top:24px}.reader-meta-top{flex-direction:row;align-items:center}.note-kicker{display:none}.mobile-back{display:block;color:#637494;padding:8px 0;font-size:.875rem}.reader-actions button,.reader-actions a{padding:8px;font-size:.8125rem}.reader-body{padding:24px 21px 60px}.reader-tabs{margin-top:24px}.mobile-footer{display:flex;justify-content:center;gap:25px;align-items:center;padding:20px;border-top:1px solid var(--border);font-size:.8125rem;color:#8290a6}.mobile-footer a,.mobile-footer button{color:#8290a6;font-size:.8125rem}.list-empty{padding:50px 20px}.mobile-empty-action{display:block;margin:20px auto}.toast{left:50%;bottom:24px}.editor-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 18px);border-radius:12px}.editor-dialog form{max-height:calc(100dvh - 20px)}.dialog-header{padding:18px 20px}.editor-content{padding:20px}.dialog-footer{padding:15px 20px}.dialog-footer>span{display:none}.dialog-footer>button:first-of-type{margin-left:auto}.login-card{padding:32px 26px}.empty-steps{display:none}.reader-empty{min-height:60vh}.small-dialog{padding:25px}.note-card.selected{background:white;border-color:transparent;box-shadow:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}