:root{color-scheme:light dark;--paper: #faf7f2;--paper-top: #faf7f2;--surface: #ffffff;--surface-2: #f2ede4;--ink: #1c1917;--ink-dim: #6b625a;--ink-faint: #9a9088;--line: #e4ddd2;--accent: #7a5c3e;--accent-ink: #ffffff;--accent-soft: #efe4d6;--glow: transparent;--glow-strong: transparent;--ok: #3f7d5a;--ok-soft: #dcece3;--attention: #9a6a2b;--radius: 14px;--radius-sm: 9px;--radius-lg: 20px;--shadow: 0 1px 2px rgb(28 25 23 / 6%), 0 6px 18px rgb(28 25 23 / 5%);--space: 16px;--max-width: 560px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-neon]){--paper: #12100e;--paper-top: #12100e;--surface: #1c1917;--surface-2: #262220;--ink: #f2ede4;--ink-dim: #a8a09a;--ink-faint: #78706a;--line: #322c28;--accent: #d3a877;--accent-ink: #1c1917;--accent-soft: #3a2f24;--ok: #7cc39a;--ok-soft: #24352c;--attention: #d9a75c;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 18px rgb(0 0 0 / 22%)}}:root[data-neon]{--h: 193;--sat: 36%;--accent-raw: #3fe0ff;--accent-ink-raw: #052430;--paper: hsl(var(--h) calc(var(--sat) * .5) 5.5%);--paper-top: hsl(var(--h) calc(var(--sat) * .72) 12%);--surface: hsl(var(--h) calc(var(--sat) * .42) 9.5%);--surface-2: hsl(var(--h) calc(var(--sat) * .36) 14.5%);--line: hsl(var(--h) calc(var(--sat) * .28) 22%);--ink: hsl(var(--h) calc(var(--sat) * .22) 96%);--ink-dim: hsl(var(--h) calc(var(--sat) * .16) 69%);--ink-faint: hsl(var(--h) calc(var(--sat) * .14) 47%);--accent: var(--accent-raw);--accent-ink: var(--accent-ink-raw);--accent-soft: color-mix(in srgb, var(--accent) 15%, hsl(var(--h) calc(var(--sat) * .42) 9.5%));--glow: color-mix(in srgb, var(--accent) 34%, transparent);--glow-strong: color-mix(in srgb, var(--accent) 62%, transparent);--ok: #56e39f;--ok-soft: color-mix(in srgb, #56e39f 14%, hsl(var(--h) calc(var(--sat) * .42) 9.5%));--attention: #ffb454;--shadow: 0 1px 2px rgb(0 0 0 / 44%), 0 10px 30px -8px rgb(0 0 0 / 55%)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}:root[data-neon] body{background:radial-gradient(125% 78% at 50% -8%,var(--paper-top),transparent 62%),var(--paper);background-attachment:fixed}h1,h2,h3{margin:0;line-height:1.25;font-weight:650;letter-spacing:-.01em}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75em}a{color:var(--accent);text-decoration:none}.shell{max-width:var(--max-width);margin:0 auto;padding:0 var(--space) calc(84px + env(safe-area-inset-bottom))}.page-head{padding:calc(20px + env(safe-area-inset-top)) 0 12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.page-head .sub{color:var(--ink-dim);font-size:.85rem}.stack{display:grid;gap:12px}.stack-sm{display:grid;gap:8px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1 1 auto;min-width:0}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.small{font-size:.85rem}.tiny{font-size:.75rem}.center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.card.lit{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow),0 0 26px -12px var(--glow)}.tile{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px}.divider{height:1px;background:var(--line);border:0;margin:14px 0}button,.btn{font:inherit;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;transition:background .12s ease,border-color .12s ease,transform .12s ease,box-shadow .16s ease}button:active,.btn:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}:root[data-neon] .btn-primary:not(:disabled){box-shadow:0 0 20px -6px var(--glow-strong)}:root[data-neon] .btn-primary:not(:disabled):hover{box-shadow:0 0 26px -4px var(--glow-strong)}.btn-quiet{background:transparent;border-color:transparent;color:var(--ink-dim);padding:8px 10px;min-height:38px}.btn-block{width:100%}.btn-chip{border-radius:999px;padding:7px 13px;min-height:36px;font-size:.87rem;background:var(--surface-2);border-color:transparent}.btn-chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}:root[data-neon] .btn-chip.on{box-shadow:0 0 16px -6px var(--glow)}label{display:block;font-size:.85rem;color:var(--ink-dim);margin-bottom:5px}input,select,textarea{font:inherit;width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 12px;min-height:44px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{margin-bottom:12px}.error{color:var(--attention);font-size:.85rem;margin-top:6px}.notice{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:10px 12px;font-size:.87rem;color:var(--ink-dim)}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;font-size:.75rem;background:var(--surface-2);color:var(--ink-dim)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.ghost{background:transparent;border:1px dashed var(--line)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:.85rem;font-weight:650;flex:none}.empty{text-align:center;padding:36px 16px;color:var(--ink-dim)}.empty .big{font-size:2rem;margin-bottom:8px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.nav-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr)}.nav a{padding:9px 0 11px;display:grid;justify-items:center;gap:3px;color:var(--ink-faint);font-size:.66rem;letter-spacing:.01em;transition:color .14s ease}.nav a.active{color:var(--accent)}.nav a .glyph{font-size:1.2rem;line-height:1}:root[data-neon] .nav a.active .glyph{filter:drop-shadow(0 0 8px var(--glow-strong))}.nav .badge-dot{position:absolute;transform:translate(11px,-3px);width:7px;height:7px;border-radius:50%;background:var(--accent)}.offline-bar{position:sticky;top:0;z-index:15;background:var(--accent-soft);color:var(--ink);font-size:.8rem;text-align:center;padding:6px 10px;border-bottom:1px solid var(--line)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.animate-rise{animation:rise .22s ease both}.animate-pop{animation:pop .42s cubic-bezier(.2,.9,.3,1.2) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}