:root[data-theme=slate]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--chrome:#fff;--paper:#f8fafc;--surface:#fff;--surface-2:#fff;--sunk:#f1f5f9;--fill:#f1f5f9;--line:#e2e8f0;--line-strong:#cbd5e1;--ink:#0f172a;--ink-soft:#334155;--ink-muted:#475569;--ink-faint:#64748b;--ink-ghost:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-text:#1d4ed8;--accent-fg:#fff;--accent-soft:#2563eb14;--accent-ring:#2563eb8c;--hash:#b45309;--hash-soft:#fef3c7;--e2ee:#047857;--e2ee-soft:#ecfdf5;--success:#047857;--warning:#b45309;--danger:#e11d48;--danger-text:#be123c;--danger-strong:#e11d48;--danger-strong-hover:#be123c;--info:#1d4ed8;--shared:#6d28d9;--ribbon-red:#e11d48;--ribbon-orange:#ea580c;--ribbon-yellow:#d97706;--ribbon-green:#059669;--ribbon-blue:#2563eb;--ribbon-purple:#7c3aed;--highlight:#2563eb29;--highlight-strong:#f59e0b;--code-bg:#0f172a;--code-ink:#e2e8f0;--doc-canvas:#fff;--scrollbar-thumb:#0f172a33;--scrollbar-thumb-hover:#0f172a52;--overlay:#0f172a73;--glass:#ffffffe0;--glow:#2563eb1a;--shadow-card:0 1px 2px #0f172a0d;--shadow-pop:0 8px 24px -4px #0f172a24}:root[data-theme=slate][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--chrome:#060a12;--paper:#0b1220;--surface:#111c30;--surface-2:#182640;--sunk:#080e1a;--fill:#ffffff0a;--line:#1e2f4d;--line-strong:#2d4268;--ink:#f1f5f9;--ink-soft:#cbd5e1;--ink-muted:#94a3b8;--ink-faint:#7c8ba1;--ink-ghost:#64748b;--accent:#2563eb;--accent-hover:#3b82f6;--accent-text:#60a5fa;--accent-fg:#fff;--accent-soft:#3b82f624;--accent-ring:#60a5faa6;--hash:#fbbf24;--hash-soft:#f59e0b1f;--e2ee:#34d399;--e2ee-soft:#10b9811f;--success:#34d399;--warning:#fbbf24;--danger:#fb7185;--danger-text:#fda4af;--danger-strong:#e11d48;--danger-strong-hover:#be123c;--info:#60a5fa;--shared:#a78bfa;--ribbon-red:#fb7185;--ribbon-orange:#fb923c;--ribbon-yellow:#fbbf24;--ribbon-green:#34d399;--ribbon-blue:#60a5fa;--ribbon-purple:#a78bfa;--highlight:#3b82f652;--highlight-strong:#fbbf24;--code-bg:#060a12;--code-ink:#e2e8f0;--scrollbar-thumb:#ffffff24;--scrollbar-thumb-hover:#ffffff3d;--overlay:#02060eb8;--glass:#182640db;--glow:#2563eb2e;--shadow-card:0 1px 2px #00000059;--shadow-pop:0 12px 32px -4px #00000080}:root[data-theme=memoza]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--chrome:#f6f4ef;--paper:#f3f1eb;--surface:#fff;--surface-2:#fff;--sunk:#efece5;--fill:#e9e5dc;--line:#e2ddd2;--line-strong:#cdc4b2;--ink:#181c20;--ink-soft:#2d3135;--ink-muted:#4d4638;--ink-faint:#6c6454;--ink-ghost:#978f7f;--accent:#b89a4a;--accent-hi:#f2e07a;--accent-hover:#a88a3c;--accent-text:#745b0f;--accent-fg:#241a00;--accent-soft:#fff1dc;--accent-ring:#b89a4a99;--hash:#745a37;--hash-soft:#fedaae;--e2ee:#047857;--e2ee-soft:#ecfdf5;--success:#047857;--warning:#b45309;--danger:#ba1a1a;--danger-text:#ba1a1a;--danger-strong:#ba1a1a;--danger-strong-hover:#93000a;--info:#745b0f;--shared:#6d28d9;--ribbon-red:#e11d48;--ribbon-orange:#ea580c;--ribbon-yellow:#d97706;--ribbon-green:#059669;--ribbon-blue:#2563eb;--ribbon-purple:#7c3aed;--highlight:#b89a4a38;--highlight-strong:#e4c36e;--code-bg:#2d3135;--code-ink:#eef1f6;--doc-canvas:#fff;--scrollbar-thumb:#181c2033;--scrollbar-thumb-hover:#181c2052;--overlay:#181c2066;--glass:#f6f4efe0;--glow:#e4c36e38;--shadow-card:0 1px 2px #30261412, 0 6px 18px -6px #3026141a;--shadow-pop:0 12px 32px -4px #30261424, 0 4px 12px -2px #3026140f;--shadow-accent:0 4px 14px -4px #b89a4a8c;--font-display:var(--font-sans);--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:20px;--r-control:var(--r-full);--control-bg:var(--fill);--control-bg-hover:#e0dbd0;--control-line:transparent;--control-line-hover:transparent}:root[data-theme=memoza][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--chrome:#111315;--paper:#111315;--surface:#1a1c1f;--surface-2:#1a1c1f;--sunk:#212428;--fill:#26292d;--line:#2a2d31;--line-strong:#4d4638;--ink:#ebe7df;--ink-soft:#d6d1c7;--ink-muted:#b4ab9b;--ink-faint:#8f8778;--ink-ghost:#6b6457;--accent:#e4c36e;--accent-hi:#f2e07a;--accent-hover:#f2d98a;--accent-text:#e4c36e;--accent-fg:#241a00;--accent-soft:#2c2418;--accent-ring:#e4c36e99;--hash:#e3c197;--hash-soft:#e3c1971f;--e2ee:#6ee7b7;--e2ee-soft:#10b9811f;--success:#6ee7b7;--warning:#fbbf24;--danger:#ffb4ab;--danger-text:#ffb4ab;--danger-strong:#c62828;--danger-strong-hover:#a51c1c;--info:#e4c36e;--shared:#a78bfa;--ribbon-red:#fb7185;--ribbon-orange:#fb923c;--ribbon-yellow:#fbbf24;--ribbon-green:#34d399;--ribbon-blue:#60a5fa;--ribbon-purple:#a78bfa;--highlight:#e4c36e47;--highlight-strong:#e4c36e;--code-bg:#0b0c0e;--code-ink:#e6e8eb;--scrollbar-thumb:#ffffff24;--scrollbar-thumb-hover:#ffffff3d;--overlay:#0009;--glass:#1a1c1fdb;--glow:#e4c36e1a;--shadow-card:0 1px 2px #0000004d;--shadow-pop:0 12px 32px #00000073;--shadow-accent:0 4px 14px -6px #00000080;--control-bg-hover:#2d3135}:root[data-theme=memoza] :is(button.primary,.rail-new,.bottombar-new){background:linear-gradient(100deg, var(--accent), var(--accent-hi)) border-box;box-shadow:var(--shadow-accent)}:root[data-theme=memoza] :is(button.primary,.rail-new,.bottombar-new):hover:not(:disabled){filter:brightness(1.05)}:root[data-theme=memoza] button.secondary{background:var(--control-bg)}:root[data-theme=memoza] button.secondary:hover{background:var(--control-bg-hover)}:root[data-theme=memoza] :is(input,textarea,select){background-color:var(--sunk);border-color:#0000}:root[data-theme=memoza] :is(input,textarea,select):hover{border-color:var(--line-strong)}:root[data-theme=memoza] :is(input,textarea,select):focus{background-color:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}:root[data-theme=memoza] :is(.segmented,.settings-tabs){border-radius:var(--r-full);border-color:#0000}:root[data-theme=memoza] :is(.segmented button,.settings-tab){border-radius:var(--r-full)}:root[data-theme=memoza][data-mode=dark] .segmented button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);box-shadow:none}:root[data-theme=memoza] :is(.rail,.hub-index){border-inline-end-color:#0000}:root[data-theme=memoza] :is(.topbar,.editor-bar){border-bottom-color:#0000}:root[data-theme=memoza] .topbar{background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px)}:root[data-theme=memoza] :is(.rail-link.active,.hub-section.active,.comments-toggle.active,.chip.active,.pill,.sync-status){border-color:#0000}:root[data-theme=memoza] .chip{border-radius:var(--r-full);border-color:#0000}:root[data-theme=memoza][data-mode=dark] :is(.note-card,.page-sheet,.settings-card,.dialog,.comments-drawer,.auth-card,.tags-suggest,.color-picker,.md-toolbar),:root[data-theme=memoza] :is(.share-row,.comment,.key-card,.plan-card,.auth-identity,.settings-guarantee,.banner,.hazard){border-color:#0000}:root[data-theme=memoza] .danger-zone{border-color:color-mix(in srgb, var(--danger) 35%, transparent)}:root[data-theme=memoza] .note-card:hover{background:var(--surface);box-shadow:var(--shadow-pop)}:root[data-theme=memoza] :is(.note-card--open,.note-card:focus-within){box-shadow:0 0 0 2px var(--accent-ring), var(--shadow-card)}:root[data-theme=memoza] .note-card-foot{border-top:0;padding-top:4px}:root[data-theme=memoza] :is(.hub-title,.title-input,.settings-head h1,.auth-card h1,.dialog-head h2,.deleted-title,.public-reader-title,.preview h1,.preview h2,.preview h3){letter-spacing:-.025em;font-weight:650}:root[data-theme=memoza] .preview blockquote{font-family:var(--font-reading)}:root[data-theme=memoza] .auth-screen{background:radial-gradient(45% 40% at 0% 0%, var(--glow), transparent 70%), radial-gradient(50% 45% at 100% 100%, var(--glow), transparent 70%), var(--paper)}:root[data-theme=memoza] .mz-toast{border-radius:var(--r-full)}:root[data-theme=memoza] .mode-card--dark .mode-preview{background:#111315}:root[data-theme=memoza] .mode-card--dark .mode-preview i{background:#2d3135}:root[data-theme=memoza] .mode-card--light .mode-preview{background:#f3f1eb}:root[data-theme=memoza] .mode-card--light .mode-preview i{background:#e2ddd2}:root[data-theme=memoza] .mode-card--system .mode-preview{background:linear-gradient(135deg,#f3f1eb 50%,#111315 50%)}:root[data-theme=memoza] .mode-preview i:first-child{background:#b89a4a}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-latin-ext-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-latin-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-latin-ext-italic.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-latin-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-latin-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-serif:"Newsreader",Georgia,"Times New Roman",serif;--font-display:var(--font-serif);--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",monospace;--font-reading:var(--font-serif);--canvas-width:720px;--r-xs:2px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--r-full:999px;--r-control:var(--r-md);--control-bg:var(--surface);--control-bg-hover:var(--fill);--control-line:var(--line);--control-line-hover:var(--line-strong);--dur-quick:.15s;--dur-rise:.24s;--dur-strike:.35s;--ease:cubic-bezier(.22,.61,.36,1);--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--rail-w:64px;--index-w:260px;--drawer-w:340px;--topbar-h:calc(56px + var(--safe-top));--bottombar-h:64px;--tracking-badge:.06em}:root[data-reading=sans]{--font-reading:var(--font-sans)}:root[data-reading=mono]{--font-reading:var(--font-mono)}:root[data-canvas="840"]{--canvas-width:840px}:root[data-canvas="1000"]{--canvas-width:1000px}@keyframes mz-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mz-fade{0%{opacity:0}to{opacity:1}}@keyframes mz-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 45%, transparent)}60%{box-shadow:0 0 0 5px #0000}}@keyframes mz-spin{to{transform:rotate(360deg)}}@keyframes mz-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes mz-tear{0%{opacity:1;transform:rotate(0)scale(1)}30%{transform:rotate(-2deg)scale(.98)translateY(6px)}to{opacity:0;transform:rotate(8deg)scale(.6)translate(64px,-150px)}}@keyframes mz-toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes mz-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mz-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}*{box-sizing:border-box}body{padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);font-family:var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.6}#app{min-height:100dvh}.hidden,[hidden]{display:none!important}::selection{background:var(--highlight);color:var(--ink)}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}a{color:var(--accent-text)}h1,h2,h3{margin:0}kbd{font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--fill);color:var(--ink-faint);padding:2px 6px;font-size:11.5px;font-weight:600}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}input,textarea,select{font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:100%;min-height:44px;transition:border-color var(--dur-quick) var(--ease), box-shadow var(--dur-quick) var(--ease);padding:10px 12px;font-size:15px}[data-mode=dark] input,[data-mode=dark] textarea,[data-mode=dark] select{background-color:var(--sunk)}input::placeholder,textarea::placeholder{color:var(--ink-ghost)}input:hover,textarea:hover,select:hover{border-color:var(--line-strong)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}input[readonly],textarea[readonly]{color:var(--ink-muted)}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--accent);flex:none;padding:0}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-faint) 50%),linear-gradient(135deg,var(--ink-faint) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:36px}[dir=rtl] select{background-position:18px 55%,13px 55%}.field{flex-direction:column;gap:6px;min-width:0;margin:0 0 16px;display:flex}.field-label{color:var(--ink-soft);font-size:13px;font-weight:600}.field-hint{color:var(--ink-faint);font-size:12px;line-height:1.45}.field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.field-with-action{position:relative}.field-with-action>a{top:0;font-size:13px;font-weight:600;text-decoration:none;position:absolute;inset-inline-end:0}.field-with-action>a:hover{text-decoration:underline}.input-prefix{flex:1;align-items:center;min-width:0;display:flex;position:relative}.input-prefix-at{font-family:var(--font-mono);color:var(--ink-faint);pointer-events:none;font-size:14px;position:absolute;inset-inline-start:12px}.input-prefix input{font-family:var(--font-mono);padding-inline-start:30px}.checkbox-label{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}button{font-family:var(--font-sans);color:var(--ink);background:var(--control-bg);border:1px solid var(--control-line);border-radius:var(--r-control);cursor:pointer;white-space:nowrap;min-height:44px;transition:background var(--dur-quick) var(--ease), border-color var(--dur-quick) var(--ease), color var(--dur-quick) var(--ease), opacity var(--dur-quick) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}button:hover{background:var(--control-bg-hover);border-color:var(--control-line-hover)}button svg{flex:none}button:disabled{opacity:.5;cursor:not-allowed}button.primary{color:var(--accent-fg);background:var(--accent);border-color:#0000}button.primary:hover{background:var(--accent-hover)}button.secondary{background:var(--surface)}[data-mode=dark] button.secondary{background:var(--surface-2)}button.ghost{color:var(--ink-muted);background:0 0;border-color:#0000}button.ghost:hover{background:var(--fill);color:var(--ink)}button.danger{color:var(--danger-text);border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:0 0}button.danger:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}button.danger-solid{color:#fff;background:var(--danger-strong);border-color:#0000}button.danger-solid:hover{background:var(--danger-strong-hover)}button.danger-ghost:hover{color:var(--danger-text);background:color-mix(in srgb, var(--danger) 10%, transparent)}button.small{min-height:36px;padding:0 12px;font-size:13px}button.block{width:100%}button.icon-btn{width:44px;padding:0}button.link-btn{min-height:32px;color:var(--ink-faint);background:0 0;border:0;padding:0 4px;font-size:12px}button.link-btn:hover{color:var(--ink);background:0 0;text-decoration:underline}button.link-btn.danger-text:hover{color:var(--danger-text)}.segmented{background:var(--fill);border:1px solid var(--line);border-radius:var(--r-lg);gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:36px;color:var(--ink-muted);border-radius:var(--r-md);background:0 0;border:0;padding:0 12px;font-size:13px}.segmented button:hover{color:var(--ink);background:0 0}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--accent-text);box-shadow:var(--shadow-card)}[data-mode=dark] .segmented button[aria-pressed=true]{background:var(--surface-2)}.pill{border-radius:var(--r-full);font-family:var(--font-mono);letter-spacing:var(--tracking-badge);text-transform:uppercase;white-space:nowrap;border:1px solid color-mix(in srgb, currentColor 28%, transparent);flex:none;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1.4;display:inline-flex}.pill--e2ee{color:var(--e2ee);background:var(--e2ee-soft)}.pill--danger{color:var(--danger-text);background:color-mix(in srgb, var(--danger) 10%, transparent)}.pill--shared{color:var(--shared);background:color-mix(in srgb, var(--shared) 12%, transparent)}.pill--accent{color:var(--accent-text);background:var(--accent-soft)}.pill--neutral{color:var(--ink-muted);background:var(--fill);border-color:var(--line)}.page-hash{font-family:var(--font-mono);letter-spacing:var(--tracking-badge);color:var(--hash);border-radius:var(--r-full);background:var(--hash-soft);flex:none;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.page-hash b{color:var(--ink-faint);font-weight:600}.page-hash--none{color:var(--ink-ghost);background:var(--fill)}.count-badge{border-radius:var(--r-full);background:var(--accent);min-width:20px;height:20px;color:var(--accent-fg);font-family:var(--font-mono);justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.avatar{background:var(--accent);width:36px;height:36px;color:var(--accent-fg);letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{width:28px;height:28px;font-size:11px}.avatar--lg{width:64px;height:64px;font-size:22px}.banner{border-radius:var(--r-md);animation:mz-fade var(--dur-quick) var(--ease);border:1px solid #0000;align-items:flex-start;gap:10px;margin:12px 0;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}.banner svg{margin-top:2px}.banner-error{background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--danger-text);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.banner-warn{background:color-mix(in srgb, var(--warning) 10%, var(--surface));color:var(--ink);border-color:color-mix(in srgb, var(--warning) 32%, transparent)}.banner-info{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 26%, transparent)}.paywall-banner{color:var(--warning)}.paywall-banner strong{color:var(--warning);font-size:13px;display:block}.paywall-banner span{color:var(--ink-soft);display:block}.empty{color:var(--ink-faint);text-align:center;grid-column:1/-1;padding:48px 16px;font-size:14px}.empty--inline{text-align:start;padding:16px 0}.mz-brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.mz-logo{object-fit:contain;width:36px;height:36px;display:block}.mz-wordmark{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:700}.app-shell{grid-template-columns:var(--rail-w) minmax(0,1fr);min-height:100dvh;display:grid}.app-column{flex-direction:column;min-width:0;display:flex}.rail{height:100dvh;padding:calc(12px + var(--safe-top)) 10px calc(14px + var(--safe-bottom));background:var(--chrome);border-inline-end:1px solid var(--line);z-index:40;flex-direction:column;align-items:center;gap:6px;display:flex;position:sticky;top:0}.rail-brand{justify-content:center;align-items:center;height:40px;margin-bottom:8px;display:flex}.rail-brand .mz-logo{width:34px;height:34px}.rail-new{width:44px;height:44px;color:var(--accent-fg);background:var(--accent);border-radius:var(--r-lg);border-color:#0000;padding:0}.rail-new:hover{background:var(--accent-hover)}.rail-divider{background:var(--line);width:28px;height:1px;margin:8px 0}.rail-nav,.rail-footer{flex-direction:column;align-items:center;gap:6px;display:flex}.rail-spacer{flex:1}.rail-link{width:44px;height:44px;color:var(--ink-faint);border-radius:var(--r-lg);background:0 0;border:1px solid #0000;padding:0}.rail-link:hover{background:var(--fill);color:var(--ink);border-color:#0000}.rail-link.active{color:var(--accent-text);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.rail-avatar{background:var(--accent);width:36px;height:36px;min-height:0;color:var(--accent-fg);border:2px solid var(--line-strong);border-radius:50%;margin-top:6px;padding:0;font-size:12px;font-weight:700}.rail-avatar:hover{background:var(--accent-hover);border-color:var(--accent-ring)}.rail-avatar-img{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.rail-avatar-img img{object-fit:cover;width:100%;height:100%}.topbar{z-index:30;height:var(--topbar-h);padding:var(--safe-top) 20px 0;background:var(--chrome);border-bottom:1px solid var(--line);align-items:center;gap:14px;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:10px;display:flex}:is(.rail-brand,.topbar-brand){border-radius:var(--r-md);background:0 0;border:0;min-height:0;padding:0}:is(.rail-brand,.topbar-brand):hover{opacity:.85;background:0 0}.topbar-logo{display:none}.topbar-logo .mz-logo{width:30px;height:30px}.topbar-spacer{flex:1}.main{flex:1;min-width:0}.bottombar{display:none}.sync-group{flex:none;align-items:center;gap:8px;display:inline-flex}.sync-status{min-height:32px;font-family:var(--font-mono);letter-spacing:var(--tracking-badge);text-transform:uppercase;border-radius:var(--r-full);background:var(--fill);color:var(--ink-faint);border:1px solid var(--line);gap:6px;padding:0 10px;font-size:11.5px;font-weight:600}.sync-status svg{opacity:.6}.sync-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.sync-status--syncing .sync-dot{animation:mz-pulse 1.5s var(--ease) infinite}.sync-status--offline,.sync-status--error{color:var(--danger-text);background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:color-mix(in srgb, var(--danger) 28%, transparent)}.sync-status:hover{border-color:currentColor}.sync-status:disabled{opacity:1;cursor:default}.sync-status:disabled svg{animation:1.1s linear infinite mz-spin}.trial-pill{white-space:nowrap;font-family:var(--font-mono);letter-spacing:var(--tracking-badge);text-transform:uppercase;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-text);align-items:center;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.hub{grid-template-columns:var(--index-w) minmax(0,1fr);min-height:calc(100dvh - var(--topbar-h));display:grid}.hub-index{top:var(--topbar-h);height:calc(100dvh - var(--topbar-h));background:var(--chrome);border-inline-end:1px solid var(--line);flex-direction:column;align-self:start;gap:10px;padding:20px 16px 24px;display:flex;position:sticky;overflow-y:auto}[data-mode=dark] .hub-index{background:var(--paper)}.hub-search{color:var(--ink-faint);align-items:center;display:flex;position:relative}.hub-search svg{pointer-events:none;position:absolute;inset-inline-start:12px}.hub-search-input{min-height:40px;padding-inline-start:36px;font-size:14px}.hub-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-top:10px;font-size:11.5px;font-weight:600;display:block}.hub-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hub-label-row .hub-label{margin:0}.hub-sections{flex-direction:column;gap:2px;display:flex}.hub-section{width:100%;min-height:40px;color:var(--ink-soft);border-radius:var(--r-md);background:0 0;border:1px solid #0000;justify-content:flex-start;gap:10px;padding:0 10px;font-size:14px;font-weight:500}.hub-section svg{color:var(--ink-faint)}.hub-section:hover{background:var(--fill);border-color:#0000}.hub-section.active{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 28%, transparent);font-weight:600}.hub-section.active svg{color:var(--accent-text)}.hub-section-label{text-align:start;text-overflow:ellipsis;flex:1;overflow:hidden}.hub-section-count{font-family:var(--font-mono);color:var(--ink-faint);border-radius:var(--r-full);background:var(--fill);padding:1px 7px;font-size:12px}.hub-section.active .hub-section-count{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 16%, transparent)}.hub-tags{flex-direction:column;gap:8px;margin-top:6px;display:flex}.tag-search-input{min-height:36px;font-family:var(--font-mono);padding:6px 10px;font-size:13px}.tag-chips{flex-wrap:wrap;gap:6px;max-height:132px;display:flex;overflow:hidden}.tag-chips.expanded{max-height:none}.chip{min-height:30px;font-family:var(--font-mono);background:var(--fill);border:1px solid var(--line);color:var(--ink-soft);border-radius:var(--r-sm);gap:0;padding:0 9px;font-size:12px;font-weight:500}.chip:before{content:"#";opacity:.5}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip.active{background:var(--accent-soft);border-color:var(--accent-ring);color:var(--accent-text)}.chip--pin:before,.chip--color:before,.chip--format:before{content:none}.chip--pin{padding:0 8px}.chip--format{gap:5px}.chip--color{background:var(--tag-color);border-color:#0000;border-radius:50%;width:30px;padding:0}.chip--color:hover{background:var(--tag-color)}.chip--color.active{background:var(--tag-color);box-shadow:0 0 0 2px var(--chrome), 0 0 0 4px var(--accent)}.tag-clear{width:28px;min-height:28px;color:var(--ink-faint);border-radius:var(--r-full);background:0 0;border-color:#0000;padding:0}.tag-clear:disabled{opacity:.35}.tag-chips-expand{min-height:28px;color:var(--accent-text);background:0 0;border:0;align-self:flex-start;padding:0 4px;font-size:12px}.tag-chips-expand:hover{background:0 0;text-decoration:underline}.hub-main{min-width:0;scroll-margin-top:var(--topbar-h);padding:32px 40px 96px}.hub-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.hub-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hub-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:32px;font-weight:500;line-height:1.15}.hub-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button.hub-tags-toggle{display:none}.hub-status{color:var(--ink-faint);font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.note-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-height:168px;box-shadow:var(--shadow-card);cursor:pointer;transition:border-color var(--dur-quick) var(--ease), background var(--dur-quick) var(--ease), transform var(--dur-quick) var(--ease);animation:mz-rise var(--dur-rise) var(--ease) both;content-visibility:auto;contain-intrinsic-size:auto 168px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.note-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.note-card:focus-within{border-color:var(--accent-ring)}.note-card--open{border-color:var(--accent)}.note-card--color:before{content:"";border-radius:var(--r-full);background:var(--tag-color);width:3px;position:absolute;inset-block:14px;inset-inline-start:-1px}.note-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-card-badges{align-items:center;gap:6px;min-width:0;display:flex}.unread-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;flex:none}.note-card-pin{color:var(--hash);display:inline-flex}.note-card-title{letter-spacing:-.005em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.note-card-link{color:var(--ink);text-decoration:none}.note-card-link:focus-visible{outline:none}.note-card-link:focus-visible:after{content:"";border-radius:var(--r-lg);outline:2px solid var(--accent-ring);outline-offset:2px;position:absolute;inset:-1px}.note-card-tags{font-family:var(--font-mono);color:var(--accent-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.note-card-foot{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.02em;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.note-card-actions{gap:8px;display:flex}.note-card-actions button{flex:1}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;display:flex}.pager-summary{font-family:var(--font-mono);color:var(--ink-faint);margin:0;font-size:12px}.pager-controls{align-items:center;gap:6px;display:flex}.pager-btn{min-width:40px;min-height:40px;font-family:var(--font-mono);padding:0 10px;font-size:13px}.pager-btn.current{background:var(--accent);color:var(--accent-fg);border-color:#0000}.pager-step{font-family:var(--font-sans);align-items:center;gap:4px;display:inline-flex}.pager-gap{color:var(--ink-faint);padding:0 4px}[dir=rtl] .pager-step svg{transform:scaleX(-1)}.mz-page--tearing{transform-origin:50% 8%;pointer-events:none;animation:.46s cubic-bezier(.5,0,.75,0) forwards mz-tear}.dialog-overlay{z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(4px);animation:mz-fade var(--dur-quick) var(--ease);justify-content:center;align-items:flex-start;padding:8vh 16px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--surface-2);width:min(460px,100%);max-height:calc(100dvh - 10vh - 24px);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);animation:mz-rise var(--dur-rise) var(--ease);padding:24px;overflow-y:auto}.dialog--wide{width:min(540px,100%)}.dialog-head{color:var(--accent-text);align-items:center;gap:10px;margin:-4px -8px 12px 0;display:flex}.dialog-head h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);flex:1;font-size:24px;font-weight:500;line-height:1.2}.dialog-x{width:40px;min-height:40px}.dialog-body{color:var(--ink-muted);margin:0 0 18px;font-size:14px}.dialog-hint{color:var(--ink-faint);margin:0 0 12px;font-size:13px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.dialog-subhead{border-top:1px solid var(--line);color:var(--ink-soft);margin:22px 0 10px;padding-top:18px;font-size:13px;font-weight:600}.hazard{border-radius:var(--r-md);color:var(--danger-text);background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);gap:12px;padding:14px;display:flex}.hazard svg{margin-top:2px}.hazard strong{font-size:14px;display:block}.hazard p{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.share-form{gap:8px;margin:6px 0 4px;display:flex}.share-form .input-prefix{flex:1}.shares-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.share-row{background:var(--fill);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:10px;padding:8px 10px;display:flex}.share-name{font-family:var(--font-mono);text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.share-role{color:var(--ink-faint);font-size:12px}.public-box{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.public-box p{color:var(--ink-soft);margin:0;font-size:14px}.publish-options{flex-direction:column;gap:10px;margin:12px 0 14px;display:flex}.publish-address{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.publish-address .field-hint{margin-top:2px;display:block}.publish-slug{width:calc(100% - 28px);margin-inline-start:28px}.visitor-host:empty{display:none}.visitor-host{border-top:1px solid var(--line);max-height:45%;padding:4px 12px 12px;overflow-y:auto}.visitor-section{flex-direction:column;gap:8px;display:flex}.visitor-section+.visitor-section{margin-top:12px}.visitor-list{flex-direction:column;gap:8px;display:flex}.visitor-entry{align-items:center;gap:10px;font-size:14px;display:flex}.visitor-entry-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.template-list{gap:8px;display:grid}.image-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.image-row{align-items:center;gap:12px;display:flex}.image-thumb{object-fit:cover;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line);flex:none;width:48px;height:48px}.image-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.image-row-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-row-meta{color:var(--ink-faint);align-items:center;gap:8px;font-size:12px;display:flex}.template-option{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);width:100%;color:var(--ink);text-align:start;justify-content:flex-start;align-items:center;gap:10px;min-height:44px;padding:12px 14px;display:flex}.template-option:hover{border-color:var(--accent)}.public-link{font-family:var(--font-mono);color:var(--accent-text);word-break:break-all;font-size:13px}.palette{flex-direction:column;width:min(620px,100%);padding:0;display:flex;overflow:hidden}.palette-search{border-bottom:1px solid var(--line);color:var(--ink-faint);align-items:center;gap:10px;padding:6px 14px;display:flex}.palette-input{border:0;min-height:52px;padding:0;font-size:16px;box-shadow:none!important;background:0 0!important}.palette-list{max-height:min(60dvh,420px);margin:0;padding:6px;list-style:none;overflow-y:auto}.palette-item{border-radius:var(--r-md);cursor:pointer;min-height:44px;color:var(--ink-soft);align-items:center;gap:12px;padding:6px 10px;display:flex}.palette-item.active{background:var(--accent-soft);color:var(--ink)}.palette-icon{min-width:52px;color:var(--ink-faint);justify-content:center;display:inline-flex}.palette-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.palette-hint{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;max-width:40%;font-size:12px;overflow:hidden}.palette-empty{text-align:center;color:var(--ink-faint);padding:24px;font-size:14px}.editor{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.editor--drawer{grid-template-columns:minmax(0,1fr) var(--drawer-w)}.editor-main{min-width:0}.editor-bar{top:var(--topbar-h);z-index:20;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex;position:sticky}.editor-crumbs{flex:320px;align-items:center;gap:8px;min-width:0;display:flex}.back-link{min-height:36px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;gap:6px;padding:0 8px;font-size:12px}[dir=rtl] .back-link svg{transform:scaleX(-1)}.visibility-slot{display:inline-flex}.editor-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.comments-toggle.active{color:var(--accent-text);border-color:var(--accent-ring);background:var(--accent-soft)}button.icon-btn.editor-lock{display:none}.editor-stage{padding:28px 24px 48px}.public-link-slot:empty{display:none}.public-banner,.readonly-notice,.editor-stage>.paywall-banner{max-width:var(--canvas-width);border-radius:var(--r-md);flex-wrap:wrap;align-items:center;gap:10px;margin:0 auto 16px;padding:10px 14px;font-size:14px;display:flex}.public-banner{color:var(--danger-text);background:color-mix(in srgb, var(--danger) 8%, transparent);border:1px solid color-mix(in srgb, var(--danger) 26%, transparent)}.readonly-notice{color:var(--shared);background:color-mix(in srgb, var(--shared) 10%, transparent);border:1px solid color-mix(in srgb, var(--shared) 26%, transparent)}.page-sheet{max-width:var(--canvas-width);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);animation:mz-rise var(--dur-rise) var(--ease);margin:0 auto;padding:32px 44px 24px;position:relative}.page-sheet--color:before{content:"";top:-1px;background:var(--tag-color);border-radius:0 0 var(--r-xs) var(--r-xs);width:4px;height:44px;transition:height var(--dur-quick) var(--ease);position:absolute;inset-inline-end:36px}.page-sheet--color:hover:before{height:50px}.page-meta{flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;margin-bottom:18px;display:flex}.page-meta-spacer{flex:1}.page-bar{align-items:center;gap:4px;display:flex}.page-bar button{width:36px;min-height:36px}[dir=rtl] .page-bar svg{transform:scaleX(-1)}.page-jump-input{text-align:center;width:56px;min-height:36px;font-family:var(--font-mono);padding:4px;font-size:13px}.page-status{font-family:var(--font-mono);color:var(--ink-faint);font-size:12px}.title-input{resize:none;overflow-wrap:anywhere;font-family:var(--font-display);letter-spacing:-.02em;border:0;border-radius:0;min-height:0;margin:0 0 10px;padding:0;font-size:44px;font-weight:500;line-height:1.15;display:block;overflow:hidden;box-shadow:none!important;background:0 0!important}.title-input::placeholder{color:var(--ink-ghost)}.title-input[readonly]{color:var(--ink)}.tags-editor{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 20px;padding:4px 0 16px;display:flex;position:relative}.tags-suggest{inset-inline-start:0;z-index:20;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);min-width:180px;max-height:220px;box-shadow:var(--shadow-pop);flex-direction:column;margin-top:4px;display:flex;position:absolute;top:100%;overflow-y:auto}.tags-suggest-item{min-height:36px;font-family:var(--font-mono);color:var(--ink-soft);background:0 0;border:0;border-radius:0;justify-content:flex-start;padding:0 12px;font-size:13px}.tags-suggest-item:hover,.tags-suggest-item.active{background:var(--accent-soft);color:var(--ink)}.tag-pin-toggle{width:32px;min-height:32px;color:var(--ink-ghost);border-radius:var(--r-full);background:0 0;border-color:#0000;padding:0}.tag-pin-toggle:hover{color:var(--ink-soft)}.tag-pin-toggle.active{color:var(--hash);background:var(--hash-soft)}.tag-pin-toggle:disabled{opacity:1;cursor:default}.color-dot{border-radius:var(--r-full);background:var(--swatch);width:14px;height:14px;display:block}.color-dot--empty{background:0 0;box-shadow:inset 0 0 0 1.5px}.tag-color-static{justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.color-picker{inset-inline-start:0;z-index:20;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-full);box-shadow:var(--shadow-pop);gap:6px;margin-top:-8px;padding:8px;display:flex;position:absolute;top:100%}.color-swatch{border-radius:var(--r-full);background:var(--swatch);border:0;width:28px;min-height:28px;padding:0}.color-swatch:hover{background:var(--swatch);filter:brightness(1.08)}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface-2), 0 0 0 4px var(--swatch)}.color-swatch--none{--swatch:var(--ink-ghost);box-shadow:inset 0 0 0 1.5px var(--ink-ghost);background:0 0}.color-swatch--none:hover{background:var(--fill)}.color-swatch--none[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--ink-ghost), 0 0 0 2px var(--surface-2), 0 0 0 4px var(--ink-ghost)}.tags-editor .tag-chip{font-family:var(--font-mono);border-radius:var(--r-sm);background:var(--fill);border:1px solid var(--line);color:var(--accent-text);align-items:center;gap:2px;padding:3px 4px 3px 8px;font-size:12px;font-weight:500;display:inline-flex}.tags-editor .tag-chip:before{content:"#";opacity:.55}.tags-editor--readonly .tag-chip{padding-inline-end:8px}.tags-editor .tag-chip.selected{border-color:var(--accent-ring);box-shadow:0 0 0 2px var(--accent-soft)}.tag-chip-remove{width:22px;min-height:22px;color:inherit;opacity:.6;border-radius:var(--r-sm);background:0 0;border:0;padding:0;font-size:15px;line-height:1}.tag-chip-remove:hover{opacity:1;background:color-mix(in srgb, var(--ink) 10%, transparent)}.tags-editor-input{width:auto;min-height:32px;font-family:var(--font-mono);border:0;flex:120px;padding:4px 0;font-size:13px;box-shadow:none!important;background:0 0!important}.editor-body{resize:none;width:100%;min-height:40vh;font-family:var(--font-sans);color:var(--ink);border:0;border-radius:0;padding:0;font-size:16px;line-height:1.7;display:block;overflow:hidden;box-shadow:none!important;background:0 0!important}:root[data-reading=mono] .editor-body{font-family:var(--font-mono);font-size:15px}.cm-editor.editor-body.cm-focused{outline:none}.cm-editor.editor-body .cm-scroller{font-family:inherit;line-height:inherit;overflow:visible}.cm-editor.editor-body .cm-content{min-height:40vh;caret-color:var(--accent);padding:0}.cm-editor.editor-body .cm-line{padding:0}.cm-editor.editor-body .cm-placeholder{color:var(--ink-ghost)}.cm-editor.editor-body--html{font-family:var(--font-mono);font-size:14px;line-height:1.65}.cm-line.cm-h{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);padding:.55em 0 .15em;font-weight:500;line-height:1.3}.cm-line.cm-h1{font-size:34px}.cm-line.cm-h2{font-size:28px}.cm-line.cm-h3{font-size:22px}.cm-line.cm-h4,.cm-line.cm-h5,.cm-line.cm-h6{font-family:var(--font-sans);letter-spacing:0;font-weight:600}.cm-line.cm-h4{font-size:19px}.cm-line.cm-h5{font-size:17px}.cm-line.cm-h6{color:var(--ink-muted);font-size:15px}.cm-md-mark{color:var(--ink-ghost);font-style:normal;font-weight:400}.cm-strong{font-weight:650}.cm-em{font-style:italic}.cm-strike{color:var(--ink-faint);text-decoration:line-through}.cm-inline-code{font-family:var(--font-mono);background:var(--fill);border-radius:var(--r-sm);padding:1px 3px;font-size:.88em}.cm-link{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.cm-editor.editor-body .cm-line.cm-quote{border-inline-start:2px solid var(--accent);background:var(--fill);padding-inline-start:16px;font-style:italic}.cm-editor.editor-body .cm-line.cm-codeblock{font-family:var(--font-mono);background:var(--code-bg);color:var(--code-ink);padding:0 14px;font-size:14px}.cm-line.cm-table{font-family:var(--font-mono);font-size:14px}.cm-list-num{color:var(--accent-text)}.cm-bullet{min-width:1ch;color:var(--accent);text-align:center;font-weight:700;display:inline-block}.cm-task-box{vertical-align:-3px;cursor:pointer;margin:0 6px 0 0}.cm-task-box:focus{box-shadow:none}.cm-task-done{color:var(--ink-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--highlight-strong);text-decoration-color:var(--highlight-strong);text-decoration-thickness:2px}.cm-rule{vertical-align:middle;border-top:1px solid var(--line-strong);width:100%;display:inline-block}.editor-body--html .tok-typeName{color:var(--accent-text)}.editor-body--html .tok-propertyName{color:var(--shared)}.editor-body--html .tok-string{color:var(--ink-soft)}.editor-body--html :is(.tok-comment,.tok-meta,.tok-punctuation){color:var(--ink-faint)}.editor-body--html .tok-keyword{color:var(--accent-text);font-weight:600}.page-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding-top:14px;display:flex}.save-status{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:8px;font-size:12px;display:inline-flex}.save-retry{min-height:28px;font-family:var(--font-mono);border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-text);border:0;padding:0 10px;font-size:12px}.md-toolbar{z-index:15;background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--r-full);width:max-content;max-width:calc(100% - 16px);box-shadow:var(--shadow-pop);align-items:center;gap:2px;margin:20px auto 0;padding:5px;display:flex;position:sticky;bottom:24px;overflow-x:auto}.md-btn{border-radius:var(--r-full);width:40px;min-height:40px;color:var(--ink-muted);background:0 0;border:0;padding:0}.md-btn:hover{background:var(--fill);color:var(--ink)}.md-btn--menu{gap:1px;width:auto;padding:0 6px 0 10px}.md-btn[aria-expanded=true]{background:var(--fill);color:var(--ink)}.format-switch button{min-height:32px;font-family:var(--font-mono);letter-spacing:.04em;padding:0 10px;font-size:12px;font-weight:600}.preview-toggle[aria-pressed=true]{color:var(--accent-text);background:var(--accent-soft)}.mz-menu{z-index:60;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);min-width:200px;max-width:min(320px,100vw - 16px);max-height:calc(100dvh - 16px);box-shadow:var(--shadow-pop);animation:mz-rise var(--dur-quick) var(--ease);flex-direction:column;padding:5px;display:flex;position:fixed;overflow-y:auto}.mz-menu-item{border-radius:var(--r-sm);width:100%;min-height:34px;color:var(--ink-soft);text-align:start;background:0 0;border:0;justify-content:flex-start;gap:10px;padding:0 10px;font-size:14px;font-weight:500}.mz-menu-item:hover,.mz-menu-item:focus-visible,.mz-menu-item:focus,.mz-menu-item[aria-expanded=true]{background:var(--accent-soft);color:var(--ink);outline:none}.mz-menu-item[aria-disabled=true]{opacity:.45;cursor:default;background:0 0}.mz-menu-item[aria-checked=true]{color:var(--accent-text)}.mz-menu-icon{width:16px;color:var(--ink-muted);flex:none;display:inline-flex}.mz-menu-item[aria-checked=true] .mz-menu-icon{color:var(--accent-text)}.mz-menu-label{flex:1}.mz-menu-hint{font-family:var(--font-mono);color:var(--ink-faint);font-size:11px}[dir=rtl] .mz-menu-item>svg:last-child{transform:scaleX(-1)}.mz-menu-sep{background:var(--line);height:1px;margin:4px 6px}.preview{font-family:var(--font-reading);color:var(--ink-soft);overflow-wrap:break-word;min-height:40vh;font-size:18px;line-height:1.75}:root[data-reading=sans] .preview{font-size:16px}:root[data-reading=mono] .preview{font-size:15px}.preview>:first-child{margin-top:0}.preview:has(>.html-frame){min-height:0}.html-frame{background:var(--doc-canvas);border-radius:var(--r-md);border:0;width:100%;min-height:70vh;display:block}.preview h1,.preview h2,.preview h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:1.6em 0 .5em;font-weight:500;line-height:1.25}.preview h1{font-size:34px}.preview h2{font-size:28px}.preview h3{font-size:22px}.preview h4,.preview h5,.preview h6{font-family:var(--font-sans);color:var(--ink);margin:1.4em 0 .5em;font-weight:600}.preview h4{font-size:19px}.preview h5{font-size:17px}.preview h6{color:var(--ink-muted);font-size:15px}.preview p{margin:0 0 .875em}.preview a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.preview strong{color:var(--ink)}.preview code{font-family:var(--font-mono);background:var(--fill);border:1px solid var(--line);border-radius:var(--r-sm);padding:1px 6px;font-size:.8em}.preview pre{background:var(--code-bg);color:var(--code-ink);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;font-size:14px;line-height:1.6;overflow-x:auto}.preview pre code{color:inherit;background:0 0;border:0;padding:0;font-size:13px}.preview blockquote{border-inline-start:2px solid var(--accent);background:var(--fill);font-family:var(--font-display);color:var(--ink);border-radius:0 var(--r-md) var(--r-md) 0;margin:1.2em 0;padding:10px 18px;font-size:1.05em;font-style:italic}.preview blockquote p:last-child{margin-bottom:0}.preview hr{border:0;border-top:1px solid var(--line);margin:2em 0}.preview ul,.preview ol{margin:0 0 1em;padding-inline-start:1.4em}.preview li{margin:.3em 0}.preview img{border-radius:var(--r-md);max-width:100%;height:auto}.preview table{border-collapse:collapse;width:100%;font-family:var(--font-sans);margin:1em 0;font-size:14px;display:block;overflow-x:auto}.preview th,.preview td{border:1px solid var(--line);text-align:start;padding:8px 12px}.preview th{background:var(--fill);color:var(--ink);font-weight:600}.preview ul:has(li input[type=checkbox]){padding-inline-start:.2em;list-style:none}.preview li input[type=checkbox]{vertical-align:-3px;width:18px;height:18px;margin-inline-end:8px}.preview li:has(input[type=checkbox]:checked){color:var(--ink-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--highlight-strong);text-decoration-color:var(--highlight-strong);text-decoration-thickness:2px}.mermaid-error{color:var(--danger-text)}.comments-drawer{top:calc(var(--topbar-h) + 12px);height:calc(100dvh - var(--topbar-h) - 24px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);animation:mz-fade var(--dur-rise) var(--ease);flex-direction:column;margin:12px 12px 12px 0;display:flex;position:sticky}[dir=rtl] .comments-drawer{margin:12px 0 12px 12px}.drawer-head{border-bottom:1px solid var(--line);color:var(--accent-text);align-items:center;gap:8px;padding:12px 12px 12px 16px;display:flex}.drawer-head h2{color:var(--ink);flex:1;font-size:16px;font-weight:600}.comments-list{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.comment{background:var(--fill);border:1px solid var(--line);border-radius:var(--r-md);padding:12px}.comment-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.comment-author{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.comment-time{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;font-size:12px}.comment-body{color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.55}.drawer-composer{border-top:1px solid var(--line);flex-direction:column;align-items:flex-end;gap:8px;padding:12px;display:flex}.drawer-composer textarea{resize:vertical;min-height:72px;font-size:14px}.deleted-page .page-sheet{text-align:start}.deleted-title{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 8px;font-size:36px;font-weight:500;line-height:1.2}.deleted-meta{font-family:var(--font-mono);color:var(--ink-faint);margin:0 0 20px;font-size:13px}.auth-screen{min-height:100dvh;padding:calc(48px + var(--safe-top)) 16px calc(48px + var(--safe-bottom));background:radial-gradient(60% 50% at 50% 0%, var(--glow), transparent 70%), var(--paper);justify-content:center;display:flex}.auth-column{flex-direction:column;gap:12px;width:min(500px,100%);display:flex}.auth-mode{top:16px;position:absolute;inset-inline-end:16px}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);animation:mz-rise var(--dur-rise) var(--ease);flex-direction:column;align-items:stretch;padding:32px;display:flex;position:relative}.auth-logo{align-self:center;margin-bottom:20px;display:flex}.auth-logo .mz-logo{width:72px;height:72px}.auth-card h1{text-align:center;font-family:var(--font-display);letter-spacing:-.015em;font-size:34px;font-weight:500;line-height:1.15}.auth-sub{text-align:center;color:var(--ink-muted);max-width:40ch;margin:10px auto 0;font-size:15px}.auth-form{margin-top:26px}.auth-form>button[type=submit]{margin-top:6px}.auth-actions{flex-direction:column;gap:12px;margin-top:22px;display:flex}.auth-links{text-align:center;color:var(--ink-muted);margin:20px 0 0;font-size:14px}.auth-links a{font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-identity{font-family:var(--font-mono);color:var(--ink-soft);background:var(--fill);border:1px solid var(--line);border-radius:var(--r-full);overflow-wrap:anywhere;justify-content:center;align-items:center;gap:8px;margin:0 0 18px;padding:8px 12px;font-size:13px;display:flex}.storage-bar{appearance:none;border-radius:var(--r-full);background:var(--fill);width:100%;height:8px;accent-color:var(--accent);border:0;display:block;overflow:hidden}.storage-bar::-webkit-progress-bar{background:var(--fill);border-radius:var(--r-full)}.storage-bar::-webkit-progress-value{background:var(--accent);border-radius:var(--r-full)}.storage-bar::-moz-progress-bar{background:var(--accent);border-radius:var(--r-full)}.storage-label{color:var(--ink-muted);margin:8px 0 0;font-size:13px}.auth-progress{border-radius:var(--r-full);background:var(--fill);height:3px;margin:28px 0 4px;position:relative;overflow:hidden}.auth-progress:after{content:"";background:var(--accent);border-radius:inherit;width:40%;animation:mz-progress 1.2s var(--ease) infinite;position:absolute;inset:0}.mnemonic-grid{counter-reset:word;background:var(--sunk);border:1px dashed var(--line-strong);border-radius:var(--r-md);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 12px;padding:14px;list-style:none;display:grid}.mnemonic-grid li{counter-increment:word;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);align-items:baseline;gap:6px;min-width:0;padding:6px 8px;display:flex}.mnemonic-grid li:before{content:counter(word, decimal-leading-zero);font-family:var(--font-mono);color:var(--ink-ghost);font-size:11.5px}.mnemonic-word{font-family:var(--font-mono);color:var(--ink);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:14px;font-weight:600}.recovery-hex{color:var(--ink-faint);flex-direction:column;gap:4px;margin:0;font-size:12px;display:flex}.recovery-hex code{font-family:var(--font-mono);color:var(--ink-soft);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:12px}.recovery-input{font-family:var(--font-mono);resize:vertical;font-size:14px}.availability:empty{display:none}.availability .field-hint{margin:-8px 0 12px;display:block}.settings-view{max-width:780px;animation:mz-fade var(--dur-quick) var(--ease);margin:0 auto;padding:36px 24px 96px}.settings-head{margin-bottom:24px}.settings-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0;font-size:40px;font-weight:500;line-height:1.15}.settings-tabs{background:var(--fill);border:1px solid var(--line);border-radius:var(--r-lg);gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.settings-tab{border-radius:var(--r-md);min-height:40px;color:var(--ink-muted);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.settings-tab:hover{color:var(--ink)}.settings-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}[data-mode=dark] .settings-tab.active{background:var(--surface-2)}.settings-tab.active svg{color:var(--accent-text)}.settings-panel{flex-direction:column;gap:16px;display:flex}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:24px}.settings-card-head{margin-bottom:18px}.settings-card-head h2{letter-spacing:-.005em;font-size:16px;font-weight:600}.settings-card-head p{color:var(--ink-muted);margin:4px 0 0;font-size:13px}.settings-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-row-label{font-size:14px;font-weight:600}.settings-row-desc{color:var(--ink-muted);font-size:13px}.settings-row-control{flex:none;justify-content:flex-end;max-width:60%;display:flex}.settings-row-control select{min-width:200px}.settings-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-actions--file .file-input{flex:240px;min-height:44px;padding:8px;font-size:13px}.settings-form .field-pair{margin-top:0}.settings-note{color:var(--ink-soft);align-items:flex-start;gap:10px;margin:0;font-size:14px;display:flex}.settings-note svg{color:var(--warning);margin-top:2px}.danger-zone{border-color:color-mix(in srgb, var(--danger) 35%, var(--line))}.danger-zone .settings-card-head h2{color:var(--danger-text)}.identity{align-items:center;gap:16px;margin-bottom:6px;display:flex}.identity-text{flex-direction:column;min-width:0;display:flex}.identity-text strong{font-family:var(--font-mono);font-size:15px}.identity-text>span{color:var(--ink-muted);overflow-wrap:anywhere;font-size:13px}.identity-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.account-logout{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.profile-name{margin-top:18px}.optional-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--line);border-radius:var(--r-full);margin-inline-start:8px;padding:1px 6px;font-size:11.5px;font-weight:600}.inline-form{gap:8px;display:flex}.inline-form input{flex:1;min-width:0}.comment-author .handle,.share-name .handle{font-family:var(--font-mono);color:var(--ink-faint);margin-inline-start:6px;font-size:12px;font-weight:500}.key-card{background:var(--fill);border:1px solid var(--line);border-radius:var(--r-md);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:6px;padding:14px;display:flex}.key-icon{border-radius:var(--r-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);flex:none;justify-content:center;align-items:center;display:inline-flex}.key-text{flex-direction:column;flex:240px;gap:4px;min-width:0;display:flex}.key-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.fingerprint{font-family:var(--font-mono);color:var(--ink-muted);overflow-wrap:anywhere;font-size:12px}.mode-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mode-card{white-space:normal;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;align-items:stretch;gap:8px;min-height:0;padding:12px}.mode-card[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mode-preview{border-radius:var(--r-md);border:1px solid #94a3b84d;flex-direction:column;gap:5px;height:64px;padding:10px;display:flex}.mode-preview i{border-radius:var(--r-full);height:6px;display:block}.mode-preview i:first-child{width:40%}.mode-preview i:nth-child(2){width:85%}.mode-preview i:nth-child(3){width:65%}.mode-card--dark .mode-preview{background:#0b1220}.mode-card--dark .mode-preview i{background:#1e2f4d}.mode-card--dark .mode-preview i:first-child{background:#2563eb}.mode-card--light .mode-preview{background:#f8fafc}.mode-card--light .mode-preview i{background:#e2e8f0}.mode-card--light .mode-preview i:first-child{background:#2563eb}.mode-card--system .mode-preview{background:linear-gradient(135deg,#f8fafc 50%,#0b1220 50%)}.mode-card--system .mode-preview i{background:#94a3b88c}.mode-card--system .mode-preview i:first-child{background:#2563eb}.mode-card-label{color:var(--ink);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.mode-card-hint{color:var(--ink-muted);font-size:12px;font-weight:400}.plan-card{background:var(--fill);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:16px;padding:16px}.plan-card-head{color:var(--accent-text);align-items:center;gap:10px;display:flex}.plan-name{color:var(--ink);flex:1;font-weight:600}.plan-status{color:var(--ink-soft);margin:10px 0 0;font-size:14px}.settings-guarantee{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--accent-text);gap:14px;margin-top:24px;padding:18px;display:flex}.settings-guarantee strong{color:var(--ink);font-size:14px;display:block}.settings-guarantee p{color:var(--ink-muted);margin:4px 0 0;font-size:13px}.public-reader{max-width:720px;margin:6vh auto;padding:0 24px 96px}.public-reader-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 28px;font-size:44px;font-weight:500;line-height:1.15}.public-reader .preview{min-height:0}#app>p{color:var(--ink-faint);animation:mz-fade var(--dur-quick) var(--ease);padding:24px;font-size:14px}.main>p{color:var(--ink-faint);padding:32px 40px;font-size:14px}.main>.banner{margin:24px 40px}.mz-toast{z-index:60;background:var(--ink);max-width:calc(100vw - 32px);color:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);animation:mz-toast-in var(--dur-rise) var(--ease);align-items:center;gap:14px;padding:10px 10px 10px 16px;font-size:14px;display:flex;position:fixed;bottom:28px;left:50%;overflow:hidden;transform:translate(-50%)}.mz-toast__label{font-family:var(--font-mono);font-size:12px}.mz-toast button{min-height:36px;color:var(--highlight-strong);background:0 0;border:0;padding:0 12px}.mz-toast button:hover{background:color-mix(in srgb, var(--paper) 14%, transparent)}.mz-toast__bar{background:var(--accent-hover);transform-origin:0;width:100%;height:2px;animation:5s linear forwards mz-countdown;position:absolute;bottom:0;left:0}@media (max-width:1180px){.editor--drawer{grid-template-columns:minmax(0,1fr)}.comments-drawer{top:var(--topbar-h);bottom:0;z-index:35;width:min(var(--drawer-w), 100vw);height:auto;box-shadow:var(--shadow-pop);border-radius:0;margin:0;position:fixed;inset-inline-end:0}}@media (max-width:1023px){.hub{grid-template-columns:minmax(0,1fr)}.hub-index{border-inline-end:0;border-bottom:1px solid var(--line);height:auto;padding:16px 24px;position:static;overflow:visible}.hub-sections{flex-flow:wrap;gap:6px}.hub-section{width:auto}.hub-main{padding:24px 24px 96px}}@media (max-width:767px){.app-shell{grid-template-columns:minmax(0,1fr)}.rail{display:none}.topbar{padding:var(--safe-top) 12px 0;gap:8px}.topbar-logo{display:inline-flex}.trial-pill{display:none}.bottombar{z-index:40;height:calc(var(--bottombar-h) + var(--safe-bottom));padding:6px 8px calc(6px + var(--safe-bottom));background:var(--chrome);border-top:1px solid var(--line);grid-template-columns:1fr 1fr 48px 2fr;align-items:center;gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottombar-link{min-height:48px;color:var(--ink-faint);background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:0 4px;font-size:11.5px;font-weight:600}.bottombar-link:hover{color:var(--ink);background:0 0}.bottombar-link.active{color:var(--accent-text)}.bottombar-new{border-radius:var(--r-lg);background:var(--accent);width:48px;height:48px;color:var(--accent-fg);border-color:#0000;padding:0}.main{padding-bottom:calc(var(--bottombar-h) + var(--safe-bottom))}.hub-index{gap:8px;padding:14px 16px}.hub-tags{display:none}.hub-index--tags-open .hub-tags{display:flex}button.hub-tags-toggle{display:inline-flex}.hub-tags-toggle[aria-expanded=true]{color:var(--accent-text);background:var(--accent-soft)}.hub-main{padding:20px 16px 32px}.hub-title{font-size:26px}.hub-head{margin-bottom:18px}.hub-actions{gap:8px}.hub-actions button{padding:0 12px}.card-grid{grid-template-columns:minmax(0,1fr);gap:12px}.note-card{min-height:0}.pager{justify-content:center}.pager-summary{text-align:center;width:100%}.editor-bar{flex-wrap:nowrap;gap:6px;padding:8px 12px}.editor-crumbs{flex:0 auto;gap:4px}.back-link{justify-content:center;width:40px;padding:0}.back-link span{display:none}.editor-controls{flex-wrap:nowrap;flex:auto;justify-content:flex-end;gap:6px;min-width:0}.format-switch button{padding:0 8px}.editor-controls>.primary{margin-inline-start:auto}.comments-toggle-label{display:none}button.icon-btn.editor-lock{display:inline-flex}button.icon-btn.shortcut-btn{display:none}.editor-stage{padding:12px 0 24px}.page-sheet{border-inline:0;border-radius:0;padding:20px 16px 16px}.title-input{font-size:32px}.preview{font-size:17px}html{scroll-padding-bottom:calc(var(--bottombar-h) + var(--safe-bottom) + 72px)}.md-toolbar{bottom:calc(var(--bottombar-h) + var(--safe-bottom));background:var(--surface);-webkit-backdrop-filter:none;border-inline:0;width:auto;max-width:none;box-shadow:0 -1px 0 var(--line);border-bottom:0;border-radius:0;justify-content:space-between;margin:16px 0 0}.comments-drawer{z-index:45;border-radius:var(--r-xl) var(--r-xl) 0 0;width:auto;height:75dvh;animation:mz-sheet-up var(--dur-rise) var(--ease);border-inline:0;inset:auto 0 0}.settings-view{padding:24px 16px 32px}.settings-head h1{font-size:32px}.settings-card{padding:18px 16px}.settings-row{flex-direction:column;align-items:stretch}.settings-row-control{justify-content:flex-start;max-width:none}.settings-row-control select{width:100%;min-width:0}.field-pair,.mode-cards{grid-template-columns:minmax(0,1fr)}.mode-card{flex-flow:wrap;align-items:center}.mode-preview{flex:none;width:72px;height:48px}.auth-screen{padding:calc(16px + var(--safe-top)) 12px calc(32px + var(--safe-bottom))}.auth-card{padding:24px 18px}.auth-card h1{font-size:28px}.mnemonic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mz-toast{bottom:calc(var(--bottombar-h) + var(--safe-bottom) + 16px)}.dialog-overlay{align-items:flex-end;padding:16px 12px}.dialog{max-height:calc(100dvh - 32px - var(--safe-top))}}.topbar,.editor-bar{transform:translateY(var(--viewport-top,0px))}.dialog-overlay{bottom:var(--keyboard-h,0px)}:root[data-keyboard]{scroll-padding-bottom:calc(var(--keyboard-h) + 72px)}:root[data-keyboard] .md-toolbar{bottom:var(--keyboard-h)}:root[data-keyboard] .comments-drawer{top:auto;bottom:var(--keyboard-h);height:min(75dvh, calc(100dvh - var(--keyboard-space) - var(--topbar-h)))}:root[data-keyboard] .dialog{max-height:calc(100dvh - var(--keyboard-space) - var(--safe-top) - 32px)}:root[data-keyboard] .bottombar{display:none}:root[data-keyboard] .main{padding-bottom:var(--keyboard-space)}:root[data-keyboard] .mz-toast{bottom:calc(var(--keyboard-h) + 16px)}@media (pointer:coarse){input:not(.title-input),select,textarea:not(.title-input){font-size:16px!important}.chip,.tag-clear,.tag-pin-toggle,.page-bar button,.page-jump-input,.md-btn,.color-swatch,.mz-menu-item{min-height:44px}.chip--color,.tag-clear,.tag-pin-toggle,.page-bar button,.md-btn:not(.md-btn--menu),.color-swatch{width:44px}.chip--color{background-clip:content-box;padding:9px}.chip--color.active{box-shadow:none;outline:2px solid var(--accent);outline-offset:-7px}.tag-chips{max-height:150px}.tag-chip-remove{position:relative}.tag-chip-remove:after{content:"";position:absolute;inset:-11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}