:root{color:#f5f1e9;background:#19191d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:20rem}button,a{font:inherit}button{cursor:pointer}.site-header,.site-footer,.quiz-shell{width:min(100% - 2rem,72rem);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:1.5rem}.site-header p,.site-footer,.eyebrow,.option-number{margin:0;color:#b9b5c0;font-size:.8125rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.wordmark{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid #4b4852;border-radius:50%;color:inherit;font-size:.875rem;font-weight:800;text-decoration:none}.quiz-shell{padding-block:clamp(3rem,8vw,6.5rem) 3rem}.quiz-intro{max-width:48rem}.quiz-intro h1{max-width:44rem;margin:.85rem 0 1.25rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,7.5vw,6.5rem);font-weight:400;letter-spacing:-.055em;line-height:.92}.quiz-description{max-width:30rem;margin:0;color:#c8c3cc;font-size:1.0625rem;line-height:1.5}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:clamp(2.5rem,6vw,5rem)}.option-card{overflow:hidden;border:1px solid #3f3b45;border-radius:1rem;background:#242329;transition:border-color .16s ease,transform .16s ease}.option-card:has(.choice-button:hover),.option-card:has(.choice-button:focus-visible),.option-card--selected{border-color:#f5f1e9}.option-card--selected{transform:translateY(-.2rem)}.option-visual{display:flex;height:clamp(13rem,30vw,21rem);align-items:end;justify-content:end;padding:1.25rem}.option-visual span{color:#ffffffc7;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,8vw,7.5rem);line-height:.8}.option-visual img{width:100%;height:100%;object-fit:cover}.option-visual--morning{background:radial-gradient(circle at 20% 20%,#ffe1a6 0 9%,transparent 10%),linear-gradient(135deg,#d27445,#f6aa5e 53%,#f9d69e)}.option-visual--night{background:radial-gradient(circle at 77% 23%,#d2cdf8 0 6%,transparent 7%),linear-gradient(135deg,#191d46,#4a356f 56%,#c14675)}.option-copy{padding:1.5rem}.option-copy h2{margin:.5rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:400;letter-spacing:-.035em}.option-copy>p:not(.option-number){min-height:3rem;margin:0;color:#c8c3cc;font-size:1rem;line-height:1.45}.choice-button,.vote-button{border:0;border-radius:999px;font-weight:750}.choice-button{width:100%;margin-top:1.5rem;padding:.8rem 1rem;background:#f5f1e9;color:#1a191d}.choice-button[aria-pressed=true]{background:#c7b4ff}.result-line{display:flex;align-items:baseline;justify-content:space-between;margin-top:1.5rem;color:#d8d3db}.result-line strong{color:#c7b4ff;font-size:1.7rem}.result-line span{font-size:.875rem}.vote-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1.1rem 1.25rem;border:1px solid #3f3b45;border-radius:.85rem;background:#201f24}.vote-panel p{margin:0;color:#d8d3db;font-size:.9375rem}.vote-button{flex:none;padding:.8rem 1.2rem;background:#c7b4ff;color:#17151d}.vote-button:disabled{cursor:not-allowed;opacity:.38}.site-footer{padding-block:1.5rem 2.5rem}@media(max-width:40rem){.option-grid{grid-template-columns:1fr}.option-visual{height:13rem}.vote-panel{align-items:stretch;flex-direction:column}.vote-button{width:100%}}