@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-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:Instrument Sans;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-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:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-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:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-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:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-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:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-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:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-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:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-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{--paper:#f6f1e7;--surface:#fcfaf5;--surface-2:#fff;--line:#e6dfd1;--fill:#eee8db;--ink:#2b2723;--ink-soft:#57514a;--ink-muted:#6e675c;--ink-faint:#b7afa2;--clay:#c15f3c;--clay-hover:#a64e30;--clay-shelf:#8a3e24;--clay-soft:#f6e5dc;--gold:#f0d9a8;--gold-strong:#e3a544;--success:#6c8c55;--warning:#d99a2b;--danger:#c24a3e;--shared:#9a6b93;--shelf-neutral:#e6dfd1;--check-border:#d8cfbf;--font-display:"Instrument Serif",Georgia,serif;--font-sans:"Instrument Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--tracking-mono:.05em;--r-sm:8px;--r-md:12px;--r-lg:14px;--r-xl:18px;--r-2xl:20px;--r-full:999px;--shadow-card:0 18px 40px -18px #2b272347;--shadow-pop:0 1px 3px #2b27231f;--shadow-lift:0 24px 50px -20px #2b272357;--dur-press:80ms;--dur-quick:.18s;--dur-pop:.28s;--dur-rise:.32s;--dur-strike:.35s;--ease:cubic-bezier(.22,.61,.36,1)}[data-theme=dark]{--paper:#1e1c18;--surface:#29261f;--surface-2:#322f27;--line:#3b362e;--fill:#322f27;--ink:#ece6d8;--ink-soft:#c9c1b0;--ink-muted:#a9a196;--ink-faint:#837c70;--clay:#d9805e;--clay-hover:#e39271;--clay-shelf:#a5583b;--clay-soft:#37301f;--gold:#4a3e24;--gold-strong:#e7b25a;--success:#8cae76;--warning:#e7b25a;--danger:#e07264;--shared:#c39abb;--shelf-neutral:#141210;--check-border:#4a4436;--shadow-card:0 18px 44px -18px #0000008c;--shadow-lift:0 26px 54px -20px #0000009e}@media (prefers-color-scheme:dark){:root:not([data-theme]){--paper:#1e1c18;--surface:#29261f;--surface-2:#322f27;--line:#3b362e;--fill:#322f27;--ink:#ece6d8;--ink-soft:#c9c1b0;--ink-muted:#a9a196;--ink-faint:#837c70;--clay:#d9805e;--clay-hover:#e39271;--clay-shelf:#a5583b;--clay-soft:#37301f;--gold:#4a3e24;--gold-strong:#e7b25a;--success:#8cae76;--warning:#e7b25a;--danger:#e07264;--shared:#c39abb;--shelf-neutral:#141210;--check-border:#4a4436;--shadow-card:0 18px 44px -18px #0000008c;--shadow-lift:0 26px 54px -20px #0000009e}}@keyframes mz-pop{0%{transform:scale(.55)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes mz-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mz-fade{0%{opacity:0}to{opacity:1}}@keyframes mz-tear{0%{opacity:1;transform:rotate(0)scale(1)}30%{transform:rotate(-3deg)scale(.98)translateY(6px)skew(2deg)}to{opacity:0;transform:rotate(11deg)scale(.55)translate(64px,-150px)skew(-5deg)}}@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)}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}#app{min-height:100vh}.hidden{display:none!important}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid var(--clay);outline-offset:2px;border-radius:6px}input,textarea,select{font-family:var(--font-sans);color:var(--ink);background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--r-md);width:100%;transition:border-color var(--dur-quick) var(--ease), box-shadow var(--dur-quick) var(--ease);padding:12px 14px;font-size:16px}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:focus,textarea:focus,select:focus{border-color:var(--clay);box-shadow:0 0 0 4px color-mix(in srgb, var(--clay) 14%, transparent);outline:none}input[type=checkbox],input[type=file]{width:auto}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}label{color:var(--ink-soft);margin-bottom:16px;font-size:13px;font-weight:600;display:block}label input,label textarea,label select{margin-top:7px;font-weight:400}label.checkbox-label{color:var(--ink-soft);cursor:pointer;align-items:center;gap:10px;font-weight:500;display:flex}label.checkbox-label input{margin:0}button{font-family:var(--font-sans);color:var(--ink);background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:0 4px 0 var(--shelf-neutral);cursor:pointer;min-height:44px;transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease), background var(--dur-quick) var(--ease), color var(--dur-quick) var(--ease);padding:12px 20px;font-size:15px;font-weight:700}button:hover{background:var(--surface)}button:active{box-shadow:0 0 0 var(--shelf-neutral);transform:translateY(4px)}button.primary{color:#fff;background:var(--clay);box-shadow:0 4px 0 var(--clay-shelf);border-color:#0000}button.primary:hover{background:var(--clay-hover)}button.primary:active{box-shadow:0 0 0 var(--clay-shelf)}button.ghost{box-shadow:none;color:var(--clay);background:0 0;border-color:#0000;font-weight:600}button.ghost:hover{background:var(--clay-soft)}button.ghost:active{transform:none}button.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent);box-shadow:none;background:0 0}button.danger:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}button.danger:active{transform:none}button.icon-btn{justify-content:center;align-items:center;width:44px;min-height:44px;padding:0;font-size:18px;line-height:1;display:inline-flex}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.banner{border-radius:var(--r-md);animation:mz-fade var(--dur-quick) var(--ease);border:1.5px solid #0000;margin:12px 0;padding:12px 15px;font-size:14px;font-weight:500}.banner-error{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.banner-info{background:var(--clay-soft);color:var(--clay-hover);border-color:color-mix(in srgb, var(--clay) 26%, transparent)}[data-theme=dark] .banner-info{color:var(--clay)}.mz-brand{align-items:center;gap:11px;text-decoration:none;display:inline-flex}.mz-logo{filter:drop-shadow(0 6px 12px #8a3e2438);width:38px;height:38px;display:block}.mz-wordmark{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:700}.auth-view{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2xl);max-width:400px;box-shadow:var(--shadow-card);animation:mz-rise var(--dur-rise) var(--ease);margin:7vh auto 0;padding:36px 32px}.auth-view .mz-brand{margin-bottom:22px}.auth-view h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-size:34px;font-weight:400;line-height:1.1}.auth-view>p{color:var(--ink-muted);margin:0 0 22px;font-size:14px}.auth-view form{margin-top:22px}.auth-view form button[type=submit],.auth-view form>button{width:100%}.auth-view form button[type=submit]{color:#fff;background:var(--clay);box-shadow:0 4px 0 var(--clay-shelf);border-color:#0000;margin-top:6px}.auth-view form button[type=submit]:hover{background:var(--clay-hover)}.auth-view form button[type=submit]:active{box-shadow:0 0 0 var(--clay-shelf)}.auth-view p{color:var(--ink-muted);margin:18px 0 0;font-size:14px}.auth-view a{color:var(--clay);font-weight:600;text-decoration:none}.auth-view a:hover{text-decoration:underline}.recovery-key{font-family:var(--font-mono);background:var(--paper);border:1.5px dashed var(--clay);border-radius:var(--r-md);color:var(--ink);white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;margin:0 0 16px;padding:16px;font-size:15px;line-height:1.7}.app-shell{align-items:stretch;min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:0 0 360px;gap:4px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar-brand{padding:2px 10px 20px}.sidebar-brand .mz-wordmark{font-size:21px}.sidebar-brand .mz-logo{width:30px;height:30px}.sidebar-new{align-self:flex-start;margin:0 10px 20px}.sidebar-nav{flex-direction:column;flex:none;gap:2px;display:flex}.sidebar-body{flex:auto;min-height:0;padding:14px 2px 0;overflow-y:auto}.sidebar-status{color:var(--ink-muted);padding:8px 2px;font-style:italic}.sidebar-link{text-align:left;font-family:var(--font-sans);box-shadow:none;color:var(--ink-soft);border-radius:var(--r-md);background:0 0;border:none;justify-content:flex-start;align-items:center;gap:12px;min-height:44px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.sidebar-link svg{color:var(--ink-faint);transition:color var(--dur-quick) var(--ease);flex:none}.sidebar-link:hover{background:var(--fill);color:var(--ink)}.sidebar-link:active{transform:none}.sidebar-link.active{background:var(--clay-soft);color:var(--clay-hover)}.sidebar-link.active svg,[data-theme=dark] .sidebar-link.active{color:var(--clay)}.sidebar-spacer{flex:auto}.sidebar-email{font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:var(--tracking-mono);word-break:break-all;padding:10px 12px 2px;font-size:11px}.main{flex:auto;min-width:0;padding:32px 40px 96px}.main-inner{max-width:1120px}.main-empty{min-height:70vh;color:var(--ink-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.main-empty p{font-family:var(--font-display);max-width:32ch;font-size:20px}.sidebar-body input[type=search]{margin:4px 0 14px;padding:11px 14px;font-size:15px}.tag-chips-wrap{margin:0 0 18px}.tag-chips{scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:8px;max-height:132px;display:flex;position:relative;overflow:hidden auto}.tag-chips.fade{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 28px),#0000 100%)}.tag-chips.expanded{max-height:none;overflow:visible}.tag-chips::-webkit-scrollbar{width:9px}.tag-chips::-webkit-scrollbar-track{background:0 0}.tag-chips::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:var(--r-full)}.tag-chips::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}.tag-chips-expand{min-height:32px;box-shadow:none;color:var(--clay);background:0 0;border-color:#0000;margin:6px auto 0;padding:5px 16px;font-size:12px;font-weight:600;display:block}.tag-chips-expand:hover{background:var(--clay-soft)}.tag-chips-expand:active{transform:none}.tag-search-input{width:auto;min-height:0;font-family:var(--font-mono);border-radius:var(--r-full);background:var(--surface-2);flex:0 140px;padding:7px 12px;font-size:13px}.tag-chips .chip{font-family:var(--font-mono);letter-spacing:.02em;border-radius:var(--r-full);border:1.5px solid var(--line);background:var(--surface-2);min-height:0;color:var(--ink-soft);box-shadow:none;padding:7px 14px;font-size:13px}.tag-chips .chip:before{content:"#";opacity:.5;margin-right:1px}.tag-chips .chip:hover{background:var(--surface);border-color:var(--ink-faint)}.tag-chips .chip:active{transform:none}.tag-chips .chip.active{background:var(--clay);border-color:var(--clay);color:#fff}.tag-chips .chip.active:before{opacity:.75}.tag-chips .chip--pin{color:var(--ink-muted);align-items:center;padding:7px 12px;display:inline-flex}.tag-chips .chip--pin:before{content:none}.tag-chips .chip--pin.active{color:#fff}.tag-chips .chip--color{background:var(--tag-color);border-color:var(--tag-color);border-radius:50%;width:28px;height:28px;padding:0}.tag-chips .chip--color:before{content:none}.tag-chips .chip--color.active{box-shadow:0 0 0 3px var(--clay-soft)}.note-list{flex-direction:column;gap:10px;padding-bottom:8px;display:flex}.note-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--shadow-pop);transition:transform var(--dur-quick) var(--ease), box-shadow var(--dur-quick) var(--ease), border-color var(--dur-quick) var(--ease);animation:mz-rise var(--dur-rise) var(--ease) both;flex-wrap:wrap;align-items:center;gap:10px;padding:13px 16px;display:flex}.note-row--open{border-color:var(--clay);background:var(--clay-soft)}.note-row:nth-child(2){animation-delay:40ms}.note-row:nth-child(3){animation-delay:80ms}.note-row:nth-child(4){animation-delay:.12s}.note-row:nth-child(5){animation-delay:.16s}.note-row:hover{box-shadow:var(--shadow-lift);border-color:#0000;transform:translateY(-2px)}.note-row:active{transform:translateY(0)}.note-row--color{border-color:color-mix(in srgb, var(--tag-color) 45%, var(--line))}.note-row--unread:before{content:"";background:var(--clay);width:8px;height:8px;box-shadow:0 0 0 3px var(--clay-soft);border-radius:50%;flex:none}.note-row .note-title{font-family:var(--font-display);color:var(--ink);flex:160px;font-size:18px;font-weight:400;line-height:1.25}.note-row .note-time{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--ink-muted);text-transform:uppercase;white-space:nowrap;font-size:11px}.note-row .note-tags{font-family:var(--font-mono);color:var(--clay);letter-spacing:.02em;flex-basis:100%;align-items:center;gap:6px;font-size:12px;display:flex}.note-row .note-tags:empty{display:none}.note-row .note-tags svg{color:var(--clay);flex:none}.note-row button{min-height:40px;margin-left:auto;padding:9px 14px;font-size:13px}.mz-page--tearing{transform-origin:50% 8%;pointer-events:none;animation:.46s cubic-bezier(.5,0,.75,0) forwards mz-tear}.empty{color:var(--ink-muted);text-align:center;padding:48px 0;font-size:15px;font-style:italic}.public-reader{max-width:78ch;margin:6vh auto;padding:0 24px 96px}.public-reader .mz-brand{opacity:.8;margin-bottom:32px}.public-reader-title{font-family:var(--font-display);margin:0 0 24px;font-size:38px;font-weight:400;line-height:1.15}.public-reader .preview{box-shadow:none;border:none;max-width:none;padding:0}.editor-view{animation:mz-fade var(--dur-quick) var(--ease);margin:0;padding:28px 40px 96px}.editor-view .back-link{margin-bottom:10px}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 18px;display:flex}.save-status{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--ink-muted);margin-left:auto;font-size:12px}.page-bar{align-items:center;gap:6px;margin-bottom:14px;display:flex}.page-jump-input{text-align:center;width:64px;min-height:0;font-family:var(--font-mono);padding:7px 6px;font-size:13px}.page-bar-label{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--ink-muted);text-transform:uppercase;font-size:12px}.page-status{font-family:var(--font-mono);color:var(--ink-muted);margin-left:6px;font-size:12px}.public-badge{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border-radius:var(--r-full);align-items:center;gap:6px;margin:0 0 14px;padding:6px 12px;font-size:12px;display:inline-flex}.public-link{font-family:var(--font-mono);color:var(--clay);word-break:break-all;font-size:13px}.deleted-page{padding:40px 0}.deleted-page h1{font-family:var(--font-display);margin:0 0 8px;font-size:32px;font-weight:400}.deleted-page .deleted-meta{color:var(--ink-muted);font-family:var(--font-mono);margin-bottom:20px;font-size:13px}.editor-view .title-input{font-family:var(--font-display);box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:6px;padding:6px 0;font-size:32px;font-weight:400;line-height:1.15}.editor-view .title-input:focus{box-shadow:none;border:none}.editor-view .title-input::placeholder{color:var(--ink-faint)}.tags-editor{border-bottom:1.5px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:2px 0 12px;display:flex;position:relative}.tags-suggest{z-index:20;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);min-width:160px;max-height:220px;box-shadow:var(--shadow-pop);flex-direction:column;margin-top:4px;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}.tags-suggest-item{text-align:left;font-family:var(--font-mono);color:var(--ink-soft);min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;padding:8px 12px;font-size:13px}.tags-suggest-item:hover{background:var(--fill)}.tags-suggest-item:active{transform:none}.tags-editor--readonly{gap:6px}.tag-pin-toggle{border-radius:var(--r-full);width:32px;height:32px;min-height:0;box-shadow:none;color:var(--ink-faint);background:0 0;border-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.tag-pin-toggle:hover{background:var(--fill);color:var(--ink-soft)}.tag-pin-toggle:active{transform:none}.tag-pin-toggle.active{color:var(--clay);background:var(--clay-soft)}.tag-pin-toggle:disabled{opacity:1;cursor:default}.tags-editor .tag-chip{font-family:var(--font-mono);letter-spacing:.02em;border-radius:var(--r-full);border:1.5px solid var(--line);background:var(--surface-2);min-height:0;color:var(--ink-soft);box-shadow:none;padding:6px 13px;font-size:13px}.tags-editor .tag-chip:before{content:"#";opacity:.5;margin-right:1px}.tags-editor--readonly .tag-chip{color:var(--clay)}.tags-editor .tag-chip:hover{background:var(--surface);border-color:var(--ink-faint)}.tags-editor .tag-chip:active{transform:none}.tags-editor .tag-chip.selected{border-color:var(--clay);box-shadow:0 0 0 3px var(--clay-soft)}.tags-editor-input{width:auto;min-height:0;font-family:var(--font-mono);color:var(--ink);box-shadow:none;background:0 0;border:none;flex:120px;padding:6px 0;font-size:13px}.tags-editor-input:focus{box-shadow:none}.editor-body{resize:vertical;width:100%;min-height:52vh;font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent;padding:20px;font-size:15px;line-height:1.7}.editor-body::-webkit-scrollbar{width:10px}.editor-body::-webkit-scrollbar-track{background:0 0}.editor-body::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:var(--r-full)}.editor-body::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}.readonly-notice{color:var(--shared);background:color-mix(in srgb, var(--shared) 12%, var(--surface));border:1.5px solid color-mix(in srgb, var(--shared) 30%, transparent);border-radius:var(--r-md);margin:0 0 16px;padding:12px 15px;font-size:14px}.preview{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);max-width:78ch;min-height:52vh;color:var(--ink);padding:28px 30px;line-height:1.7}.preview>:first-child{margin-top:0}.preview h1,.preview h2,.preview h3{font-family:var(--font-display);letter-spacing:-.01em;margin:1.4em 0 .5em;font-weight:400;line-height:1.2}.preview h1{font-size:32px}.preview h2{font-size:26px}.preview h3{font-size:21px}.preview h4,.preview h5,.preview h6{font-family:var(--font-sans);margin:1.3em 0 .5em;font-weight:700}.preview p{margin:0 0 1em}.preview a{color:var(--clay);text-underline-offset:2px;text-decoration:underline}.preview code{font-family:var(--font-mono);background:var(--fill);border-radius:6px;padding:2px 6px;font-size:.88em}.preview pre{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;overflow-x:auto}.preview pre code{background:0 0;padding:0}.preview blockquote{border-left:3px solid var(--clay);color:var(--ink-soft);margin:1em 0;padding:4px 18px;font-style:italic}.preview hr{border:none;border-top:1px solid var(--line);margin:1.6em 0}.preview ul,.preview ol{margin:0 0 1em;padding-left: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%;margin:1em 0;font-size:14px}.preview th,.preview td{border:1px solid var(--line);text-align:left;padding:8px 12px}.preview th{background:var(--fill);font-weight:600}.preview ul:has(li input[type=checkbox]){padding-left:.2em;list-style:none}.preview li input[type=checkbox]{width:20px;height:20px;accent-color:var(--clay);vertical-align:-4px;margin-right:8px}.preview li:has(input[type=checkbox]:checked){color:var(--ink-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--gold-strong);text-decoration-color:var(--gold-strong);text-decoration-thickness:2px}.mermaid-error{color:var(--danger)}.comments{border-top:1px solid var(--line);margin-top:36px;padding-top:24px}.comments h2{font-family:var(--font-display);margin:0 0 14px;font-size:24px;font-weight:400}.comments textarea{min-height:80px;margin:12px 0}.comments-list{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.comment{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}.comment p{margin:0 0 6px}.comment-meta{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--ink-muted);font-size:11px}.comment button{min-height:36px;margin-top:8px;padding:6px 12px;font-size:12px}.dialog-overlay{-webkit-backdrop-filter:blur(3px);z-index:50;animation:mz-fade var(--dur-quick) var(--ease);background:#1e1c1880;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2xl);width:min(440px,100%);box-shadow:var(--shadow-card);animation:mz-rise var(--dur-rise) var(--ease);padding:28px}.dialog h2{font-family:var(--font-display);margin:0 0 6px;font-size:26px;font-weight:400}.dialog>p{color:var(--ink-muted);margin:0 0 18px;font-size:14px}.dialog hr{border:none;border-top:1px solid var(--line);margin:20px 0}.settings-view{animation:mz-fade var(--dur-quick) var(--ease)}.settings-view>button:first-child{margin-bottom:14px}.settings-view h1{font-family:var(--font-display);margin:0 0 8px;font-size:34px;font-weight:400}.settings-view section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);margin:0 0 16px;padding:24px}.settings-view section h2{font-family:var(--font-display);margin:0 0 6px;font-size:23px;font-weight:400}.settings-view section>p{color:var(--ink-muted);margin:0 0 16px;font-size:14px}.danger-zone{border-color:color-mix(in srgb, var(--danger) 35%, var(--line))!important}.danger-zone h2{color:var(--danger)}.danger-zone p{color:var(--ink-muted)}#app>p{color:var(--ink-muted);animation:mz-fade var(--dur-quick) var(--ease);padding:24px 4px;font-size:15px}.mz-toast{z-index:60;background:var(--ink);color:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-card);animation:mz-toast-in var(--dur-rise) var(--ease);align-items:center;gap:16px;padding:13px 14px 13px 18px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:28px;left:50%;overflow:hidden;transform:translate(-50%)}.mz-toast .mz-toast__label{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);font-size:12px}.mz-toast button{box-shadow:none;color:var(--clay);background:0 0;border:none;min-height:36px;padding:6px 12px;font-weight:700}[data-theme=dark] .mz-toast button,.mz-toast button{color:var(--gold-strong)}.mz-toast button:hover{background:color-mix(in srgb, var(--paper) 12%, transparent)}.mz-toast button:active{transform:none}.mz-toast__bar{background:var(--clay);transform-origin:0;width:100%;height:3px;animation:5s linear forwards mz-countdown;position:absolute;bottom:0;left:0}@media (max-width:760px){.app-shell{flex-direction:column}.sidebar{z-index:20;border-right:none;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);flex-direction:row;align-items:center;gap:8px;width:auto;height:auto;padding:10px 14px;position:sticky;top:0;overflow-x:auto}.sidebar-brand,.sidebar-spacer,.sidebar-email,.sidebar-body{display:none}.sidebar-new{margin:0}.sidebar-nav{flex-direction:row}.sidebar-link span{display:none}.main,.editor-view{padding:20px 16px 80px}.main-empty{min-height:40vh}}@media (max-width:560px){.note-row .note-title{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}