:root{color-scheme:light;--bg-1: #f6f2e9;--bg-2: #d8e6f4;--ink: #17212e;--card: #fffaf3;--primary: #005f73;--primary-strong: #0a3f4b;--secondary: #e9d8a6;--secondary-strong: #d4bb79;--input: #ffffff;--border: #c9d2dc}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 20%,rgba(0,95,115,.16),transparent 40%),radial-gradient(circle at 80% 10%,rgba(238,155,0,.18),transparent 34%),linear-gradient(150deg,var(--bg-1),var(--bg-2))}.app{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.card{width:min(680px,100%);background:var(--card);border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 40px #091a2b29,inset 0 1px #ffffffbf;border-radius:1.1rem;padding:1.25rem;animation:reveal .42s ease both}h1,h2{margin:0;font-family:Fraunces,serif;letter-spacing:.2px}h1{font-size:clamp(1.9rem,4vw,2.5rem)}h2{font-size:clamp(1.8rem,3.8vw,2.3rem)}.subtitle{margin:.35rem 0 1rem;opacity:.85}.choices-container{display:grid;gap:.7rem;margin-bottom:1rem}.choice-wrapper{display:grid;gap:.35rem}.choice-label{display:inline-flex;align-items:center;gap:.38rem;font-size:.9rem;opacity:.86}.choice-emoji{font-size:1rem;line-height:1}.choice-input{width:100%;padding:.72rem .8rem;border-radius:.7rem;border:1px solid var(--border);background:var(--input);color:var(--ink);font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.choice-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #005f7329}.button-row{display:flex;gap:.7rem;flex-wrap:wrap}.btn{border:0;border-radius:.75rem;font:inherit;font-weight:600;cursor:pointer;padding:.7rem 1rem;transition:transform .15s ease,filter .18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#f3fcff}.btn-primary:hover{background:var(--primary-strong)}.btn-secondary{background:var(--secondary);color:#41320e}.btn-secondary:hover{background:var(--secondary-strong)}.result-text{margin:.95rem 0 1.1rem;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;color:var(--primary-strong)}.hidden{display:none}@keyframes reveal{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.card{padding:1rem;border-radius:.95rem}.button-row{display:grid;grid-template-columns:1fr}.btn{width:100%}}