:root{--cream: #fdf6f0;--cream-deep: #f6e7dc;--ink: #3a2f2a;--ink-soft: #7a6a62;--boy: #4a9bd4;--boy-deep: #2f7bb0;--girl: #e2739a;--girl-deep: #c9527d;--card: #fffdfb;--line: rgba(58, 47, 42, .1);--shadow: 0 8px 30px rgba(58, 47, 42, .08);--radius: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0%,#fff4ea 0%,var(--cream) 45%),linear-gradient(160deg,var(--cream) 0%,var(--cream-deep) 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}.page{max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.25rem}.hero{text-align:center;padding:.5rem 0 .75rem}.hero__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--ink-soft)}.hero__title{font-size:clamp(2.25rem,9vw,3.25rem);line-height:1.05;margin:.4rem 0 .35rem;background:linear-gradient(100deg,var(--boy-deep),var(--girl-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{color:var(--ink-soft);font-size:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.gate{display:flex;flex-direction:column;gap:.5rem}.gate__title{font-size:1.35rem}.gate__hint,.vote__hint{color:var(--ink-soft);font-size:.925rem;margin-bottom:.5rem}.gate__label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.gate__input{font:inherit;font-size:1.05rem;padding:.85rem 1rem;border:2px solid var(--line);border-radius:14px;background:var(--cream);color:var(--ink);width:100%}.gate__input:focus-visible{outline:none;border-color:var(--girl);box-shadow:0 0 0 4px #e2739a2e}.btn{font:inherit;font-weight:700;font-size:1.05rem;border:none;border-radius:16px;padding:1rem 1.25rem;cursor:pointer;color:#fff;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn--primary{background:linear-gradient(135deg,var(--girl),var(--girl-deep));margin-top:.5rem;box-shadow:0 6px 18px #c9527d4d}.btn--boy{background:linear-gradient(135deg,var(--boy),var(--boy-deep));box-shadow:0 6px 18px #2f7bb04d}.btn--girl{background:linear-gradient(135deg,var(--girl),var(--girl-deep));box-shadow:0 6px 18px #c9527d4d}.btn__emoji{font-size:1.2rem}.btn--ghost{background:var(--cream);color:var(--ink);border:2px solid var(--line);box-shadow:none}.edit{display:flex;flex-direction:column;gap:.5rem}.edit__title{font-size:1.35rem;margin-bottom:.25rem}.edit__fixed{display:flex;align-items:center;gap:.4rem;color:var(--ink-soft);font-size:.925rem;margin-top:.6rem}.edit__actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.edit__actions .btn--primary{margin-top:0}.claim{display:flex;flex-direction:column;gap:.6rem}.claim__title{font-size:1.35rem}.claim__body{color:var(--ink-soft);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.claim__buttons{display:flex;flex-direction:column;gap:.6rem;margin-top:.35rem}.claim__hint{font-size:.85rem;color:var(--ink-soft);text-align:center}.linkbtn{font:inherit;font-size:.9rem;background:none;border:none;padding:0;color:var(--ink-soft);text-decoration:underline;cursor:pointer}.linkbtn:hover{color:var(--ink)}.vote{display:flex;flex-direction:column;gap:.35rem}.vote__greeting{color:var(--ink-soft);font-size:.95rem}.vote__title{font-size:1.35rem}.vote__buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}@media(max-width:380px){.vote__buttons{grid-template-columns:1fr}}.locked{text-align:center;display:flex;flex-direction:column;gap:.4rem}.locked__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--ink-soft)}.locked__value{font-size:1.75rem;font-weight:800}.locked__value--boy{color:var(--boy-deep)}.locked__value--girl{color:var(--girl-deep)}.results__title{font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:#48bb78;box-shadow:0 0 #48bb7899;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px #48bb7800}to{box-shadow:0 0 #48bb7800}}.stats__row{display:flex;justify-content:space-between;margin-bottom:.75rem}.stats__side{display:flex;flex-direction:column;gap:.1rem}.stats__side--girl{text-align:right}.stats__label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.stats__side--boy .stats__label,.stats__side--boy .stats__count{color:var(--boy-deep)}.stats__side--girl .stats__label,.stats__side--girl .stats__count{color:var(--girl-deep)}.stats__count{font-size:2.25rem;font-weight:800;line-height:1}.stats__pct{font-size:.9rem;color:var(--ink-soft)}.bar{display:flex;height:22px;border-radius:999px;overflow:hidden;background:var(--cream-deep)}.bar__boy,.bar__girl{transition:width .6s cubic-bezier(.34,1.2,.64,1)}.bar__boy{background:linear-gradient(90deg,var(--boy),var(--boy-deep))}.bar__girl{background:linear-gradient(90deg,var(--girl-deep),var(--girl))}.stats__total{text-align:center;margin-top:.75rem;color:var(--ink-soft);font-size:.9rem}.feed{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.feed__title{font-size:1.1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.feed__count{font-size:.8rem;font-weight:700;color:var(--ink-soft);background:var(--cream-deep);border-radius:999px;padding:.1rem .55rem}.feed__list{list-style:none;display:flex;flex-direction:column}.feed__list--scroll{max-height:21rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cream-deep) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1.5rem),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 1.5rem),transparent 100%);padding-right:.35rem}.feed__list--scroll:focus-visible{outline:3px solid var(--girl);outline-offset:4px;border-radius:8px}.feed__list--scroll::-webkit-scrollbar{width:6px}.feed__list--scroll::-webkit-scrollbar-thumb{background:var(--cream-deep);border-radius:999px}.feed__item{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.feed__item:last-child{border-bottom:none}.feed__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed__time{margin-left:auto;font-size:.8rem;color:var(--ink-soft);flex-shrink:0}.pill{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;color:#fff;flex-shrink:0}.pill--boy{background:var(--boy-deep)}.pill--girl{background:var(--girl-deep)}.reveal{border-radius:var(--radius);padding:1.75rem 1.5rem;text-align:center;color:#fff;box-shadow:var(--shadow)}.reveal--boy{background:linear-gradient(135deg,var(--boy),var(--boy-deep))}.reveal--girl{background:linear-gradient(135deg,var(--girl),var(--girl-deep))}.reveal__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;opacity:.85}.reveal__headline{font-size:clamp(2rem,8vw,2.75rem);font-weight:800;margin:.35rem 0}.reveal__verdict{font-size:1rem;opacity:.95}.page--display{max-width:1100px;padding-top:3rem}.hero--display .hero__title{font-size:clamp(3rem,8vw,5.5rem)}.stats--large .stats__count{font-size:clamp(3.5rem,12vw,7rem)}.stats--large .stats__label,.stats--large .stats__pct{font-size:clamp(1rem,2.5vw,1.5rem)}.stats--large .bar{height:42px}.stats--large .stats__total{font-size:1.25rem}.reveal--large .reveal__headline{font-size:clamp(3rem,12vw,7rem)}.display__cta{text-align:center;color:var(--ink-soft);font-size:1.1rem;margin-top:1rem}.error{color:#c53030;font-size:.9rem;background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;padding:.6rem .8rem}.muted{color:var(--ink-soft);text-align:center}.devreset{position:fixed;right:.75rem;bottom:.75rem;z-index:50;font:inherit;font-size:.8rem;display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-radius:999px;border:1px dashed var(--ink-soft);background:#fffdfbeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-soft);cursor:pointer;opacity:.65}.devreset:hover{opacity:1;border-style:solid}.devreset__tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--cream-deep);border-radius:999px;padding:.05rem .4rem}.teaser{text-align:center;color:var(--ink-soft);font-size:.95rem;padding:.25rem 1rem}.footer{text-align:center;margin-top:.5rem}.footer .linkbtn{text-decoration:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}