:root{--bg:#f6f5f1;--surface:#fff;--surface-alt:#fbfaf7;--line:#1111111a;--line-strong:#1113;--text:#111;--muted:#5f646b;--soft:#878d96;--accent:#f2c230;--accent-soft:#f2c2302e;--selected:#f4f4ef;--success:#f2f5ed;--shadow:0 12px 32px #1111110b}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block}.screen{width:min(100%,760px);margin:0 auto;padding:18px 14px 42px}.topbar{gap:12px;margin-bottom:18px;display:grid}.brandBlock{gap:6px;display:grid}.topbar__eyebrow,.section__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin:0;font-size:.72rem}.topbar__title{letter-spacing:-.055em;max-width:12ch;margin:0;font-size:clamp(2.15rem,8vw,3.45rem);line-height:.96}.countdown{border:1px solid var(--line);min-height:48px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:inline-flex}.countdown__label{font-size:.88rem}.countdown strong{color:var(--text);letter-spacing:-.03em;font-size:.95rem}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}.hero,.section,.statsCard{margin-bottom:14px;padding:18px}.hero{text-align:center;gap:16px;display:grid;position:relative;overflow:hidden}.hero__topline{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hero__status,.hero__pulse{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:8px 12px;font-size:.84rem;display:inline-flex}.hero__status{background:var(--surface-alt);color:var(--muted)}.hero__pulse{color:var(--soft);background:#ffffffe6}.hero__art{justify-content:center;padding:10px 0 2px;display:flex;position:relative}.hero__halo{background:radial-gradient(circle,var(--accent-soft)0%,#f2c23000 68%);filter:blur(4px);border-radius:50%;width:min(76vw,280px);height:min(76vw,280px);position:absolute;inset:18px auto auto 50%;transform:translate(-50%)}.hero__artFrame{background:radial-gradient(circle at 50% 30%,#fffffff0,#fff0 60%),linear-gradient(#fff 0%,#faf9f4 100%);border:1px solid #1111110f;border-radius:30px;justify-content:center;align-items:center;width:min(100%,330px);min-height:290px;display:flex;position:relative}.hero__artFrame:after{content:"";filter:blur(10px);background:#11111114;border-radius:999px;width:132px;height:18px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero__image{width:min(70vw,250px);height:auto;animation:5.4s ease-in-out infinite bob;position:relative}.hero__copy{gap:10px;display:grid}.hero__copy h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.55rem,5vw,2.45rem);line-height:1.02}.hero__lede,.hero__deadpan{max-width:34ch;margin:0 auto}.hero__lede{color:var(--muted);line-height:1.45}.hero__deadpan{color:var(--soft);font-size:.95rem;line-height:1.4}.section__head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.section__head h2{letter-spacing:-.03em;margin:4px 0 0;font-size:1.25rem;line-height:1.05}.section__hint{color:var(--soft);white-space:nowrap;font-size:.82rem}.voteList{gap:10px;display:grid}.voteCard{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:22px;grid-template-columns:auto 1fr;align-items:start;gap:12px;width:100%;padding:16px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:grid}.voteCard:hover{border-color:var(--line-strong);transform:translateY(-1px)}.voteCard__index{border:1px solid var(--line);width:36px;height:36px;color:var(--soft);background:var(--surface-alt);border-radius:50%;justify-content:center;align-items:center;font-size:.84rem;display:inline-flex}.voteCard__body{gap:5px;display:grid}.voteCard__body strong{letter-spacing:-.02em;font-size:1rem;line-height:1.22}.voteCard__body span{color:var(--muted);font-size:.93rem;line-height:1.4}.voteCard__meta{grid-column:2;justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.voteCard__meta small,.voteCard__meta em{color:var(--soft);font-size:.83rem;font-style:normal}.voteCard.is-selected{background:var(--selected);border-color:var(--text);box-shadow:inset 0 0 0 1px #1111110a}.voteCard.is-selected .voteCard__index{color:var(--text);background:#fffc;border-color:#1111112e}.voteCard.is-selected .voteCard__meta em{color:var(--text)}.pillWrap{flex-wrap:wrap;gap:10px;display:flex}.statPill{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;flex:calc(50% - 10px);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:12px 15px;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.statPill:hover{border-color:var(--line-strong);transform:translateY(-1px)}.statPill span{color:var(--muted);line-height:1.2}.statPill strong{font-size:.92rem}.statPill.is-selected{border-color:var(--text);background:var(--selected)}.feedbackStrip{background:var(--success);color:var(--muted);border:1px solid #11111114;border-radius:18px;margin-top:14px;padding:14px 15px;line-height:1.4}.feedbackStrip strong{color:var(--text)}.statsStrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.statMini{border:1px solid var(--line);background:var(--surface-alt);border-radius:18px;gap:6px;padding:14px;display:grid}.statMini span{color:var(--muted);font-size:.88rem}.statMini strong{letter-spacing:-.03em;font-size:1.08rem}.bottomNav{grid-template-columns:1fr 1fr;gap:12px;display:grid}.navCard{border:1px solid var(--line);background:#ffffffc2;border-radius:22px;gap:4px;padding:16px;display:grid}.navCard span{letter-spacing:-.02em;font-weight:600}.navCard small{color:var(--muted);line-height:1.35}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (min-width:640px){.screen{padding:28px 20px 60px}.topbar{grid-template-columns:1fr auto;align-items:end}.countdown{justify-self:end}.hero,.section,.statsCard{padding:24px}.statPill{flex:0 auto}}@media (min-width:768px){.hero{padding:28px}.hero__artFrame{min-height:340px}.statsStrip{grid-template-columns:repeat(5,minmax(0,1fr))}}
