@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17191f;--sidebar:#13151a;--panel:#1b1d24;--surface:#22252e;--hover:#292c36;--border:#2a2d36;--text:#edeef3;--muted:#969aa9;--subtle:#727887;--accent:#b8a2ff;--accent-bg:#322b49;--danger:#ff939e;--green:#99cdb2;background:var(--bg);color:var(--text);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--sidebar:#f4f4f8;--panel:#fafafd;--surface:#f0f0f7;--hover:#e9e9f1;--border:#e5e5ed;--text:#262632;--muted:#6d7080;--subtle:#888c9a;--accent:#7450d1;--accent-bg:#eee7ff;--danger:#bd3348;--green:#367954}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;transition:background .15s,color .15s;display:inline-flex}button:hover{background:var(--hover)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:7px;outline:none;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;line-height:1.7}input::placeholder,textarea::placeholder{color:var(--subtle)}a{color:var(--accent);text-decoration:none}h1,h2,h3,h4,p{margin-top:0}button svg{flex-shrink:0}button.text-button{color:var(--accent);background:0 0;border:0;padding:4px 0}button.primary{background:var(--accent);color:#201735;border:1px solid #0000;font-weight:600}button.primary:hover{filter:brightness(1.08)}.muted{color:var(--muted);line-height:1.7}.eyebrow{letter-spacing:1.7px;color:var(--subtle);font-size:10px;font-weight:600}.brand{color:var(--text);letter-spacing:-.8px;align-items:center;gap:9px;font-size:20px;font-weight:700;display:flex}.brand-light{margin-left:-5px;font-weight:400}.brand-mark{background:var(--accent);color:#241d37;letter-spacing:-3px;border-radius:10px;place-items:center;width:34px;height:34px;padding-right:3px;font-size:23px;font-weight:800;display:grid}.icon-button{background:0 0;border:0;padding:7px}.button-row{flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px;display:flex}.danger-text{color:var(--danger)!important}kbd{color:var(--subtle);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:10px}.mobile-only{display:none!important}.app-shell{grid-template-columns:235px 310px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;gap:0;padding:26px 16px 12px;display:flex;overflow-y:auto}.sidebar>.brand{margin:0 12px 30px}.workspace-picker{text-align:left;background:0 0;border:0;justify-content:flex-start;gap:10px;margin-bottom:19px;padding:7px}.workspace-picker>span:nth-child(2){text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;overflow:hidden}.workspace-picker small{color:var(--muted);margin-top:5px;font-size:9px;font-weight:400;display:block}.workspace-avatar{background:var(--accent-bg);color:var(--accent);border:1px solid #76608a44;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.sidebar-search{color:var(--muted);background:0 0;border:0;justify-content:flex-start;margin-bottom:17px;font-size:11px}.sidebar-search kbd{margin-left:auto;font-size:9px}.new-note{justify-content:flex-start;width:100%;margin-bottom:25px;padding:11px 13px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:var(--muted);background:0 0;border:0;justify-content:flex-start;gap:11px;padding:10px 12px;font-size:11px}.sidebar nav button span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar nav button small{color:var(--subtle);font-size:10px}.sidebar nav button:hover{background:var(--surface)}.sidebar nav button.selected{background:var(--accent-bg);color:var(--accent)}.sidebar-heading{color:var(--subtle);letter-spacing:1.5px;justify-content:space-between;align-items:center;margin:28px 11px 12px;font-size:9px;font-weight:600;display:flex}.sidebar-heading button{color:var(--subtle);background:0 0;border:0;padding:0}.sidebar-hint{color:var(--subtle);padding:0 12px;font-size:10px;line-height:1.8}.sidebar-tags{flex-wrap:wrap;gap:7px;padding:0 10px;display:flex}.sidebar-tags button{background:var(--surface);color:var(--muted);border:0;padding:5px 7px;font-size:9px}.sidebar-tags button.selected{color:var(--accent);background:var(--accent-bg)}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-bottom-line{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:15px;padding:12px 0;display:flex}.sidebar-bottom-line>span{color:var(--subtle);align-items:center;gap:5px;font-size:9px;display:flex}.profile{text-align:left;background:0 0;border:0;justify-content:flex-start;gap:10px;width:100%;padding:9px 6px;display:flex}.avatar{color:#ded4fa;background:#404052;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:600;display:grid}.profile>span:nth-child(2){flex:1;min-width:0;font-size:11px}.profile small{color:var(--subtle);text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.profile>svg{color:var(--subtle)}.notes-panel{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.notes-panel>header{justify-content:space-between;align-items:center;gap:6px;padding:30px 22px 22px;display:flex}.notes-panel .eyebrow{letter-spacing:1.2px;font-size:8px}.notes-panel h1{letter-spacing:-.6px;align-items:center;gap:9px;margin:9px 0 0;font-size:17px;font-weight:600;display:flex}.notes-panel h1 small{background:var(--surface);color:var(--muted);border-radius:5px;padding:3px 6px;font-size:10px}.list-search{border:1px solid var(--border);background:var(--bg);color:var(--subtle);border-radius:7px;align-items:center;margin:0 20px;padding:0 10px;display:flex}.list-search input{background:0 0;border:0;padding:10px 8px;font-size:11px}.list-search button{background:0 0;border:0;padding:0}.list-caption{letter-spacing:.7px;color:var(--subtle);justify-content:space-between;padding:23px 23px 12px;font-size:8px;display:flex}.list-caption span:last-child{letter-spacing:0;align-items:center;gap:3px;display:flex}.note-list{flex:1;padding:0 10px 15px;overflow-y:auto}.note-card{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;margin-bottom:5px;padding:17px 13px 15px;display:block;position:relative}.note-card:hover{background:var(--surface)}.note-card.active{background:var(--accent-bg);border-color:#9f85dc40}.note-card.active:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:19px;bottom:19px;left:-1px}.note-card-top{color:var(--subtle);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:8px;display:flex}.note-card-top>span:last-child{color:var(--accent);gap:3px;display:flex}.note-card h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:9px;font-size:12px;font-weight:600;overflow:hidden}.note-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin-bottom:14px;font-size:10px;line-height:1.9;display:-webkit-box;overflow:hidden}.note-card footer{color:var(--subtle);justify-content:space-between;align-items:center;font-size:8px;display:flex}.note-card footer span{align-items:center;gap:5px;display:flex}.note-card footer small{background:#ffffff06;border-radius:3px;padding:3px;font-size:8px}.dirty-dot{background:#d6b879;border-radius:50%;width:5px;height:5px}.quick-capture{color:var(--muted);background:0 0;justify-content:flex-start;margin:10px 20px 20px;font-size:11px}.quick-capture svg{color:var(--accent)}.quick-capture kbd{margin-left:auto;font-size:8px}.list-empty{text-align:center;color:var(--subtle);padding:40px 16px}.list-empty svg{color:var(--accent);opacity:.55;margin-bottom:16px}.list-empty h3{color:var(--muted);font-size:12px}.list-empty p{font-size:10px;line-height:1.8}.list-empty button{font-size:11px}.main-panel{background:var(--bg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.note-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:0 25px;display:flex}.breadcrumb{color:var(--subtle);align-items:center;gap:9px;min-width:0;font-size:10px;display:flex}.breadcrumb>span{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.breadcrumb>span:last-child{color:var(--muted)}.note-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.note-actions button{color:var(--muted);background:0 0;border:0;padding:7px;font-size:10px}.note-actions button.share-button{background:var(--accent-bg);color:var(--accent);border:1px solid #b8a2ff22;padding:8px 11px}.editor-layout{flex:1;min-height:0;display:flex;overflow:hidden}.document-panel{flex:1;min-width:0;padding:40px clamp(20px,4vw,72px) 30px;overflow-y:auto}.document-heading{max-width:900px;margin:auto}.document-kicker{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.document-kicker>span{letter-spacing:1.5px;color:var(--subtle);align-items:center;gap:8px;font-size:8px;display:flex}.document-kicker button{color:var(--subtle);background:0 0;border:0;padding:0}.document-kicker button.is-favorite{color:#d6ba76}.note-title{letter-spacing:-1.2px;background:0 0;border:0;border-radius:0;margin-bottom:17px;padding:0;font-size:30px;font-weight:650;line-height:1.4}.note-title:focus{outline:none}.note-title:disabled{opacity:1}.note-meta{color:var(--subtle);align-items:center;gap:10px;margin-bottom:18px;font-size:9px;display:flex}.note-meta button{color:var(--subtle);background:0 0;border:0;padding:0;font-size:9px}.note-tags{flex-wrap:wrap;gap:6px;margin-bottom:30px;display:flex}.tag{color:var(--accent);background:var(--accent-bg);border:0;padding:5px 8px;font-size:9px}.add-tag{color:var(--subtle);border:1px dashed var(--border);background:0 0;padding:5px 8px;font-size:9px}.rich-editor{max-width:900px;margin:auto}.editor-toolbar{border:1px solid var(--border);background:var(--panel);z-index:2;border-radius:7px;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:22px;padding:5px;display:flex;position:sticky;top:-1px}.editor-toolbar button{width:29px;height:29px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:5px}.editor-toolbar button:hover,.editor-toolbar button.active{color:var(--accent);background:var(--accent-bg)}.editor-toolbar select{width:84px;color:var(--muted);background:0 0;border:0;padding:5px;font-size:10px}.editor-toolbar input[type=color]{background:0 0;border:0;width:23px;height:24px;padding:3px}.toolbar-divider{background:var(--border);width:1px;height:16px;margin:0 4px}.prose-editor{min-height:280px;color:var(--text);overflow-wrap:anywhere;outline:none;font-size:13px;line-height:1.95}.prose-editor p{margin:0 0 1em}.prose-editor h1{letter-spacing:-.6px;margin:1.1em 0 .6em;font-size:26px;line-height:1.5}.prose-editor h2{letter-spacing:-.4px;margin:1.1em 0 .6em;font-size:21px;line-height:1.5}.prose-editor h3{margin:1.1em 0 .6em;font-size:17px}.prose-editor li p{margin:.25em 0}.prose-editor ul,.prose-editor ol{padding-left:24px}.prose-editor blockquote{border-left:3px solid var(--accent);background:var(--accent-bg);color:var(--muted);border-radius:0 7px 7px 0;margin:20px 0;padding:14px 20px}.prose-editor blockquote p:last-child{margin:0}.prose-editor pre{background:var(--sidebar);white-space:pre-wrap;border-radius:8px;padding:18px;font-size:12px;line-height:1.7;overflow-x:auto}.prose-editor code{color:var(--accent);background:var(--surface);border-radius:4px;padding:2px 4px;font-family:ui-monospace,monospace}.prose-editor pre code{color:var(--text);background:0 0;padding:0}.prose-editor hr{border:0;border-top:1px solid var(--border);margin:24px 0}.prose-editor img{border-radius:8px;max-width:100%}.prose-editor ul[data-type=taskList]{padding:0;list-style:none}.prose-editor ul[data-type=taskList] li{gap:10px;display:flex}.prose-editor ul[data-type=taskList] li>label{flex:none;margin:0;padding-top:3px;display:block}.prose-editor ul[data-type=taskList] li>label input{accent-color:var(--accent);width:14px;height:14px}.prose-editor ul[data-type=taskList] li>div{flex:1}.prose-editor li[data-checked=true]>div{color:var(--subtle);text-decoration:line-through}.prose-editor table{border-collapse:collapse;table-layout:fixed;width:100%;margin:20px 0}.prose-editor td,.prose-editor th{border:1px solid var(--border);vertical-align:top;min-width:1em;padding:9px;position:relative}.prose-editor th{background:var(--surface);font-weight:600}.prose-editor .selectedCell:after{content:"";pointer-events:none;background:#b8a2ff22;position:absolute;inset:0}.prose-editor .column-resize-handle{background:var(--accent);width:4px;position:absolute;top:0;bottom:0;right:-2px}.prose-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--subtle);pointer-events:none;height:0;font-size:12px}.prose-editor mark{color:#342610;background:#d6bd72}.note-link{display:inline!important}.note-link button{background:var(--accent-bg);color:var(--accent);font-size:inherit;border:0;border-radius:3px;padding:0 5px;display:inline-flex}.table-tools{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.table-tools button{padding:4px 6px;font-size:10px}.statusbar{border-top:1px solid var(--border);min-height:36px;color:var(--subtle);justify-content:space-between;align-items:center;padding:0 22px;font-size:9px;display:flex}.statusbar button{color:var(--subtle);background:0 0;border:0;padding:4px;font-size:9px}.statusbar>button svg{color:var(--green)}.statusbar>div{align-items:center;gap:13px;display:flex}.toc{border-left:1px solid var(--border);flex-shrink:0;width:180px;padding:35px 15px;overflow:auto}.toc h4{letter-spacing:1px;color:var(--subtle);font-size:8px}.toc button{text-align:left;color:var(--muted);background:0 0;border:0;padding:8px;font-size:10px;display:block}.toc p{color:var(--subtle);font-size:10px;line-height:1.8}.split .document-panel{flex:1;width:50%;padding:30px 22px}.split-reader{resize:horizontal;border-left:1px solid var(--border);background:var(--panel);width:45%;min-width:220px;padding:24px;overflow:auto}.split-reader header{color:var(--subtle);letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:8px;display:flex}.split-reader header button{background:0 0;border:0;padding:0}.split-reader h2{font-size:22px}.backlinks{border-top:1px solid var(--border);margin-top:40px;max-width:900px;margin-inline:auto;padding-top:22px}.backlinks h4{color:var(--muted);gap:7px;font-size:10px;display:flex}.backlinks button{margin-right:8px;font-size:10px}.focus-mode{grid-template-columns:1fr}.focus-mode>.sidebar,.focus-mode>.notes-panel{display:none}.focus-mode .document-panel{padding-inline:max(30px,50vw - 425px)}.conflict-banner{color:#d9bd7d;background:#b1892422;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 22px;font-size:11px;display:flex}.conflict-banner button{padding:5px 8px;font-size:10px}.welcome{text-align:center;max-width:650px;margin:auto;padding:45px 30px}.welcome-art{height:120px;color:var(--accent);justify-content:center;align-items:center;display:flex;position:relative}.welcome-art>svg{background:var(--accent-bg);border:1px solid #b8a2ff33;border-radius:25px;width:90px;height:90px;padding:17px;transform:rotate(-8deg)}.welcome-art span{color:#cfbd89;font-size:28px;position:absolute;top:8px;left:calc(50% + 40px)}.welcome>.eyebrow{margin:15px 0;font-size:9px;display:block}.welcome h1{letter-spacing:-1px;font-size:30px;font-weight:600;line-height:1.5}.welcome>p{color:var(--muted);margin-bottom:25px;font-size:12px;line-height:1.9}.welcome>.primary{padding:12px 19px;font-size:12px}.welcome-cards{gap:13px;margin:40px auto 28px;display:flex}.welcome-cards button{text-align:left;background:var(--panel);flex-direction:column;align-items:flex-start;gap:11px;width:210px;padding:20px;display:flex}.welcome-cards svg{color:var(--accent)}.welcome-cards strong{font-size:11px;font-weight:500}.welcome-cards small,.welcome-shortcut{color:var(--subtle);font-size:9px}.welcome-shortcut kbd{margin-right:5px}.modal{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;width:min(520px,100vw - 32px);max-height:85dvh;padding:0;box-shadow:0 30px 100px #0005}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0008}.modal.wide{width:min(900px,100vw - 32px)}.modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:19px 23px;display:flex}.modal h2{margin:0;font-size:16px;font-weight:600}.modal-body{padding:23px}.modal-body label{color:var(--muted);margin:0 0 17px;font-size:11px;display:block}.modal-body label input,.modal-body label select{margin-top:7px}.modal-body>textarea{margin-bottom:15px}.modal-body .list-search{margin:0}.command-list{flex-direction:column;gap:5px;max-height:400px;margin:15px 0;display:flex;overflow:auto}.command-list button{text-align:left;color:var(--muted);background:0 0;border:0;justify-content:flex-start;padding:11px 10px;font-size:12px}.command-list button:hover,.command-list button.active{background:var(--accent-bg);color:var(--accent)}.command-list small{color:var(--subtle);font-size:9px;display:block}.resource-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.resource-list strong{font-size:12px}.resource-list small{color:var(--muted);margin:7px 0;font-size:10px;display:block}.resource-list a,.resource-list button{font-size:10px}.share-result{gap:8px;margin-top:20px;display:flex}.share-result input{font-size:11px}.version-layout{grid-template-columns:180px 1fr;gap:25px;display:grid}.version-layout .command-list{margin:0}.version-layout .command-list button{display:block}.version-layout .command-list small{margin-top:5px}.version-preview{min-width:0;max-height:55vh;overflow:auto}.version-preview .prose-editor{font-size:12px}.version-compare{color:var(--subtle);padding:15px 0}.settings-section{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:23px}.settings-section h3{font-size:13px}.settings-section h4{margin-top:20px;font-size:11px}.settings-section p{font-size:11px}.segmented{gap:6px;display:flex}.segmented button{flex:1;font-size:11px}.segmented button.active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent)}.key-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.key-row button{font-size:10px}.toast{background:var(--text);color:var(--bg);z-index:1000;border-radius:9px;align-items:center;gap:20px;max-width:90vw;padding:13px 16px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0004}.toast button{color:inherit;background:0 0;border:0;padding:0}.loading{min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.public-page{max-width:900px;margin:auto;padding:30px}.public-page>header{border-bottom:1px solid var(--border);color:var(--subtle);justify-content:space-between;align-items:center;padding-bottom:25px;font-size:11px;display:flex}.public-page article{padding:45px 20px}.public-page article>.button-row{justify-content:space-between;margin:0 0 25px}.public-page article h1{letter-spacing:-1px;font-size:35px}.public-page .read-only{font-size:15px}.empty-state{text-align:center;padding:70px 0}.empty-state svg{color:var(--accent);margin-bottom:20px}.pip-body{background:var(--bg);color:var(--text);margin:0}.pip-editor{flex-direction:column;height:100vh;padding:15px;display:flex;overflow:auto}.pip-editor h2{font-size:18px}.pip-editor .editor-toolbar{position:sticky;top:0}.pip-editor .editor-content{flex:1}.pip-editor footer{color:var(--subtle);justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;display:flex}.pip-placeholder{text-align:center;color:var(--muted);padding:50px 10px}.pip-placeholder svg{color:var(--accent);margin-bottom:15px}.global-notice{background:var(--accent-bg);text-align:center;padding:14px;font-size:12px}.auth-page{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-story{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;padding:45px clamp(35px,6vw,100px);display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";pointer-events:none;background:radial-gradient(circle,#a58aff0b,#0000 65%);width:400px;height:400px;position:absolute;top:150px;right:-100px}.auth-story>.brand{margin-bottom:65px}.auth-story>.eyebrow{letter-spacing:2px;color:var(--accent);margin-bottom:20px;font-size:9px}.auth-story h1{letter-spacing:-2px;margin-bottom:20px;font-size:clamp(35px,4vw,58px);font-weight:600;line-height:1.25}.auth-story h1 em{color:var(--accent);font-style:normal}.auth-story>p{color:var(--muted);font-size:13px;line-height:1.9}.auth-preview{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:420px;margin:28px 0;padding:18px 25px;position:relative;transform:rotate(-2deg);box-shadow:0 20px 70px #0002}.preview-dots{color:var(--subtle);letter-spacing:3px;border-bottom:1px solid var(--border);margin-bottom:22px;padding-bottom:15px;font-size:8px;display:flex}.preview-dots span{letter-spacing:0;margin-left:auto;font-size:9px}.auth-preview>small{letter-spacing:1px;color:var(--accent);font-size:8px}.auth-preview h3{margin:12px 0;font-size:18px;font-weight:500;line-height:1.6}.preview-line{background:var(--border);border-radius:4px;width:70%;height:4px;margin-bottom:7px}.preview-line.short{width:50%}.auth-preview p{color:var(--muted);margin:17px 0 12px;font-size:10px;line-height:2}.preview-tag{color:var(--accent);background:var(--accent-bg);border-radius:4px;padding:4px 7px;font-size:9px}.preview-feather{color:var(--accent);opacity:.3;position:absolute;bottom:30px;right:30px;transform:rotate(15deg)}.auth-story footer{color:var(--subtle);gap:25px;margin-top:auto;padding-top:25px;font-size:8px;display:flex}.auth-story footer span{align-items:center;gap:7px;display:flex}.auth-form{justify-content:center;align-items:center;padding:50px;display:flex}.auth-form>div{width:100%;max-width:370px}.auth-form .eyebrow{letter-spacing:1.3px;font-size:8px}.auth-form h2{letter-spacing:-.9px;margin:16px 0 10px;font-size:26px;font-weight:600;line-height:1.5}.auth-form>.muted{font-size:12px}.auth-form form{margin-top:32px}.auth-form label{margin-bottom:20px;font-size:11px;display:block}.auth-form label input{margin-top:9px;padding:13px;font-size:12px}.auth-submit{justify-content:space-between;width:100%;margin-top:5px;padding:13px}.auth-form .forgot{margin:16px 0 30px auto;font-size:11px;display:block}.auth-switch{color:var(--muted);text-align:center;border-top:1px solid var(--border);padding-top:25px;font-size:11px}.auth-switch button{margin-left:5px;font-size:11px}.auth-footnote{color:var(--subtle);justify-content:center;align-items:center;gap:8px;margin-top:45px;font-size:9px;display:flex}.form-message{color:var(--accent);background:var(--accent-bg);border-radius:5px;padding:10px;font-size:11px;line-height:1.7}@media (width>=1600px){.app-shell{grid-template-columns:255px 345px minmax(0,1fr)}.document-panel{padding-top:55px}.note-title{font-size:36px}.prose-editor{font-size:15px}.note-card h3{font-size:13px}.note-card p{font-size:11px}}@media (width<=1150px){.app-shell{grid-template-columns:205px 270px minmax(0,1fr)}.sidebar{padding-inline:12px}.document-panel{padding:30px 25px}.note-topbar{padding-inline:15px}.breadcrumb>span:last-child{display:none}.note-title{font-size:25px}.note-actions{gap:3px}.note-topbar{min-height:60px}.notes-panel>header{padding-inline:17px}.toc{width:140px}.focus-mode{grid-template-columns:1fr}}@media (width<=900px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{z-index:20;width:240px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.visible{transform:translate(0)}.sidebar-scrim{z-index:19;background:#0007;border:0;border-radius:0;position:fixed;inset:0}.notes-panel>header>div{position:relative}.notes-panel>header .mobile-only{margin-bottom:8px;margin-left:-8px;display:inline-flex!important}.notes-panel>header .eyebrow{display:none}.focus-mode{grid-template-columns:1fr}.auth-story,.auth-form{padding:35px}.auth-story h1{font-size:38px}.auth-story footer{flex-direction:column;gap:12px}.toc{display:none}.split-reader{min-width:160px;padding:15px}}@media (width<=640px){.app-shell{height:100dvh;display:block}.notes-panel{border:0;height:100dvh}.main-panel{height:100dvh;display:none}.mobile-editor .notes-panel{display:none}.mobile-editor .main-panel{display:flex}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.notes-panel>header{padding:20px}.notes-panel>header>div{align-items:center;gap:8px;display:flex}.notes-panel h1{margin:0;font-size:20px}.notes-panel>header .mobile-only{margin:0}.note-list{padding:0 15px 10px}.note-card{padding:18px}.note-card h3{font-size:14px}.note-card p{min-height:0;font-size:12px}.note-card-top,.note-card footer{font-size:10px}.note-card footer small,.list-caption{font-size:9px}.list-search input{font-size:13px}.quick-capture{margin-bottom:calc(15px + env(safe-area-inset-bottom));padding:13px;font-size:13px}.note-topbar{min-height:58px;padding-inline:10px}.breadcrumb{gap:5px}.breadcrumb>svg,.breadcrumb>span{display:none}.note-actions{gap:4px}.note-actions button{padding:9px;font-size:11px}.document-panel{padding:25px 20px}.note-title{font-size:27px}.document-kicker{margin-bottom:15px}.note-tags{margin-bottom:22px}.editor-toolbar{gap:3px;padding:5px}.editor-toolbar button{width:31px;height:32px}.prose-editor{font-size:15px;line-height:1.9}.statusbar{min-height:40px;padding-inline:12px;padding-bottom:env(safe-area-inset-bottom)}.statusbar button,.statusbar{font-size:9px}.split-reader{display:none}.welcome{padding:25px 20px}.welcome h1{font-size:27px}.welcome-cards button{width:150px;padding:15px}.auth-page{display:block}.auth-story{background:var(--bg);border:0;padding:24px}.auth-story>.brand{margin:0}.auth-story>.eyebrow,.auth-story>h1,.auth-story>p,.auth-preview,.auth-story>footer{display:none}.auth-form{padding:35px 25px}.auth-form h2{font-size:28px}.auth-form label input{font-size:16px}.auth-form>div{max-width:420px}.auth-form .eyebrow{font-size:9px}.auth-footnote{margin-top:35px}.modal{max-height:90dvh}.modal-body{padding:18px}.version-layout{grid-template-columns:1fr}.version-layout>.command-list{max-height:130px}.version-preview{max-height:40vh}.public-page{padding:20px}.public-page article{padding:30px 0}.public-page article h1{font-size:28px}.public-page header>span{font-size:9px}.toast{width:calc(100% - 30px);font-size:11px;bottom:20px}.focus-mode .document-panel{padding:25px 20px}.note-meta{font-size:10px}.welcome-shortcut{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.live-status{color:var(--green);align-items:center;gap:7px;margin:0 0 14px;font-size:10px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.copy-code{margin-bottom:12px;font-size:10px}.hljs-keyword,.hljs-selector-tag{color:#bb9af7}.hljs-string,.hljs-attr{color:#9ece6a}.hljs-number,.hljs-literal{color:#ff9e64}.hljs-comment{color:#737b91}.hljs-title,.hljs-function{color:#7aa2f7}.diff-content{white-space:pre-wrap;background:var(--bg);margin:10px 0;padding:12px;line-height:1.9}.diff-added{color:var(--green);background:#38845a44}.diff-removed{color:var(--danger);background:#b0495544;text-decoration:line-through}.list-caption select{width:auto;color:var(--muted);background:0 0;border:0;padding:0;font-size:9px}.note-card mark{color:var(--accent);background:#c2aa6133;border-radius:2px}textarea.note-title{field-sizing:content;resize:none;min-height:1.4em;max-height:5.6em;overflow:hidden}@media (width<=900px){.sidebar{visibility:hidden}.sidebar.visible{visibility:visible}}