:root{--ink:#20201e;--paper:#f7f2e8;--card:#fffdf8;--coral:#f2674f;--coral-dark:#d74a36;--blue:#243f9b;--line:#d8d0c2;--muted:#706b62;--shadow:0 18px 55px rgba(43,38,29,.12)}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);font-family:ui-rounded,"SF Pro Rounded","Avenir Next",Avenir,sans-serif;background:radial-gradient(circle at 8% 15%,rgba(242,103,79,.12),transparent 27rem),radial-gradient(circle at 92% 80%,rgba(36,63,155,.1),transparent 29rem);display:flex;flex-direction:column}.site-header,footer{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between}.site-header{height:84px}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-weight:800}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:50% 48% 45% 55%;background:var(--coral);color:white;font:800 15px/1 Georgia,serif;transform:rotate(-6deg)}main{flex:1;width:min(1180px,calc(100% - 40px));margin:auto;display:grid;align-items:center}.view{width:100%;padding:48px 0 72px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:clamp(40px,8vw,110px);align-items:center}.eyebrow{margin:0 0 14px;color:var(--coral-dark);font-size:.77rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2{font-family:Georgia,"Times New Roman",serif;line-height:1.02;letter-spacing:-.035em}h1{font-size:clamp(3rem,6.5vw,6.4rem);margin:0;max-width:880px}.hero h1{font-size:clamp(3.5rem,6.8vw,6.4rem)}h2{font-size:2rem}.lede{max-width:640px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55;color:var(--muted)}.steps{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px;font-size:.9rem;font-weight:700}.steps span{display:flex;align-items:center;gap:8px}.steps b{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--ink);border-radius:50%}.card{background:rgba(255,253,248,.92);border:1px solid rgba(32,32,30,.13);border-radius:24px;box-shadow:var(--shadow)}.create-card{display:flex;flex-direction:column;padding:clamp(24px,4vw,42px)}label{font-weight:800;margin:0 0 8px}input,textarea,select{width:100%;border:1.5px solid var(--line);border-radius:12px;background:white;color:var(--ink);font:inherit;padding:14px 15px;margin-bottom:21px;outline:none;transition:.15s border,.15s box-shadow}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,63,155,.12)}.field-help{color:var(--muted);font-size:.88rem;line-height:1.5;margin:-12px 0 20px}.form-row{display:grid;grid-template-columns:1fr 150px;align-items:center}.form-row select{margin-bottom:12px}details{margin:0 0 20px;color:var(--muted);font-size:.88rem}summary{cursor:pointer;margin-bottom:12px}.primary-button,.secondary-button{border:0;border-radius:999px;padding:15px 20px;font:800 1rem/1 inherit;cursor:pointer;text-decoration:none;text-align:center;transition:.15s transform,.15s background}.primary-button{display:flex;align-items:center;justify-content:space-between;background:var(--coral);color:white;box-shadow:0 8px 20px rgba(242,103,79,.25)}.primary-button:hover{background:var(--coral-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{display:inline-block;background:transparent;color:var(--blue);border:1.5px solid var(--blue)}.text-button{border:0;background:none;color:inherit;font:700 .9rem inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.error{min-height:1.2em;color:#a52920;font-size:.9rem;margin:13px 0 0}.centered{text-align:center;max-width:760px;margin:auto}.centered h1,.results-view h1{font-size:clamp(3rem,7vw,5.8rem);margin:auto}.centered>p:not(.eyebrow){font-size:1.1rem;color:var(--muted)}.success-burst{display:grid;place-items:center;width:65px;height:65px;margin:0 auto 22px;background:var(--blue);color:white;border-radius:47% 53% 46% 54%;font-size:1.7rem;transform:rotate(-5deg)}.copy-row{display:flex;margin:38px auto 22px;max-width:650px}.copy-row input{margin:0;border-radius:999px 0 0 999px}.copy-row .primary-button{border-radius:0 999px 999px 0;white-space:nowrap}.centered>.secondary-button{margin-bottom:25px}.vote-view{padding-top:18px}.vote-heading{text-align:center}.vote-heading h1{font-size:clamp(2rem,5vw,4.4rem);margin:auto}.vote-heading #round-label{color:var(--muted)}.arena{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;margin:35px auto 15px;max-width:1000px}.option-card{position:relative;padding:0;overflow:hidden;border:3px solid transparent;border-radius:22px;background:var(--card);box-shadow:var(--shadow);cursor:pointer;transition:.16s transform,.16s border}.option-card:hover,.option-card:focus-visible{transform:translateY(-5px);border-color:var(--coral)}.option-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:white}.option-card span{display:block;padding:14px;font:800 1rem inherit}.versus{font:italic 1.15rem Georgia,serif;color:var(--muted)}.tap-hint{text-align:center;color:var(--muted);font-size:.9rem}.winner-card{max-width:520px;margin:28px auto}.winner-card img{display:block;width:100%;border-radius:20px;box-shadow:var(--shadow)}.link-button{display:inline-flex;margin-top:15px;gap:25px}.results-view{text-align:center;max-width:900px;margin:auto}.results-view .lede{margin:18px auto 35px}.ranking{display:grid;gap:18px}.rank-item{display:grid;grid-template-columns:60px 190px 1fr;gap:20px;align-items:center;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;text-align:left}.rank-item:first-child{border:3px solid var(--coral);box-shadow:var(--shadow)}.rank-number{font:italic 2.2rem Georgia,serif;text-align:center}.rank-item img{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:white}.score-bar{height:8px;border-radius:8px;background:#e9e3d8;overflow:hidden;margin-top:9px}.score-fill{height:100%;background:var(--blue);border-radius:8px}.share-actions{margin-top:28px}dialog{width:min(590px,calc(100% - 30px));border:0;border-radius:24px;padding:38px;background:var(--card);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(25,24,22,.48)}dialog li{margin-bottom:15px;line-height:1.45}.dialog-close{float:right;border:0;background:none;font-size:2rem;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{min-height:76px;border-top:1px solid rgba(32,32,30,.1);color:var(--muted);font-size:.82rem}footer a{color:inherit}@media(max-width:780px){.site-header{height:70px}.hero{grid-template-columns:1fr;padding-top:28px}.hero-copy{text-align:center}.steps{justify-content:center}.arena{grid-template-columns:1fr 1fr;gap:10px}.versus{position:absolute;left:50%;z-index:2;background:var(--paper);padding:8px;border-radius:50%;transform:translateX(-50%)}.option-card span{font-size:.85rem}.rank-item{grid-template-columns:40px 110px 1fr;gap:12px;padding:10px}.rank-number{font-size:1.6rem}}@media(max-width:480px){.site-header,footer,main{width:min(100% - 24px,1180px)}.brand>span:last-child{display:none}.view{padding-bottom:45px}.hero h1{font-size:3.2rem}.steps{gap:10px;font-size:.76rem}.create-card{border-radius:18px}.copy-row{display:block}.copy-row input,.copy-row .primary-button{width:100%;border-radius:999px}.copy-row input{margin-bottom:9px}.rank-item{grid-template-columns:35px 85px 1fr}.rank-item p{font-size:.82rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}