*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #151618;--card: #1d1e22;--card2: #26272c;--line: rgba(255,255,255,.08);--text: #f4f3ef;--muted: rgba(244,243,239,.68);--muted-2: rgba(244,243,239,.48);--cream: #e8dc9a;--on-cream: #1a1708;--pos: #7fd0b4;--neg: #ef9fb2;--warn: #e9c877;--r-sm: 12px;--r-md: 16px;--r-full: 999px}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}input:focus,button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.hid{visibility:hidden}.header{position:sticky;top:0;z-index:100;background:#151618d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:.65rem 1rem}.header-inner{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:.5rem;color:var(--text)}.logo{font-size:1.02rem;font-weight:800}.stack{font-size:.6rem;color:var(--muted);background:#ffffff0f;border-radius:var(--r-full);padding:.15rem .5rem}.main{width:100%;max-width:660px;margin:0 auto;padding:1rem 1rem 5.6rem;display:flex;flex-direction:column;gap:.75rem}.main.main-shell{max-width:none;width:100%;margin:0}.empty{text-align:center;color:var(--muted-2);padding:2rem 0;font-size:.8rem}.center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.big-emoji{font-size:2.8rem}.tiny{font-size:.7rem;color:var(--muted)}.lbl{display:block;font-size:.76rem;color:var(--muted);margin:.5rem 0 .3rem}.btn{border:none;border-radius:var(--r-full);font-weight:800;min-height:44px;padding:.72rem 1.4rem;font-size:.86rem;cursor:pointer;transition:background .15s,transform .12s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--cream);color:var(--on-cream)}.btn.primary:hover{background:#efe4a9}.btn.ghost{background:var(--card2);color:var(--text)}.btn.ghost:hover{background:#2c2d33}.btn.full{width:100%}.toast{position:fixed;top:1.2rem;left:50%;transform:translate(-50%);padding:.7rem 1.4rem;border-radius:var(--r-full);font-weight:700;z-index:1200;box-shadow:0 4px 20px #0000004d;max-width:calc(100vw - 1.5rem);text-align:center;animation:toastIn .3s ease}.toast.ok,.toast.success{background:var(--pos);color:#10201c}.toast.no,.toast.error{background:var(--neg);color:#2a1219}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-14px)}}.main>*{width:100%}@media(min-width:1024px){.main{max-width:860px;padding:2rem 2rem 6.5rem}.main.main-shell{max-width:none;padding:1.4rem 1.25rem 6rem}}@media(min-width:1440px){.main{max-width:960px}.main.main-shell{max-width:none}}