:root{--page: #fafafa;--surface: #ffffff;--glass: rgba(255, 255, 255, .7);--ink: #171717;--ink-soft: rgba(23, 23, 23, .72);--ink-faint: rgba(23, 23, 23, .5);--border: #d4d4d4;--border-strong: #171717;--orange: #e08b4e;--violet: #8b5cf6;--r-sm: 2px;--r-pill: 9999px;--shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, .05) 0 1px 2px 0, rgb(255, 255, 255) 0 0 0 2px;--shell: linear-gradient( 135deg, rgba(23, 23, 23, .65), rgba(224, 139, 78, .5) 45%, rgba(139, 92, 246, .4) 75%, rgba(23, 23, 23, .3) );--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px;--s12: 48px;--s16: 64px;--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.tnum{font-variant-numeric:tabular-nums}a{color:inherit}h1,h2,h3{font-weight:700;letter-spacing:-.02em;margin:0}.container{max-width:1080px;margin:0 auto;padding:0 var(--s6)}.stack>*+*{margin-top:var(--s4)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow)}.glass{background:var(--glass);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--border);border-radius:var(--r-sm)}.shell{display:inline-block;padding:1px;border-radius:var(--r-pill);background:var(--shell)}.shell-inner{border-radius:calc(var(--r-pill) - 1px);background:var(--surface)}.btn{display:inline-flex;align-items:center;gap:var(--s2);font:inherit;font-weight:500;padding:var(--s2) var(--s4);border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--ink);color:#fff;cursor:pointer;transition:opacity .15s var(--ease),color .15s var(--ease),background .15s var(--ease)}.btn:hover{opacity:.85}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn-ghost:hover{border-color:var(--border-strong);opacity:1}.btn-google{background:#fff;color:var(--ink);border:1px solid var(--border);padding:var(--s3) var(--s6);font-weight:600}.btn-google:hover{box-shadow:var(--shadow);opacity:1}.chip{display:inline-flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s3);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);font-size:13px;cursor:pointer;transition:all .15s var(--ease)}.chip[data-active=true]{border-color:var(--border-strong);background:var(--ink);color:#fff}.badge{display:inline-flex;align-items:center;padding:2px var(--s2);border-radius:var(--r-pill);font-size:12px;font-weight:500;border:1px solid var(--border)}.badge-cheapest{color:#fff;background:var(--orange);border-color:var(--orange)}.badge-stale{color:var(--orange);border-color:var(--orange);background:#e08b4e14}.badge-unlimited{color:var(--violet);border-color:var(--violet);background:#8b5cf614}.soft{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17171766;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--s4);z-index:50}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow);max-width:440px;width:100%;padding:var(--s8)}.reveal{opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.reveal[data-shown=true]{opacity:1;transform:none}