:root{--bg:#0c0b0a;--surface:#171513;--surface-2:#221f1c;--border:#2a2622;--border-strong:#3a352f;--text:#f3efe7;--muted:#f3efe79e;--faint:#f3efe75c;--accent:#f2b84b;--accent-light:#f2b84b;--accent-rgb:242 184 75;--on-accent:#1a1305;--danger:#ff453a;--warning:#ff9f0a;--success:#30d158;--purple:#bf5af2;--lamp:#f2b84b;--gold:#f2b84b;--valentin:#f87171;--maeva:#60a5fa;--font-display:"Young Serif", "Iowan Old Style", Georgia, serif;--nav-h:62px;--nav-gap:max(12px, -6px + env(safe-area-inset-bottom,0px));--nav-space:calc(18px + var(--nav-h) + var(--nav-gap));--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.16s;--dur-base:.24s;--dur-slow:.36s;--safe-bottom:env(safe-area-inset-bottom,0px);--gutter:10px;--side-w:240px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;touch-action:manipulation;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;font-size:15px}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}img{display:block}.page{max-width:820px;padding:12px var(--gutter) 28px;margin:0 auto}h1,h2{font-family:var(--font-display);margin:0;font-weight:400}h1{letter-spacing:-.01em;font-size:1.5rem;line-height:1.1}h2{font-size:1.3rem;line-height:1.15}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.82rem}.center,.state,.tabs>.tab{text-align:center}.row{align-items:center;gap:8px;display:flex}.grow{flex:1;min-width:0}input[type=email],input[type=password],input[type=search],input[type=text]{font:inherit;color:var(--text);background:0 0;border:0;outline:0;width:100%;padding:0;font-size:16px}input::placeholder{color:var(--muted)}.searchbar{border-radius:14px;gap:8px;min-height:46px;padding:12px 14px;display:flex}.pill,.searchbar{background:var(--surface);border:1px solid var(--border);align-items:center}.pill{color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.pill.on{border-color:var(--accent-light);background:rgb(var(--accent-rgb)/.2);color:var(--accent-light)}.tabs{gap:8px;display:flex}.tabs>.tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:16px;flex:1;padding:10px 6px;font-size:14px;font-weight:600}.tabs>.tab.on{border-color:var(--accent-light);background:rgb(var(--accent-rgb)/.2);color:var(--accent-light)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid rgb(var(--accent-rgb)/.4);background:rgb(var(--accent-rgb)/.1);color:var(--accent-light);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn,.item,.pill,.round,.src,.tab,.utab{transition:transform .12s var(--ease-out),opacity .12s var(--ease-out),background .2s,border-color .2s,color .2s}.btn:active,.item:active,.pill:active,.src:active,.tab:active,.utab:active{opacity:.85;transform:scale(.97)}.pill:after{content:"";position:absolute;inset:-7px -2px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.danger{color:var(--danger)}.btn.sm{border-radius:999px;padding:6px 12px;font-size:13px}.btn:disabled{opacity:.4}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:15px 14px;display:grid}.hscroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;margin:-10px;padding:10px 10px 16px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{flex:none}.section{margin-top:28px}.section-head{justify-content:space-between;margin-bottom:10px}.section-head,.state{align-items:center;display:flex}.state{color:var(--faint);flex-direction:column;gap:12px;padding:64px 40px}.spinner{border:3px solid var(--border-strong);border-top-color:var(--accent-light);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;border-radius:16px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{align-items:center;gap:10px;min-height:44px;margin-bottom:6px;display:flex}.back{background:0 0;border:0;place-items:center;width:44px;height:44px;margin-left:-10px;display:grid}.utabs{border-bottom:1px solid var(--border);margin-top:6px;display:flex}.utab{min-height:46px;color:var(--muted);background:0 0;border:0;flex:1;padding:0 4px;font-size:15px;font-weight:500;position:relative}.utab.on{color:var(--text)}.utab.on:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:22%;right:22%}.fade-enter-active{transition:opacity var(--dur-base) var(--ease-out)}.fade-leave-active{transition:opacity var(--dur-fast) var(--ease-in)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-right-enter-active{transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.slide-left-leave-active,.slide-right-leave-active{transition:transform var(--dur-fast) var(--ease-in),opacity var(--dur-fast) var(--ease-in)}.slide-left-enter-from{opacity:0;transform:translate(24px)}.slide-left-leave-to{opacity:0;transform:translate(-12px)}.slide-right-enter-from{opacity:0;transform:translate(-24px)}.slide-right-leave-to{opacity:0;transform:translate(12px)}.reveal{opacity:0;transform:translateY(14px)scale(.98)}.reveal.is-visible{opacity:1;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);transform:none}@media (width>=1024px){:root{--gutter:40px}body,html{font-size:16px}.page{max-width:1240px;padding-top:32px;padding-bottom:56px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 20px}.hscroll{gap:18px}h1{font-size:1.8rem}.card{padding:22px}.back{margin-left:-12px}.page.narrow{max-width:760px}.page.narrow.wide{max-width:900px}}@media (hover:hover) and (pointer:fine){.pcard,a,button{cursor:pointer}.btn:hover,.pill:hover,.src:hover,.tabs>.tab:hover,.utab:hover{border-color:var(--border-strong);color:var(--text)}.btn.primary:hover{filter:brightness(1.08)}.item:hover{background:var(--surface-2)}.back:hover{opacity:.7}.pill.on:hover,.tabs>.tab.on:hover{color:var(--accent-light);border-color:var(--accent-light)}}.shell{background:var(--bg);min-height:calc(100lvh + 1px);padding-top:env(safe-area-inset-top,0);position:relative}.shell.notabs{padding-bottom:var(--safe-bottom)}.topcover{z-index:60;height:env(safe-area-inset-top,0);background:var(--bg);pointer-events:none;position:fixed;top:0;left:0;right:0}.shell:not(.notabs) .page{padding-bottom:calc(18px + var(--nav-space))}.tabbar{z-index:50;left:50%;bottom:var(--nav-gap);width:min(100% - 32px,380px);height:var(--nav-h);-webkit-backdrop-filter:blur(24px)saturate(1.7);backdrop-filter:blur(24px)saturate(1.7);background:#1a171499;border:1px solid #f3efe71f;gap:4px;padding:6px;position:fixed;transform:translate(-50%);box-shadow:0 14px 34px #00000080,inset 0 1px #f3efe714}.tabbar,.tabbar a{border-radius:999px;display:flex}.tabbar a{min-width:0;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:500;transition:background .2s,color .2s}.tabbar a.on{color:var(--lamp);background:rgb(var(--accent-rgb)/.14)}.tabbar a:active{opacity:.7}.tabbar .ico{display:inline-grid;position:relative}.tabbar .dot{background:var(--lamp);border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-5px;box-shadow:0 0 0 2px #1a1714}.tabbar a.act{width:56px;height:56px;color:var(--on-accent);background:var(--lamp);box-shadow:0 10px 24px rgb(var(--accent-rgb)/.35),0 2px 6px #00000080;flex:none;align-self:center;margin:0 2px;transform:translateY(-9px)}.tabbar a.act:active{opacity:1;transform:translateY(-9px)scale(.94)}.tabbar .brand,.tabbar .lbl-act{display:none}@media (width<=1023.98px){.tabbar.sub{display:none}}@media (width>=1024px){.shell.side{padding-left:var(--side-w)}.tabbar{width:var(--side-w);border:0;border-right:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;height:auto;box-shadow:none;border-radius:0;flex-direction:column;gap:4px;padding:28px 16px 24px;top:0;bottom:0;left:0;transform:none}.tabbar .brand{font-family:var(--font-display);color:var(--text);flex:none;align-items:center;gap:10px;padding:0 12px 26px;font-size:1.35rem;display:flex}.tabbar a{border-radius:12px;flex-direction:row;flex:none;justify-content:flex-start;gap:14px;height:46px;padding:0 14px;font-size:15px}.tabbar a:not(.brand):hover{background:var(--surface-2);color:var(--text)}.tabbar a.on,.tabbar a.on:hover{color:var(--lamp);background:rgb(var(--accent-rgb)/.14)}.tabbar a:active{opacity:.8}.tabbar .lbl-act{display:inline}.tabbar a.act{width:auto;height:46px;box-shadow:0 6px 18px rgb(var(--accent-rgb)/.25);border-radius:12px;order:10;justify-content:center;align-self:stretch;margin:18px 0 0;font-weight:600;transform:none}.tabbar a.act:hover{background:var(--lamp);color:var(--on-accent);filter:brightness(1.06)}.tabbar a.act:active{opacity:1;transform:scale(.97)}.tabbar .dot{box-shadow:0 0 0 2px var(--surface)}.topcover{display:none}.shell:not(.notabs) .page{padding-bottom:56px}.toast{bottom:28px;left:calc(50% + var(--side-w) / 2)}}.toast{left:50%;bottom:calc(8px + var(--nav-space));background:var(--surface-2);border:1px solid var(--border-strong);z-index:300;border-radius:999px;padding:10px 18px;font-size:14px;animation:.2s fade;position:fixed;transform:translate(-50%)}