@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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{--accent:#7c9cff;--font-ui:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-s:8px;--radius-m:12px;--radius-l:20px;--ease-out:cubic-bezier(.22,.8,.3,1);--dur-fast:.14s;--dur:.22s;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--tap:44px;--z-chrome:20;--z-sheet:40;--z-toast:60;--bg:#0b0c0e;--bg-raised:#141518;--bg-overlay:#1b1d21f2;--bg-hover:#ffffff12;--fg:#f1f2f4;--fg-muted:#a1a5ad;--fg-faint:#6c7079;--line:#ffffff17;--danger:#ff6b6b;--shadow:0 8px 32px #0009}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font:var(--text,15px)/1.45 var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon-btn{width:var(--tap);height:var(--tap);transition:background var(--dur-fast);border-radius:50%;flex:none;place-items:center;display:inline-grid}@media (hover:hover){.icon-btn:hover{background:var(--bg-hover)}}.icon-btn:active{background:var(--bg-hover)}.icon-btn[aria-pressed=true]{color:var(--accent)}.btn{min-height:var(--tap);border-radius:var(--radius-m);background:var(--bg-hover);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:550;display:inline-flex}.btn-danger{color:var(--danger)}.field-row{min-height:var(--tap);justify-content:space-between;align-items:center;gap:16px;padding:6px 0;display:flex}.field-row>.label{color:var(--fg)}.field-row .hint{color:var(--fg-muted);font-size:12.5px;display:block}.field-col{flex-direction:column;gap:6px;padding:8px 0;display:flex}.switch{background:var(--bg-hover);width:46px;height:28px;transition:background var(--dur-fast);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;flex:none;position:relative}.switch[aria-checked=true]{background:var(--accent)}.switch>span{width:22px;height:22px;transition:transform var(--dur-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0005}.switch[aria-checked=true]>span{transform:translate(18px)}.segmented{border-radius:var(--radius-m);background:var(--bg-hover);scrollbar-width:none;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented>button{white-space:nowrap;min-height:36px;color:var(--fg-muted);border-radius:9px;padding:0 12px;font-size:13.5px;font-weight:550}.segmented>button[aria-checked=true]{background:var(--bg-raised);color:var(--fg);box-shadow:0 1px 3px #0003}.slider{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.slider input[type=range]{width:100%;height:28px;accent-color:var(--accent);touch-action:pan-y;grid-column:1/-1;margin:0}.slider output{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:13px}.sheet-backdrop{z-index:var(--z-sheet);animation:fade-in var(--dur) both;background:#0006;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{z-index:calc(var(--z-sheet) + 1);background:var(--bg-overlay);max-height:min(78dvh,720px);color:var(--fg);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:var(--shadow);padding-bottom:var(--safe-bottom);animation:sheet-up var(--dur) var(--ease-out) both;will-change:transform;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet:focus{outline:none}.sheet-grip{touch-action:none;cursor:grab;place-items:center;padding:8px 0 2px;display:grid}.sheet-grip:before{content:"";background:var(--fg-faint);border-radius:2px;width:36px;height:4px}.sheet-head{align-items:center;gap:8px;min-height:48px;padding:2px 8px 2px 18px;display:flex}.sheet-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:16px;font-weight:650;overflow:hidden}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 18px 18px;overflow-y:auto}@media (min-width:900px){.sheet{width:400px;max-height:none;padding:var(--safe-top) var(--safe-right) 0 0;border-left:1px solid var(--line);border-radius:0;animation-name:sheet-left;top:0;left:auto}.sheet-grip{display:none}.sheet-backdrop{background:0 0}}.toast-stack{z-index:var(--z-toast);left:50%;bottom:calc(16px + var(--safe-bottom));pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--radius-m);background:var(--bg-overlay);box-shadow:var(--shadow);animation:sheet-up var(--dur) var(--ease-out) both;align-items:center;gap:12px;padding:12px 14px;display:flex}.toast>span{flex:1;min-width:0}.toast button{color:var(--accent);font-weight:600}.spinner,.pslot.loading:after{border:2.5px solid color-mix(in srgb, currentColor 18%, transparent);border-top-color:color-mix(in srgb, currentColor 70%, transparent);border-radius:50%;animation:1s linear infinite spin,.2s .3s both fade-in}.spinner{width:26px;height:26px;display:block}.reader-boot{background:var(--bg);color:var(--fg-muted);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-left{0%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--on-accent:#0b0c0e;--accent-ink:var(--accent);--sidebar-w:224px;--nav-h:60px;--gutter:16px;--toast-lift:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-tone=light]{--accent-ink:color-mix(in oklab, var(--accent) 62%, #000);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn{transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast)}.btn:active:not(:disabled){transform:scale(.97)}@media (hover:hover){.btn:not(.btn-primary):hover{background:color-mix(in srgb, var(--fg) 12%, transparent)}}.btn-block{width:100%}.text-btn{min-height:var(--tap);color:var(--fg-muted);align-items:center;gap:6px;padding:0 4px;font-weight:550;display:inline-flex}@media (hover:hover){.text-btn:hover{color:var(--fg)}}.muted{color:var(--fg-muted)}.hint{color:var(--fg-muted);margin:0;font-size:12.5px}mark{background:color-mix(in srgb, var(--accent) 32%, transparent);color:inherit;border-radius:2px;padding:0 1px}.toast-stack{bottom:calc(16px + var(--safe-bottom) + var(--toast-lift))}::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.16s}.shell{min-height:100dvh}.main{min-width:0}.page{padding:calc(var(--safe-top) + 14px) calc(var(--gutter) + var(--safe-right)) calc(var(--nav-h) + var(--safe-bottom) + 32px) calc(var(--gutter) + var(--safe-left));position:relative;overflow-x:clip}.page-head{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.page-head h1{letter-spacing:-.022em;margin:0;font-size:30px;font-weight:680;line-height:1.15}.section-title{letter-spacing:-.008em;margin:0 0 12px;font-size:16px;font-weight:620}.splash,.unreachable{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100dvh;padding:24px;display:flex}.splash img{opacity:.9;border-radius:13px;animation:.5s .15s both fade-in}.unreachable svg{color:var(--fg-faint)}.unreachable h1{margin:6px 0 0;font-size:20px;font-weight:650}.unreachable p{color:var(--fg-muted);margin:0 0 8px}.sidebar{display:none}.bottom-nav{z-index:var(--z-chrome);height:calc(var(--nav-h) + var(--safe-bottom));padding:0 calc(12px + var(--safe-right)) var(--safe-bottom) calc(4px + var(--safe-left));background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border-top:1px solid var(--line);transition:transform var(--dur) var(--ease-out);grid-template-columns:repeat(4,1fr) auto;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav[data-hidden=true]{transform:translateY(100%)}.bottom-nav a{height:100%;color:var(--fg-faint);transition:color var(--dur-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:550;display:flex}.bottom-nav a.active{color:var(--fg)}.bottom-nav a:active svg{transform:scale(.9)}.nav-add{background:var(--accent);width:44px;height:44px;color:var(--on-accent);transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;margin-left:8px;display:grid}.nav-add:active{transform:scale(.92)}@media (max-width:899px){:root{--toast-lift:var(--nav-h)}}@media (min-width:640px){:root{--gutter:24px}}@media (min-width:900px){:root{--gutter:40px}.bottom-nav{display:none}.shell{grid-template-columns:calc(var(--sidebar-w) + var(--safe-left)) minmax(0, 1fr);display:grid}.sidebar{height:100dvh;padding:calc(var(--safe-top) + 22px) 14px calc(var(--safe-bottom) + 14px) calc(14px + var(--safe-left));border-right:1px solid var(--line);flex-direction:column;gap:4px;display:flex;position:sticky;top:0}.main{grid-column:2}.page{padding:calc(var(--safe-top) + 24px) max(var(--gutter), calc((100% - 1360px) / 2)) 56px;padding-right:max(calc(var(--gutter) + var(--safe-right)), calc((100% - 1360px) / 2))}.page-head h1{font-size:32px}}.wordmark{letter-spacing:-.015em;align-items:center;gap:10px;padding:0 10px 18px;font-size:17px;font-weight:660;display:flex}.wordmark img{border-radius:6px}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav a{min-height:40px;color:var(--fg-muted);transition:background var(--dur-fast), color var(--dur-fast);border-radius:10px;align-items:center;gap:12px;padding:0 10px;font-weight:530;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:var(--fg);background:var(--bg-hover)}.sidebar-upload{min-height:40px;color:var(--fg-muted);box-shadow:inset 0 0 0 1px var(--line);background:0 0;border-radius:10px;justify-content:flex-start;gap:12px;margin-top:14px;padding:0 10px}.sidebar-upload:hover{color:var(--fg)}.sidebar-account{color:var(--fg-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-left:10px;font-size:14px;display:flex}.sidebar-account span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.upload-tray{z-index:calc(var(--z-chrome) + 1);right:calc(12px + var(--safe-right));left:calc(12px + var(--safe-left));bottom:calc(12px + var(--safe-bottom) + var(--toast-lift));border-radius:var(--radius-m);background:var(--bg-overlay);max-height:46dvh;box-shadow:var(--shadow), 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:sheet-up var(--dur) var(--ease-out) both;flex-direction:column;display:flex;position:fixed;overflow:hidden}@media (min-width:640px){.upload-tray{width:360px;left:auto}}.upload-tray header{flex:none;justify-content:space-between;align-items:center;padding-left:14px;display:flex}.upload-tray h2{margin:0;font-size:14px;font-weight:620}.upload-tray ul{overscroll-behavior:contain;margin:0;padding:0 0 6px;list-style:none;overflow-y:auto}.upload-row{align-items:center;gap:2px;padding:6px 4px 8px 14px;display:flex;position:relative}.upload-text{flex-direction:column;flex:1;min-width:0;display:flex}.upload-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.upload-detail{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:12px}.upload-row[data-status=failed] .upload-detail{color:var(--danger)}.upload-done{width:var(--tap);color:var(--accent-ink);place-items:center;display:grid}.upload-bar{background:var(--line);border-radius:1px;height:2px;position:absolute;bottom:2px;left:14px;right:14px;overflow:hidden}.upload-bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform .2s linear;display:block}.upload-row[data-status=done] .upload-bar,.upload-row[data-status=failed] .upload-bar{display:none}.drop-target{z-index:var(--z-toast);pointer-events:none;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--dur-fast) both;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.drop-target>div{border-radius:var(--radius-l);border:1.5px dashed var(--fg-faint);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;font-size:17px;font-weight:560;display:flex}.drop-target p{margin:0}.settings .page-head{margin-bottom:4px}.settings-section{max-width:620px;margin-top:22px}.settings-section h2{color:var(--fg-muted);margin:0 0 8px;padding-left:2px;font-size:13px;font-weight:600}.settings-card{border-radius:var(--radius-m);background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;gap:6px;padding:10px 16px 12px;display:flex}.settings-card>.segmented,.settings-card .segmented{align-self:flex-start}.settings-card .btn{align-self:flex-start;margin-top:6px}.field-row>.btn{flex:none;margin-top:0}.field-row .label{min-width:0}.status-text{text-align:right;color:var(--fg-muted);max-width:68%;font-size:13.5px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:10px 8px;display:grid}.theme-tile{color:var(--fg-muted);flex-direction:column;align-items:center;gap:6px;min-width:0;font-size:12.5px;display:flex}.theme-tile>span{aspect-ratio:5/4;width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;place-items:center;font-size:15px;font-weight:620;display:grid}.theme-tile[aria-checked=true]{color:var(--fg)}.theme-tile[aria-checked=true]>span{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 4px var(--accent)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatches>button,.swatch-custom{border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.swatches>button[aria-checked=true]{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 4px var(--fg-muted)}.swatch-custom{cursor:pointer;background:conic-gradient(#e8795f,#e0b04c,#4fb99a,#7c9cff,#a78bda,#e66f97,#e8795f);overflow:hidden}.swatch-custom[data-on=true]{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 4px var(--fg-muted);overflow:visible}.swatch-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.colorways{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;display:grid}.colorways>button{aspect-ratio:1;border-radius:var(--radius-m);background:var(--bg-hover);min-height:44px;box-shadow:inset 0 0 0 1px var(--line);place-items:center;font-size:15px;font-weight:620;display:grid}.colorways>button[aria-checked=true]{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 4px var(--accent)}.color-fields{flex-wrap:wrap;gap:8px;padding:2px 0 8px;display:flex}.color-field{min-height:var(--tap);border-radius:var(--radius-m);background:var(--bg-hover);cursor:pointer;align-items:center;gap:10px;padding:0 14px 0 8px;font-size:14px;display:inline-flex;position:relative}.color-field input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.color-chip{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--line), 0 0 0 1px #8884;border-radius:50%}.page.narrow{width:100%;max-width:780px;margin:0 auto}@media (min-width:900px){.page.narrow{padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:content-box;max-width:780px}}.head-actions{flex:none;align-items:center;gap:6px;display:flex}.head-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.head-icon{font-size:26px;line-height:1}.crumbs{color:var(--fg-muted);flex-wrap:wrap;gap:2px;font-size:13px;display:flex}.crumbs span{align-items:center;gap:2px;display:inline-flex}.crumbs a:hover{color:var(--fg)}.inline-text{width:100%;min-width:0;font:inherit;letter-spacing:inherit;border-radius:var(--radius-s);text-overflow:ellipsis;background:0 0;border:0;outline:0;margin-left:-6px;padding:2px 6px}.inline-text:hover{background:var(--bg-hover)}.inline-text:focus{background:var(--bg-hover);box-shadow:inset 0 0 0 1.5px var(--accent)}.btn-solid-danger{background:var(--danger);color:#fff}.lead{color:var(--fg-muted);gap:8px;margin:4px 0 14px;display:flex}.lead svg{color:var(--accent-ink);flex:none;margin-top:3px}.empty{text-align:center;color:var(--fg-muted);flex-direction:column;align-items:center;gap:8px;padding:56px 16px;display:flex}.empty p{margin:0}.load-more{margin:18px auto 0;display:flex}.panel{border-radius:var(--radius-m);background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:14px;padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.stack>.text-btn{align-self:flex-start;min-height:28px;font-size:13.5px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.button-row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.input-field{color:var(--fg-muted);flex-direction:column;gap:5px;min-width:0;font-size:13.5px;display:flex}.input-field input,.input-field select,.input-field textarea{width:100%;min-height:var(--tap);border-radius:var(--radius-s);background:var(--bg-hover);color:var(--fg);border:0;outline:0;padding:8px 12px;font-size:15px}.input-field input:focus,.input-field select:focus,.input-field textarea:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.input-field select option{color:#111;background:#fff}.form-error{color:var(--danger);margin:0;font-size:14px}.login-link{text-align:center;line-height:var(--tap);display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 16px;display:flex}.toolbar-gap{flex:1}.search-field{border-radius:var(--radius-m);background:var(--bg-hover);min-height:42px;color:var(--fg-muted);flex:200px;align-items:center;gap:8px;max-width:320px;padding:0 10px;display:flex}.search-field input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1}.search-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}.chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.chips button{background:var(--bg-hover);min-height:32px;color:var(--fg-muted);border-radius:999px;padding:0 12px;font-size:13.5px;font-weight:550}.chips button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.status-chip{background:var(--bg-hover);color:var(--fg-muted);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:550;display:inline-block}.status-chip[data-on=true]{color:var(--accent-ink)}.items[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.items[data-view=grid][data-density=compact]{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.items[data-view=list]{flex-direction:column;display:flex}.item{border-radius:var(--radius-m);min-width:0;transition:background var(--dur-fast);position:relative}.item[data-view=grid]{background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--line)}.item[data-view=list]{border-bottom:1px solid var(--line);border-radius:0}.item[data-selected=true]{box-shadow:inset 0 0 0 2px var(--accent)}@media (hover:hover){.item:hover{background:color-mix(in srgb, var(--bg-hover) 70%, var(--bg-raised))}}.item-link{border-radius:inherit;flex-direction:column;gap:6px;height:100%;min-height:112px;padding:12px 14px;display:flex;overflow:hidden}.item[data-view=list] .item-link{flex-direction:row;align-items:center;gap:12px;min-height:48px;padding:6px 84px 6px 8px}[data-density=compact] .item-link{min-height:84px;padding:9px 11px}[data-density=compact] .item[data-view=list] .item-link{min-height:38px;padding-top:2px;padding-bottom:2px}.item-head{flex:auto;align-items:center;gap:8px;min-width:0;padding-right:26px;display:flex}.item[data-view=grid] .item-head{flex:none}.item-kind{color:var(--fg-muted);flex:none;display:grid}.item-kind[data-kind=note]{color:#e0b04c}.item-kind[data-kind=board]{color:#4fb99a}.item-kind[data-kind=file]{color:var(--accent-ink)}.item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:580;overflow:hidden}.item-pin{color:var(--accent-ink);flex:none}.item-snippet{color:var(--fg-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.item-meta{color:var(--fg-faint);white-space:nowrap;flex:none;font-size:12.5px}.item-thumb{object-fit:cover;width:calc(100% + 28px);height:120px;margin:-12px -14px 2px;display:block}.item-check{background:var(--bg-overlay);width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--fg-faint);color:var(--on-accent);border-radius:6px;place-items:center;display:none;position:absolute;top:12px;left:12px}.item[data-view=list] .item-check{top:14px;left:8px}.item-check[aria-checked=true]{background:var(--accent);box-shadow:none;display:grid}.items:has(.item-check[aria-checked=true]) .item-check{display:grid}.items:has(.item-check[aria-checked=true]) .item-kind{visibility:hidden}.item-menu{opacity:0;position:absolute;top:2px;right:2px}.item[data-view=list] .item-menu{top:50%;transform:translateY(-50%)}.item-menu .icon-btn{width:36px;height:36px}.item:hover .item-menu,.item:focus-within .item-menu{opacity:1}@media (hover:none){.item-menu{opacity:1}}.folder-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.folder{border-radius:var(--radius-m);background:var(--bg-hover);align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:550;display:inline-flex}.selection-bar{z-index:var(--z-chrome);left:50%;bottom:calc(14px + var(--safe-bottom) + var(--toast-lift));border-radius:var(--radius-m);background:var(--bg-overlay);width:min(94vw,620px);box-shadow:var(--shadow), 0 0 0 1px var(--line);align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.selection-bar .btn{min-height:36px;padding:0 10px}.home-section{margin-top:26px}.home-hint{margin-top:16px}.quick{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px;display:grid}.quick button{border-radius:var(--radius-m);background:var(--bg-raised);min-height:56px;box-shadow:inset 0 0 0 1px var(--line);text-align:left;align-items:center;gap:10px;padding:0 16px;font-weight:560;display:flex}.quick svg{color:var(--accent-ink);flex:none}@media (hover:hover){.quick button:hover{background:var(--bg-hover)}}.due-list,.rows,.post-list,.comments,.pick-list,.share-list{margin:0;padding:0;list-style:none}.due-list a{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:44px;display:flex}.due-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:550;overflow:hidden}.due-chip{background:var(--bg-hover);color:var(--fg-muted);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-flex}.due-chip[data-state=overdue]{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.due-chip[data-state=today],.due-chip[data-state=soon]{color:color-mix(in oklab, #c8921f 70%, var(--fg));background:#e0b04c38}.rows li{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:48px;display:flex}.rows-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:550;overflow:hidden}.rows-time{white-space:nowrap}.list-title{margin-top:26px}.wordmark{color:inherit}.sidebar-actions{gap:6px;margin-bottom:12px;padding:0 2px;display:grid}.sidebar-actions .btn{border-radius:10px;justify-content:flex-start;width:100%;min-height:38px;padding:0 10px;font-size:14px}.sidebar-search{color:var(--fg-muted);font-weight:500}.sidebar-search kbd{font:11px var(--font-ui);color:var(--fg-faint);margin-left:auto}.sidebar-scroll{scrollbar-width:thin;flex:1;min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.sidebar-signin{width:100%;margin-top:auto}.sidebar nav a,.mobile-menu nav a{font-size:14.5px}.mobile-menu nav{flex-direction:column;display:flex}.mobile-menu nav a{min-height:var(--tap);border-radius:10px;align-items:center;gap:12px;padding:0 10px;display:flex}.mobile-menu nav a.active{background:var(--bg-hover)}.mobile-menu .sidebar-account{margin-top:10px}.tree{margin-top:16px}.tree-head{color:var(--fg-faint);border-radius:8px;justify-content:space-between;align-items:center;padding:2px 4px 4px 10px;font-size:12.5px;font-weight:600;display:flex}.tree-head[data-over=true],.tree-row[data-over=true]{background:color-mix(in srgb, var(--accent) 22%, transparent)}.tree-add{width:26px;height:26px;color:var(--fg-muted);border-radius:7px;place-items:center;display:grid}.tree-add:hover{background:var(--bg-hover);color:var(--fg)}.tree-empty{color:var(--fg-faint);text-align:left;padding:4px 10px;font-size:13px}.tree-row{border-radius:9px;align-items:center;display:flex;position:relative}.tree-toggle{width:18px;height:34px;color:var(--fg-faint);transition:transform var(--dur-fast);flex:none;place-items:center;display:grid}.tree-toggle[aria-expanded=true]{transform:rotate(90deg)}.tree-row a{min-width:0;min-height:34px;color:var(--fg-muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding-right:6px;font-size:14px;display:flex}.tree-row a:hover,.tree-row a.active{color:var(--fg);background:var(--bg-hover)}.tree-icon{flex:none;place-items:center;width:18px;font-size:14px;line-height:1;display:inline-grid}.tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-count{color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:12px}.tree-menu{opacity:0;position:absolute;top:0;right:0}.tree-menu .icon-btn{width:32px;height:34px}.tree-row:hover .tree-menu,.tree-row:focus-within .tree-menu{opacity:1}.tree-row:hover .tree-count{visibility:hidden}@media (hover:none){.tree-menu{opacity:1}.tree-count{display:none}}.bottom-nav{grid-template-columns:repeat(4,1fr) auto}.bottom-nav>button:not(.nav-add){height:100%;color:var(--fg-faint);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:550;display:flex}.menu-backdrop{z-index:calc(var(--z-toast) - 2);position:fixed;top:0;bottom:0;left:0;right:0}.menu{z-index:calc(var(--z-toast) - 1);border-radius:var(--radius-m);background:var(--bg-overlay);min-width:196px;max-width:min(320px,92vw);max-height:70dvh;box-shadow:var(--shadow), 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:fade-in var(--dur-fast) both;padding:5px;position:fixed;overflow-y:auto}.menu button[role=menuitem]{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;font-size:14px;display:flex}.menu button[role=menuitem]:hover:not(:disabled){background:var(--bg-hover);outline:none}.menu button[role=menuitem]:focus-visible{background:var(--bg-hover);outline:none}.menu button[data-danger=true]{color:var(--danger)}.menu-colors{padding:6px 8px 8px}.dialog-backdrop{z-index:calc(var(--z-toast) - 3);animation:fade-in var(--dur-fast) both;background:#0007;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{border-radius:var(--radius-l);background:var(--bg-overlay);width:min(100%,400px);box-shadow:var(--shadow), 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:18px}.dialog h2{margin:0 0 8px;font-size:17px;font-weight:650}.dialog p{color:var(--fg-muted);margin:0}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.palette-backdrop{place-items:start center;padding-top:min(12dvh,96px)}.palette{border-radius:var(--radius-l);background:var(--bg-overlay);width:min(100%,580px);max-height:66dvh;box-shadow:var(--shadow), 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;display:flex;overflow:hidden}.palette-input{min-height:54px;color:var(--fg-muted);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:0 16px;display:flex}.palette-input input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1;font-size:16px}.palette ul{margin:0;padding:6px;list-style:none;overflow-y:auto}.palette li button{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.palette li button[data-active=true]{background:var(--bg-hover)}.palette-text{flex-direction:column;flex:1;min-width:0;display:flex}.palette-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-type{color:var(--fg-faint);font-size:12px}.palette-empty{text-align:center;color:var(--fg-muted);margin:0;padding:18px}@media (min-width:900px){.sheet{width:520px}}.sheet-sub{color:var(--fg-muted);margin:18px 0 4px;font-size:13px;font-weight:600}.pick-list button{width:100%;min-height:var(--tap);text-align:left;border-radius:9px;align-items:center;gap:10px;padding:0 10px;display:flex}.pick-list button:hover{background:var(--bg-hover)}.share-list li{border-top:1px solid var(--line);align-items:center;gap:4px;padding:6px 0;display:flex}.share-text{flex-direction:column;flex:1;min-width:0;display:flex}.share-url{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.file-preview{margin-bottom:10px}.file-image{border-radius:var(--radius-s);max-width:100%;max-height:52dvh;margin:0 auto;display:block}.file-text{background:var(--bg-hover);border-radius:var(--radius-s);white-space:pre-wrap;overflow-wrap:anywhere;max-height:50dvh;margin:0;padding:12px;font:13px/1.5 ui-monospace,Consolas,monospace;overflow:auto}.file-none{color:var(--fg-faint);flex-direction:column;align-items:center;gap:8px;padding:28px;display:flex}.icon-picks{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.icon-picks button{background:var(--bg-hover);border-radius:9px;min-width:36px;height:36px;padding:0 6px;font-size:14px}.icon-picks button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.icon-picks input{background:var(--bg-hover);border:0;border-radius:9px;outline:0;width:70px;height:36px;padding:0 8px}.swatches.small{gap:8px}.swatches.small>button{width:28px;height:28px}.swatches.small>button[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 4px var(--fg-muted)}.swatch-none{background:linear-gradient(135deg, transparent 46%, var(--danger) 46% 54%, transparent 54%), var(--bg-hover)}.note-page,.board-page{height:100dvh;padding:calc(var(--safe-top) + 8px) 12px calc(var(--nav-h) + var(--safe-bottom) + 10px);flex-direction:column;gap:8px;display:flex}@media (min-width:900px){.note-page,.board-page{padding:calc(var(--safe-top) + 12px) 20px 16px}}.doc-head{flex:none;align-items:center;gap:4px;display:flex}.doc-title{letter-spacing:-.015em;border-radius:var(--radius-s);text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:2px 6px;font-size:22px;font-weight:660}.doc-title:hover{background:var(--bg-hover)}.doc-title:focus{background:var(--bg-hover);box-shadow:inset 0 0 0 1.5px var(--accent)}.doc-status{color:var(--fg-faint);white-space:nowrap;padding:0 6px;font-size:12.5px}.doc-status[data-status=conflict],.doc-status[data-status=error]{color:var(--danger);font-weight:600}.banner{border-radius:var(--radius-m);background:color-mix(in srgb, var(--danger) 14%, transparent);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.banner span{flex:1;min-width:180px}.banner .btn{min-height:36px}.board-filter{flex:0 200px;max-width:220px;min-height:36px}@media (max-width:640px){.board-filter{display:none}}.columns{scroll-snap-type:x proximity;flex:1;align-items:flex-start;gap:12px;min-height:0;padding:2px 2px 10px;display:flex;overflow-x:auto}.column{border-radius:var(--radius-m);background:var(--bg-raised);max-height:100%;box-shadow:inset 0 0 0 1px var(--line);scroll-snap-align:start;flex-direction:column;flex:0 0 min(84vw,300px);display:flex}.column[data-dragging=true]{opacity:.5}.column-head{border-radius:var(--radius-m) var(--radius-m) 0 0;border-top:3px solid #0000;flex:none;align-items:center;gap:2px;padding:4px 2px 2px 4px;display:flex}.column-head .icon-btn{width:34px;height:34px}.column-grip{width:22px;height:34px;color:var(--fg-faint);cursor:grab;touch-action:none;flex:none;place-items:center;display:grid}.column-title{flex:1;font-size:14.5px;font-weight:620}.column-title.static{padding:6px 8px}.column-count{color:var(--fg-faint);font-variant-numeric:tabular-nums;padding:0 4px;font-size:12.5px}.column-cards{flex-direction:column;flex:1;gap:8px;min-height:12px;margin:0;padding:4px 8px;list-style:none;display:flex;overflow-y:auto}.card{position:relative}.card[data-dragging=true]{opacity:.35}.card-open{text-align:left;touch-action:manipulation;width:100%;display:block}.card-face{border-radius:var(--radius-s);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-left:3px solid #0000;flex-direction:column;gap:6px;padding:10px 30px 10px 11px;display:flex}.card-face[data-done=true] .card-title{color:var(--fg-muted);text-decoration:line-through}.card-face[data-overlay=true]{box-shadow:var(--shadow), 0 0 0 1px var(--line);cursor:grabbing;transform:rotate(1.5deg)}@media (hover:hover){.card-open:hover .card-face{background:color-mix(in srgb, var(--bg-hover) 50%, var(--bg))}}.card-title{overflow-wrap:anywhere;font-size:14.5px;line-height:1.35}.card-labels{flex-wrap:wrap;gap:4px;display:flex}.card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-count{color:var(--fg-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.task-count[data-complete=true]{color:var(--accent-ink)}.card-tick{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--fg-faint);color:var(--on-accent);opacity:0;transition:opacity var(--dur-fast);border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:8px}.card-tick[aria-checked=true]{opacity:1;background:var(--accent);box-shadow:none}.card:hover .card-tick{opacity:1}.card-tick:focus-visible{opacity:1}@media (hover:none){.card-tick{opacity:1}}.label-chip{--hue:210;background:hsl(var(--hue) 60% 50% / .2);color:color-mix(in oklab, hsl(var(--hue) 65% 55%) 65%, var(--fg));border-radius:5px;align-items:center;gap:3px;padding:0 7px;font-size:11.5px;font-weight:600;line-height:18px;display:inline-flex}.label-chip button{color:inherit;display:grid}.add-card{width:100%;min-height:40px;color:var(--fg-muted);border-radius:var(--radius-s);flex:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:flex}@media (hover:hover){.add-card:hover{color:var(--fg);background:var(--bg-hover)}}.add-card-form{flex:none;gap:6px;padding:4px 8px 8px;display:flex}.add-card-form input,.column-new input{border-radius:var(--radius-s);background:var(--bg-hover);border:0;outline:0;flex:1;width:100%;min-width:0;min-height:38px;padding:0 10px}.add-card-form input:focus,.column-new input:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.add-card-form .btn{min-height:38px;padding:0 12px}.column-new{box-shadow:none;background:0 0;padding:2px}.card-title-input{border-radius:var(--radius-s);background:0 0;border:0;outline:0;width:100%;margin-left:-6px;padding:4px 6px;font-size:18px;font-weight:620}.card-title-input:focus{background:var(--bg-hover)}.date-field{align-items:center;gap:2px;display:flex}.label-edit{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.label-edit input{background:var(--bg-hover);border:0;border-radius:7px;outline:0;flex:1;min-width:90px;min-height:30px;padding:0 8px;font-size:13.5px}.secret-input{resize:vertical;font-family:ui-monospace,Consolas,monospace}.link-result .label{margin:0 0 8px;font-size:14px}.copy-row{gap:8px;display:flex}.copy-row input{border-radius:var(--radius-s);background:var(--bg-hover);border:0;outline:0;flex:1;min-width:0;padding:0 10px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.public-page{place-items:center;min-height:100dvh;padding:24px 20px;display:grid}.public-card{flex-direction:column;gap:10px;width:min(100%,460px);display:flex}.public-card h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:680}.public-card p{margin:0}.public-card>svg{color:var(--fg-faint)}.secret-output{border-radius:var(--radius-s);background:var(--bg-hover);white-space:pre-wrap;overflow-wrap:anywhere;max-height:50dvh;margin:0;padding:14px;font:15px/1.5 ui-monospace,Consolas,monospace;overflow:auto}.public-view{min-height:100dvh;padding:calc(var(--safe-top) + 16px) calc(16px + var(--safe-right)) 32px calc(16px + var(--safe-left));flex-direction:column;display:flex}.public-view:not([data-kind=board]){width:100%;max-width:820px;margin:0 auto}.public-view[data-kind=board]{height:100dvh}.public-view header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.public-view h1{letter-spacing:-.02em;flex:1;min-width:0;margin:0;font-size:24px;font-weight:680}.shared-file{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.post-list li{border-bottom:1px solid var(--line)}.post-list a{border-radius:var(--radius-s);flex-direction:column;gap:4px;padding:12px 6px;display:flex}@media (hover:hover){.post-list a:hover{background:var(--bg-hover)}}.post-line{color:var(--accent-ink);align-items:center;gap:6px;display:flex}.post-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.post-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.post-count{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.back-link{margin-left:-4px}.post{border-bottom:1px solid var(--line);padding-bottom:18px}.post-head{justify-content:space-between;gap:8px;margin-bottom:14px;display:flex}.post-head h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 6px;font-size:26px;font-weight:680;line-height:1.2}.comment{border-bottom:1px solid var(--line);padding:12px 0}.comment-head{align-items:center;gap:8px;min-height:28px;margin-bottom:4px;display:flex}.comment-head strong{font-weight:620}.comment-head .icon-btn{width:32px;height:32px;margin-left:auto}.comment-form{margin-top:14px}.comment-form>.btn,.post-form>.btn{align-self:flex-end}.post-form .editor{min-height:340px}.meter{background:var(--bg-hover);border-radius:3px;height:6px;display:block;overflow:hidden}.meter span{background:var(--accent-ink);height:100%;display:block}.md{overflow-wrap:anywhere;min-width:0;line-height:1.62}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4{letter-spacing:-.012em;margin:1.4em 0 .5em;font-weight:650;line-height:1.25}.md h1{font-size:1.7em}.md h2{font-size:1.35em}.md h3{font-size:1.14em}.md p,.md ul,.md ol,.md blockquote,.md pre,.md table{margin:0 0 .85em}.md ul,.md ol{padding-left:1.5em}.md li+li{margin-top:.2em}.md li:has(>input[type=checkbox]){margin-left:-1.4em;list-style:none}.md input[type=checkbox]{accent-color:var(--accent);vertical-align:-2px;width:15px;height:15px;margin:0 .35em 0 0}.md a{color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}.md img{border-radius:var(--radius-s);max-width:100%;height:auto;margin:.4em 0;display:block}.md code{background:var(--bg-hover);border-radius:5px;padding:.12em .34em;font:.9em ui-monospace,Cascadia Code,Consolas,monospace}.md pre{background:var(--bg-hover);border-radius:var(--radius-s);padding:12px 14px;overflow-x:auto}.md pre code{background:0 0;padding:0}.md blockquote{border-left:3px solid var(--line);color:var(--fg-muted);padding-left:14px}.md hr{border:0;border-top:1px solid var(--line);margin:1.4em 0}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);text-align:left;padding:6px 10px}.md th{background:var(--bg-hover);font-weight:600}.editor{border-radius:var(--radius-m);min-height:0;box-shadow:inset 0 0 0 1px var(--line);background:var(--bg-raised);flex-direction:column;flex:1;display:flex;overflow:hidden}.editor:focus-within{box-shadow:inset 0 0 0 1px var(--fg-faint)}.editor-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:4px 6px;display:flex}.editor-tools{flex-wrap:wrap;gap:1px;display:flex}.tool{border-radius:var(--radius-s);width:32px;height:32px;color:var(--fg-muted);place-items:center;display:grid}@media (hover:hover){.tool:hover{background:var(--bg-hover);color:var(--fg)}}.editor-spacer{flex:1}.editor-count{white-space:nowrap;padding:0 6px}.editor .segmented>button{min-height:28px;padding:0 9px;font-size:12.5px}.editor-panes{flex:1;min-height:0;display:flex}.editor-input{resize:none;background:0 0;border:0;outline:0;flex:1 1 0;min-width:0;min-height:220px;padding:14px 16px;line-height:1.6}.editor-input[data-font=mono]{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.93em}.editor-input::placeholder{color:var(--fg-faint)}.editor-preview{flex:1 1 0;min-width:0;padding:14px 18px;overflow-y:auto}.editor[data-mode=split] .editor-preview{border-left:1px solid var(--line)}.editor[data-mode=preview] .editor-preview{width:100%;max-width:800px;margin:0 auto}.editor[data-compact=true]{flex:none}.editor[data-compact=true] .editor-input{resize:vertical;flex:auto;height:180px;min-height:140px}.editor[data-compact=true] .editor-preview{min-height:140px;max-height:340px}.login{min-height:100dvh;padding:calc(var(--safe-top) + 24px) calc(20px + var(--safe-right)) calc(var(--safe-bottom) + 24px) calc(20px + var(--safe-left));place-items:center;display:grid}.login-card{flex-direction:column;gap:14px;width:min(100%,340px);display:flex}.login-mark{border-radius:13px;margin-bottom:6px}.login h1{letter-spacing:-.024em;margin:0;font-size:30px;font-weight:690;line-height:1.1}.login-lead{color:var(--fg-muted);margin:-8px 0 10px}.login .btn-primary{min-height:48px;margin-top:6px}.login-switch{min-height:var(--tap);color:var(--fg-muted);font-size:14px}@media (hover:hover){.login-switch:hover{color:var(--fg)}}