:root{--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--radius:8px;--radius-sm:5px;--editor-width:46rem;--panel-blur:none}:root,[data-theme=light]{--bg:#f7f7f5;--bg-panel:#fff;--bg-hover:#f1f1ef;--bg-active:#e4e9e5;--bg-input:#fff;--text:#1c2321;--text-dim:#565f5c;--text-faint:#646e6b;--border:#dcdedb;--accent:#2f6f4f;--accent-text:#fff;--accent-soft:#dfeee6;--danger:#b3352e;--danger-text:#fff;--danger-soft:#f7e4e2;--warning:#8a6d1f;--shadow:0 2px 10px #00000014;--scrim:#00000073}[data-theme=dark]{--bg:#171a19;--bg-panel:#1f2422;--bg-hover:#272d2a;--bg-active:#2e3733;--bg-input:#141716;--text:#e6ebe8;--text-dim:#a3ada8;--text-faint:#8f9894;--border:#333a37;--accent:#5aaf84;--accent-text:#0e1311;--accent-soft:#24352c;--danger:#e0716a;--danger-text:#17090a;--danger-soft:#3a2422;--warning:#d4b25e;--shadow:0 2px 12px #00000073;--scrim:#0000009e}[data-theme=midnight]{--bg:#0d1220;--bg-panel:#141a2b;--bg-hover:#1b2338;--bg-active:#232d47;--bg-input:#0a0e1a;--text:#e9edf7;--text-dim:#aab3c7;--text-faint:#8590a6;--border:#2a3348;--accent:#7eb0ff;--accent-text:#071021;--accent-soft:#1d2b46;--danger:#ff8b83;--danger-text:#1c0705;--danger-soft:#3c1f1e;--warning:#e6bc5c;--shadow:0 2px 14px #00000080;--scrim:#000000a6}[data-theme=oled]{--bg:#000;--bg-panel:#0a0a0a;--bg-hover:#171717;--bg-active:#212121;--bg-input:#000;--text:#f4f4f4;--text-dim:#b4b4b4;--text-faint:#8f8f8f;--border:#2a2a2a;--accent:#5fd39b;--accent-text:#00150d;--accent-soft:#10261e;--danger:#ff7a70;--danger-text:#1c0403;--danger-soft:#2e1412;--warning:#e8bb5a;--shadow:0 2px 14px #0009;--scrim:#000000b3}[data-theme=nord]{--bg:#2e3440;--bg-panel:#3b4252;--bg-hover:#434c5e;--bg-active:#4c566a;--bg-input:#2e3440;--text:#eceff4;--text-dim:#ccd3de;--text-faint:#b8c1d0;--border:#4c566a;--accent:#88c0d0;--accent-text:#252b36;--accent-soft:#344458;--danger:#f09ba3;--danger-text:#2a0e13;--danger-soft:#46272d;--warning:#ebcb8b;--shadow:0 2px 14px #00000059;--scrim:#0000008c}[data-theme=forest]{--bg:#10140f;--bg-panel:#171d15;--bg-hover:#1f271d;--bg-active:#262f24;--bg-input:#0c100b;--text:#e8efe5;--text-dim:#a8b4a4;--text-faint:#838f7f;--border:#2a3427;--accent:#7fbe6e;--accent-text:#0a1408;--accent-soft:#1d2f1c;--danger:#e08070;--danger-text:#1a0a06;--danger-soft:#3a221c;--warning:#dcb765;--shadow:0 2px 14px #00000073;--scrim:#0000009e}[data-theme=sunset]{--bg:#191018;--bg-panel:#251826;--bg-hover:#2f2030;--bg-active:#372639;--bg-input:#150d15;--text:#f4ebf2;--text-dim:#c4b2c1;--text-faint:#9a8796;--border:#3a2739;--accent:#f0a85f;--accent-text:#241206;--accent-soft:#3d2c1e;--danger:#ff8b95;--danger-text:#1f070b;--danger-soft:#3f2028;--warning:#f2c75c;--shadow:0 2px 14px #00000073;--scrim:#0000009e}[data-theme=glass]{--bg:#dde4ec;--bg-panel:#ffffffb8;--bg-hover:#ffffff8c;--bg-active:#ffffffe0;--bg-input:#ffffffd9;--text:#16202c;--text-dim:#4e5a68;--text-faint:#59646f;--border:#141e2d29;--accent:#2456b8;--accent-text:#fff;--accent-soft:#2456b81a;--danger:#a62d25;--danger-text:#fff;--danger-soft:#a62d251a;--warning:#7a6017;--shadow:0 2px 16px #0f172a1f;--scrim:#0f172a66;--panel-blur:blur(14px)}[data-theme=mono]{--bg:#f5f5f4;--bg-panel:#fff;--bg-hover:#ececea;--bg-active:#dededb;--bg-input:#fff;--text:#1a1a1a;--text-dim:#555;--text-faint:#666;--border:#dbdbd8;--accent:#3d3d3d;--accent-text:#fff;--accent-soft:#e4e4e1;--danger:#a52a20;--danger-text:#fff;--danger-soft:#f3e0de;--warning:#7a5f18;--shadow:0 2px 10px #0000001a;--scrim:#00000073}[data-theme=cyberpunk]{--bg:#0a0a12;--bg-panel:#12121d;--bg-hover:#1b1b2a;--bg-active:#242438;--bg-input:#07070d;--text:#eaf2f5;--text-dim:#9aa3b5;--text-faint:#7f899e;--border:#2a2a42;--accent:#2ef2e6;--accent-text:#041414;--accent-soft:#123a3a;--danger:#ff5470;--danger-text:#1c0208;--danger-soft:#3a1420;--warning:#f2d34e;--shadow:0 2px 14px #0009;--scrim:#000000b3}[data-theme=dynamic]{--bg:#101319;--bg-panel:#171b23;--bg-hover:#1f242e;--bg-active:#272d39;--bg-input:#0d1015;--text:#e8ecf4;--text-dim:#a4acbd;--text-faint:#8b93a4;--border:#3a4252;--accent:#7f9cff;--accent-text:#0a0f1e;--accent-soft:#22304f;--danger:#ff7d75;--danger-text:#1c0403;--danger-soft:#40211f;--warning:#e5b95c;--shadow:0 2px 16px #00000080;--scrim:#000000a6}html.theme-anim,html.theme-anim *,html.theme-anim :before,html.theme-anim :after{transition:background-color .22s,border-color .22s,color .22s,fill .22s,box-shadow .22s!important}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-track{background:0 0}.app-shell{grid-template-columns:240px minmax(240px,300px) 1fr;height:100%;display:grid}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:14px 10px;display:flex;overflow-y:auto}.sidebar .brand{letter-spacing:-.01em;align-items:center;gap:9px;padding:6px 10px 14px;font-size:16px;font-weight:650;display:flex}.brand-mark{background:var(--accent);width:26px;height:26px;color:var(--accent-text);border-radius:6px;place-items:center;font-size:14px;font-weight:800;display:grid}.nav-link{border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:14px;text-decoration:none;display:flex;position:relative}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.active{background:var(--bg-active);color:var(--text);font-weight:600}.nav-link .count{color:var(--text-faint);margin-left:auto;font-size:12px}.sidebar .spacer{flex:1}.sidebar .account{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:8px;padding-top:10px;display:flex}.account .email{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;padding:2px 10px;font-size:12.5px;overflow:hidden}.note-list-pane{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;min-width:0;display:flex}.note-list-header{flex-direction:column;gap:10px;padding:14px 14px 10px;display:flex}.note-list-header .row{align-items:center;gap:8px;display:flex}.note-list-header h2{flex:1;margin:0;font-size:15px;font-weight:650}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);outline:none;width:100%;padding:7px 10px;font-size:13.5px}.search-input:focus{border-color:var(--accent)}.note-list-controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.note-sort{color:var(--text-faint);align-items:center;gap:6px;font-size:12px;display:inline-flex}.note-sort select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);outline:none;padding:3px 6px;font-size:12.5px}.note-sort select:focus-visible{border-color:var(--accent)}.note-list{flex-direction:column;flex:1;gap:2px;padding:4px 8px 16px;display:flex;overflow-y:auto}.note-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;width:100%;padding:9px 10px;display:block}.note-item:hover{background:var(--bg-hover)}.note-item.active{background:var(--accent-soft)}.note-item .title{align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.note-item .title .pin{color:var(--accent);font-size:11px}.note-item .preview{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;display:-webkit-box;overflow:hidden}.note-item .meta{color:var(--text-faint);margin-top:3px;font-size:11px}.note-item.failed .title{color:var(--danger)}.empty-state{text-align:center;color:var(--text-dim);padding:40px 24px;font-size:14px}.empty-state strong{color:var(--text);margin-bottom:6px;display:block}.editor-pane{background:var(--bg-panel);flex-direction:column;min-width:0;display:flex}.mobile-pane-bar{display:none}.editor-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:6px;min-height:52px;padding:10px 16px;display:flex}.editor-toolbar .save-status{color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:12px}.editor-toolbar .save-status.error{color:var(--danger)}.editor-footer{border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;align-items:center;gap:12px;padding:7px 16px;font-size:12px;display:flex}.editor-footer .save-status{white-space:nowrap}.editor-footer .save-status.error{color:var(--danger)}.editor-scroll{flex:1;overflow-y:auto}.editor-inner{max-width:var(--editor-width);margin:0 auto;padding:30px 32px 60vh}.note-title-input{letter-spacing:-.02em;width:100%;color:var(--text);background:0 0;border:none;outline:none;margin-bottom:14px;padding:0;font-size:28px;font-weight:700}.note-title-input::placeholder{color:var(--text-faint)}.ProseMirror{outline:none;min-height:30vh;font-size:15.5px;line-height:1.65}.ProseMirror>*+*{margin-top:.7em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{letter-spacing:-.01em;line-height:1.25}.ProseMirror p{margin:.45em 0}.ProseMirror ul,.ProseMirror ol{padding-left:1.4em}.ProseMirror blockquote{border-left:3px solid var(--border);color:var(--text-dim);margin-left:0;padding-left:14px}.ProseMirror code{font-family:var(--font-mono);background:var(--bg-hover);border-radius:4px;padding:1.5px 5px;font-size:.9em}.ProseMirror pre{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);padding:12px 14px;font-size:13px;line-height:1.55;overflow-x:auto}.ProseMirror pre code{font-size:inherit;background:0 0;padding:0}.ProseMirror hr{border:none;border-top:1px solid var(--border)}.ProseMirror a{text-underline-offset:2px;text-decoration:underline}.ProseMirror .empty-editor:before{content:"Start writing…";color:var(--text-faint)}.cm-codeblock{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);overflow:hidden}.cm-codeblock .cm-toolbar{border-bottom:1px solid var(--border);color:var(--text-faint);align-items:center;gap:8px;padding:5px 10px;font-size:11.5px;display:flex}.cm-codeblock .cm-toolbar select{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:1px 4px;font-size:11.5px}.cm-codeblock .cm-editor-host .cm-editor{font-family:var(--font-mono);font-size:13px}.cm-codeblock .cm-editor-host .cm-scroller{font-family:var(--font-mono);line-height:1.55}.cm-codeblock .cm-editor-host .cm-content{padding:10px 12px}.cm-codeblock .cm-editor-host .cm-gutters{background:var(--bg-input);border-right:1px solid var(--border);color:var(--text-faint)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:13.5px;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.btn.danger-solid{background:var(--danger);border-color:var(--danger);color:var(--danger-text)}.btn.danger-solid:hover:not(:disabled){filter:brightness(1.08)}.btn.icon{color:var(--text-dim);background:0 0;border:none;padding:6px}.btn.icon:hover{background:var(--bg-hover);color:var(--text)}.btn.icon.active{color:var(--accent)}.btn.small{padding:4px 10px;font-size:12.5px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-dim);font-size:13px;font-weight:600}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);outline:none;padding:9px 11px}.field input:focus{border-color:var(--accent)}.field .hint{color:var(--text-faint);font-size:12px}.field .hint.warn{color:var(--warning)}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);margin-bottom:14px;padding:9px 12px;font-size:13.5px}.form-success{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);margin-bottom:14px;padding:9px 12px;font-size:13.5px}.center-page{background:var(--bg);place-items:center;min-height:100%;padding:24px;display:grid}.auth-card{background:var(--bg-panel);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:12px;padding:30px 28px 26px}.auth-card h1{letter-spacing:-.01em;margin:0 0 4px;font-size:21px}.auth-card .subtitle{color:var(--text-dim);margin:0 0 22px;font-size:13.5px}.auth-card .brand-row{align-items:center;gap:10px;margin-bottom:18px;font-weight:700;display:flex}.provider-btn{width:100%;margin-bottom:10px;padding:10px 14px;font-size:14.5px}.auth-footer{color:var(--text-faint);text-align:center;margin-top:16px;font-size:12.5px}.settings-page{background:var(--bg);grid-column:2/-1;overflow-y:auto}.settings-inner{max-width:640px;margin:0 auto;padding:34px 28px 80px}.settings-inner h1{margin:0 0 4px;font-size:22px}.settings-inner .lead{color:var(--text-dim);margin:0 0 26px;font-size:14px}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex}.settings-tabs a{color:var(--text-dim);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:14px;text-decoration:none}.settings-tabs a.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:20px}.card h3{margin:0 0 4px;font-size:15px}.card .desc{color:var(--text-dim);margin:0 0 16px;font-size:13px}.card.danger-card{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.session-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;font-size:13.5px;display:flex}.session-row:first-of-type{border-top:none}.session-row .when{color:var(--text-dim);font-size:12.5px}.session-row .badge{background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:1px 7px;font-size:11px;font-weight:650}.session-row .grow{flex:1;min-width:0}.trash-page{background:var(--bg);grid-column:2/-1;overflow-y:auto}.trash-inner{max-width:720px;margin:0 auto;padding:34px 28px 80px}.trash-row{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.trash-row .grow{flex:1;min-width:0}.trash-row .title{font-size:14px;font-weight:600}.trash-row .meta{color:var(--text-faint);font-size:12px}.about-page{background:var(--bg);grid-column:2/-1;overflow-y:auto}.about-inner{max-width:640px;margin:0 auto;padding:34px 28px 80px}.about-inner h1{margin:0 0 12px;font-size:22px}.about-inner h3{margin:26px 0 6px;font-size:15px}.about-inner p,.about-inner li{color:var(--text-dim);font-size:14px;line-height:1.6}.about-inner ul{padding-left:20px}.toast-stack{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:20px;padding:9px 16px;font-size:13.5px}.toast.error{background:var(--danger);color:var(--danger-text)}.boot-splash{height:100%;color:var(--text-faint);place-items:center;font-size:14px;display:grid}.menu-pop{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:30;min-width:170px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.menu-pop button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:7px 10px;font-size:13.5px;display:block}.menu-pop button:hover{background:var(--bg-hover)}.menu-pop button.danger{color:var(--danger)}.menu-wrap{position:relative}@media (max-width:960px){.app-shell{grid-template-columns:64px minmax(200px,260px) 1fr}.sidebar .brand span:last-child,.nav-link span.label,.account .email{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.list-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:14px 10px 4px;font-size:11px;font-weight:700}.list-section-toggle{cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;width:100%;font-family:inherit;display:flex}.list-section-toggle:hover{color:var(--text-dim);background:var(--bg-hover)}.note-item{padding-right:98px;position:relative}.note-item .title span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-item .item-actions{display:none;position:absolute;top:6px;right:6px}.note-item:hover .item-actions,.note-item:focus-within .item-actions{display:flex}.toolbar-sep{background:var(--border);width:1px;height:20px;margin:0 4px}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kv{grid-template-columns:170px 1fr;gap:9px 18px;margin:6px 0 0;font-size:14px;display:grid}.kv dt{color:var(--text-dim);font-size:13px;font-weight:600}.kv dd{overflow-wrap:anywhere;margin:0}.trash-inner h1{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}.trash-inner .lead{color:var(--text-dim);margin:0 0 22px;font-size:14px}.about-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:16px;display:grid}.about-grid .card{margin-bottom:0}.session-list{margin-top:4px}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog:focus{outline:none}.dialog-scrim{background:var(--scrim);z-index:90;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--bg-panel);width:min(470px,100%);max-height:calc(100vh - 32px);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:22px 22px 18px;overflow-y:auto}.dialog h2{letter-spacing:-.01em;color:var(--text);margin:0 0 8px;font-size:17px}.dialog .dialog-body{color:var(--text-dim);margin:0 0 16px;font-size:13.5px;line-height:1.55}.dialog .field:last-child{margin-bottom:0}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.cookie-banner{z-index:60;background:var(--bg-panel);max-width:880px;-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 20px;margin:0 auto;padding:16px 18px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.cookie-banner-body{flex:360px;min-width:0}.cookie-banner-title{color:var(--text);align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.cookie-banner p{color:var(--text-dim);margin:0 0 8px;font-size:13.5px;line-height:1.55}.cookie-banner p:last-child{margin-bottom:0}.cookie-banner .cookie-banner-fine{color:var(--text-faint);font-size:12.5px}.cookie-banner-actions{flex-wrap:wrap;gap:8px;display:flex}.cookie-banner-actions .btn{white-space:nowrap}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.theme-swatch{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);cursor:pointer;text-align:left;flex-direction:column;align-items:stretch;gap:7px;padding:10px;display:flex}.theme-swatch:hover{background:var(--bg-hover)}.theme-swatch.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.swatch-frame{border:1px solid var(--border);background:var(--bg);border-radius:6px;gap:5px;height:64px;padding:7px;display:flex;position:relative;overflow:hidden}.swatch-sidebar{background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;width:22px}.swatch-content{flex-direction:column;flex:1;gap:6px;min-width:0;padding-top:3px;display:flex}.swatch-accent{background:var(--accent);border-radius:3px;width:46%;height:9px}.swatch-line{background:var(--text-dim);opacity:.55;border-radius:3px;width:90%;height:5px}.swatch-line.short{width:58%}.swatch-badge{color:var(--text-dim);display:flex;position:absolute;bottom:6px;right:7px}.swatch-name{color:var(--text);font-size:13.5px;font-weight:650}.swatch-note{color:var(--text-faint);font-size:11.5px}.theme-menu{min-width:184px;max-height:min(70vh,460px);overflow-y:auto}.theme-menu button{align-items:center;gap:9px;display:flex}.theme-menu button[aria-checked=true]{color:var(--accent);font-weight:650}.theme-menu .menu-hint{color:var(--text-faint);margin-left:auto;font-size:11px}.theme-dot{background:var(--bg);border:2px solid var(--accent);border-radius:50%;flex:none;width:13px;height:13px}.cookie-table{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.cookie-row{border-top:1px solid var(--border);grid-template-columns:132px 138px minmax(200px,1fr) minmax(170px,210px);align-items:start;gap:12px;min-width:620px;padding:10px 12px;font-size:13px;display:grid}.cookie-row:first-child{border-top:none}.cookie-head{background:var(--bg-hover);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:11px;font-weight:700}.cookie-name{font-family:var(--font-mono);color:var(--text);overflow-wrap:anywhere;font-size:12.5px}.cookie-muted{color:var(--text-faint);font-size:12.5px}.badge-strict{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:650;display:inline-block}.cookie-consent-rows{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cookie-consent-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.cookie-consent-row strong{margin-bottom:3px;display:block}.cookie-consent-row p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.cookie-consent-row code{font-family:var(--font-mono);background:var(--bg-active);border-radius:4px;padding:0 4px;font-size:12px}.switch{flex-shrink:0;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch span{background:var(--bg-active);border:1px solid var(--border);border-radius:20px;width:40px;height:22px;transition:background-color .16s;position:relative}.switch span:after{content:"";background:var(--text-dim);border-radius:50%;width:16px;height:16px;transition:transform .16s,background-color .16s;position:absolute;top:2px;left:2px}.switch input:checked+span{background:var(--accent);border-color:var(--accent)}.switch input:checked+span:after{background:var(--accent-text);transform:translate(18px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.music-list{flex-direction:column;gap:4px;display:flex}.music-row,.music-row-main{border-radius:var(--radius-sm);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.music-row-main{border:none;flex:1}.music-row:hover{background:var(--bg-hover)}.music-row-title{align-items:center;gap:6px;font-weight:550;display:inline-flex}.music-row-meta{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.music-search{align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.music-search .field{flex:1;margin:0}.music-star.active{color:var(--accent)}.album-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:12px;display:grid}.album-card{flex-direction:column;gap:6px;display:flex}.album-art{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-active);cursor:pointer;aspect-ratio:1;padding:0;position:relative;overflow:hidden}.album-art img{object-fit:cover;width:100%;height:100%;display:block}.album-play{background:var(--accent);width:34px;height:34px;color:var(--accent-text);opacity:0;border-radius:50%;place-items:center;transition:opacity .14s;display:grid;position:absolute;bottom:8px;right:8px}.album-art:hover .album-play,.album-art:focus-visible .album-play{opacity:1}.album-name{color:var(--text);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:600;overflow:hidden}.album-name:hover{color:var(--accent)}.album-artist{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.music-page{background:var(--bg);grid-column:2/-1;min-height:0;position:relative;overflow:hidden}.mw-window{background:var(--bg-panel);border:1px solid var(--border);min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.mw-window.maximized{border-radius:0}.mw-window[data-dragging=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.mw-titlebar{background:var(--bg-panel);border-bottom:1px solid var(--border);cursor:grab;touch-action:none;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.mw-window.minimized .mw-titlebar{border-bottom:none}.mw-titlebar-left,.mw-window-actions{align-items:center;gap:3px;min-width:0;display:flex}.mw-tabs{background:var(--bg-hover);border-radius:var(--radius-sm);gap:2px;margin-left:4px;padding:2px;display:flex}.mw-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 13px;font-size:12.5px;font-weight:600}.mw-tab:hover{color:var(--text)}.mw-tab.active{background:var(--bg-panel);color:var(--text);box-shadow:0 1px 2px #00000024}.mw-close:hover{background:var(--danger-soft);color:var(--danger)}.mw-window-body{flex-direction:column;flex:1;min-height:0;display:flex}.mw-body-main{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.mw-view{flex:1;min-width:0;padding:18px 20px 28px;overflow-y:auto}.mw-resize{z-index:4;position:absolute}.mw-resize-n{cursor:ns-resize;height:8px;top:-4px;left:10px;right:10px}.mw-resize-s{cursor:ns-resize;height:8px;bottom:-4px;left:10px;right:10px}.mw-resize-e{cursor:ew-resize;width:8px;top:10px;bottom:10px;right:-4px}.mw-resize-w{cursor:ew-resize;width:8px;top:10px;bottom:10px;left:-4px}.mw-resize-nw{cursor:nwse-resize;width:16px;height:16px;top:-5px;left:-5px}.mw-resize-ne{cursor:nesw-resize;width:16px;height:16px;top:-5px;right:-5px}.mw-resize-sw{cursor:nesw-resize;width:16px;height:16px;bottom:-5px;left:-5px}.mw-resize-se{cursor:nwse-resize;width:16px;height:16px;bottom:-5px;right:-5px}.mw-chips{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.mw-chip{border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:550;display:inline-flex}.mw-chip:hover{background:var(--bg-hover);border-color:var(--accent)}.mw-chip-icon{color:var(--accent);display:inline-flex}.mw-chip-meta{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:12px}.mw-section-title{justify-content:space-between;align-items:center;gap:10px;margin:22px 0 8px;display:flex}.mw-section-title:first-child{margin-top:0}.mw-section-title h4{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:13px;font-weight:700}.mw-loading,.mw-empty{margin:14px 0}.mw-cover-fallback{aspect-ratio:1;background:var(--bg-active);width:100%;color:var(--text-faint);border-radius:inherit;place-items:center;display:grid}.mw-track-no{text-align:right;width:26px;color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}.mw-playing-dot{background:var(--accent);border-radius:2px;flex:none;width:3px;height:14px;display:inline-block}.mw-track-row.active .music-row-title{color:var(--accent);font-weight:700}.mw-track-row .music-row-main{align-items:center;gap:10px;min-width:0;display:flex}.mw-track-row .music-row-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mw-track-row .music-row-meta{margin-left:auto}.mw-row-actions{flex:none;align-items:center;gap:2px;display:flex}.mw-explicit{color:var(--text-faint);border:1px solid var(--border);border-radius:3px;padding:0 4px;font-size:10px;font-weight:700}.mw-detail-head{align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.mw-detail-art{object-fit:cover;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-active);flex:none;width:140px;height:140px}.mw-detail-art.round{border-radius:50%}.mw-detail-meta{min-width:0}.mw-detail-meta h3{letter-spacing:-.01em;margin:2px 0 4px;font-size:21px}.mw-detail-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:11.5px;font-weight:700}.mw-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.mw-detail-sub{color:var(--text-faint);font-size:12.5px}.mw-connect-card{border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-panel);max-width:520px;padding:24px}.mw-connect-card h4{margin:0 0 8px;font-size:15px}.mw-connect-card .desc{margin-bottom:16px}.mw-connections{max-width:560px}.mw-connections>h4{margin:20px 0 10px;font-size:14px}.mw-connections>h4:first-of-type{margin-top:4px}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:650;display:inline-block}.mw-player{border-top:1px solid var(--border);background:var(--bg-panel);flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:12px 16px;padding:10px 14px;display:grid;position:relative}.mw-player-track{align-items:center;gap:11px;min-width:0;display:flex}.mw-player-art{object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-active);flex:none;width:56px;height:56px}.mw-player-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.mw-player-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:650;overflow:hidden}.mw-player-artist,.mw-player-source{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.mw-player-source{color:var(--text-faint);font-size:11.5px}.mw-player-center{flex-direction:column;gap:4px;min-width:0;display:flex}.mw-player-controls{justify-content:center;align-items:center;gap:6px;display:flex}.mw-player-progress{align-items:center;gap:9px;min-width:0;display:flex}.mw-player-progress input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.mw-time{color:var(--text-faint);font-variant-numeric:tabular-nums;min-width:34px;font-size:11.5px}.mw-player-side{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.mw-volume{color:var(--text-dim);align-items:center;gap:6px;margin-right:4px;display:inline-flex}.mw-volume input[type=range]{width:84px;accent-color:var(--accent)}.mw-player-error{grid-column:1/-1;margin:0}.mw-queue{background:var(--bg);border-left:1px solid var(--border);flex-direction:column;flex:none;width:310px;min-height:0;display:flex}.mw-queue-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px 9px 14px;display:flex}.mw-queue-head h4{margin:0;font-size:13.5px}.mw-queue-actions{align-items:center;gap:2px;display:flex}.mw-queue-list{flex:1;padding:8px;overflow-y:auto}.mw-lyrics{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.mw-lyrics-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.mw-lyrics-title{flex-direction:column;flex:1;min-width:0;display:flex}.mw-lyrics-title h4{margin:0;font-size:13.5px}.mw-lyrics-title .desc{margin:0;font-size:12px}.mw-lyrics-scroll{flex:1;padding:30px 24px 48px;overflow-y:auto}.mw-lyrics-lines,.mw-lyrics-plain{flex-direction:column;gap:14px;max-width:660px;margin:0 auto;display:flex}.mw-lyric-line{color:var(--text-dim);margin:0;padding-left:18px;font-size:19px;line-height:1.5;position:relative}.mw-lyric-line.active{color:var(--text);font-weight:700}.mw-lyric-line.active:before{content:"";background:var(--accent);border-radius:2px;width:4px;position:absolute;top:.3em;bottom:.3em;left:0}.mw-lyric-line.active-soft{color:var(--text);font-weight:500}.mw-lyric-line.active-soft:before{display:none}.mw-lyrics-credit{max-width:660px;color:var(--text-faint);text-align:center;margin:30px auto 0;font-size:12px}@media (max-width:700px){.app-shell{flex-direction:column;display:flex}.sidebar{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-right:none;border-top:1px solid var(--border);flex-direction:row;order:3;align-items:center;gap:2px;overflow:auto hidden}.sidebar .brand,.sidebar .spacer,.account .email{display:none}.sidebar .account{border-top:none;flex-direction:row;align-items:center;gap:2px;margin-top:0;margin-left:auto;padding-top:0}.nav-link{text-align:center;flex-direction:column;flex:1;gap:2px;width:auto;min-width:54px;padding:6px 8px;font-size:10.5px}.nav-link .count{display:none}.note-list-pane,.editor-pane,.settings-page,.trash-page,.about-page,.music-page{flex:auto;grid-column:auto;min-height:0}.note-list-pane{border-right:none}html[data-notes-pane=list] .editor-pane,html[data-notes-pane=editor] .note-list-pane{display:none}.mobile-pane-bar{background:var(--bg-panel);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:6px 8px;display:flex}.mobile-pane-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.editor-toolbar{min-height:46px;padding:8px 10px;overflow-x:auto}.editor-inner{padding:18px 16px 50vh}.note-title-input{font-size:22px}.settings-inner,.trash-inner,.about-inner{padding:22px 16px 72px}.settings-tabs{overflow-x:auto}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:12px}.trash-row{flex-wrap:wrap}.dialog{padding:18px 16px 16px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}.cookie-banner{padding:14px;bottom:76px;left:8px;right:8px}.cookie-banner-actions{width:100%}.cookie-banner-actions .btn{flex:1}.toast-stack{bottom:76px}.mw-window:not(.minimized){border-top:none;border-left:none;border-right:none;border-radius:0;width:100%!important;height:100%!important;inset:0!important}.mw-resize{display:none}.mw-titlebar{gap:6px;padding:6px}.mw-tabs{margin-left:0}.mw-tab{padding:4px 9px;font-size:12px}.mw-view{padding:14px 14px 24px}.mw-detail-head{flex-direction:column;align-items:flex-start;gap:12px}.mw-detail-art{width:112px;height:112px}.mw-detail-meta h3{font-size:18px}.mw-queue{z-index:3;border-left:none;width:auto;position:absolute;inset:0}.mw-player{padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:8px 12px;display:flex}.mw-player-track{flex:120px}.mw-player-art{width:44px;height:44px}.mw-player-center{flex:100%;order:3}.mw-player-side{margin-left:auto}.mw-volume input[type=range]{display:none}.mw-lyric-line{font-size:17px}}@media (prefers-reduced-motion:reduce){.mw-lyric-line,.album-play{transition:none}}