:root{color-scheme:light;--bg-1: #f5f7fa;--bg-2: #eef1f6;--ink: #2a3f4d;--card: #fafbfc;--primary: #5a8fa3;--primary-strong: #4a7f93;--secondary: #d4e4f0;--secondary-strong: #c4d4e0;--input: #ffffff;--border: #d8e2ea}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:DotGothic16,sans-serif;font-weight:400;color:var(--ink);background:url(/assets/bg-DCPiMa5n.png) center center / cover no-repeat}.app{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.card{width:min(680px,100%);background:var(--card);padding:1rem 1.25rem;animation:reveal .42s ease both;box-shadow:0 0 18px 4px #ffffff2e,0 0 48px 12px #ffffff12}h1,h2{margin:0;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:0;border:1px solid var(--border);background:var(--input);color:var(--ink);font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.choice-input:focus{outline:none;border-color:#5a8fa366;background:#fff;box-shadow:0 0 0 3px #5a8fa31f}.button-row{display:flex;gap:.7rem;flex-wrap:wrap}.btn{border:0;font:inherit;font-weight:400;cursor:pointer;padding:.7rem 1rem;transition:all .15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(.97)}.btn:active{transform:translateY(0)}.btn-primary{background:#5a8fa399;color:#3a5a6f}.btn-primary:hover{background:#d278328c}.btn-secondary{background:#d4e4f099;color:#2a4a5f}.btn-secondary:hover{background:#c4d4e0b3}.result-text{margin:.95rem 0 1.1rem;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;color:#3a5a6f}.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}.button-row{display:grid;grid-template-columns:1fr}.btn{width:100%}}#inputView,#resultView{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(212,228,240,.15),transparent 60%),linear-gradient(135deg,#fafbfc99,#f5f7f999);color:#2a3f4d}#inputView h1,#inputView .choice-label,#inputView .choice-input,#resultView h2,#resultView .result-text{margin-bottom:.95rem;letter-spacing:.5px;font-weight:700;font-size:clamp(1.9rem,4vw,2.5rem)}#inputView .choices-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-bottom:1.15rem}#inputView .choice-wrapper{gap:.45rem}#inputView .choice-label{font-size:.9rem;opacity:.8;font-weight:400;letter-spacing:.3px}#inputView .choice-emoji{font-size:1rem}#inputView .choice-input{aspect-ratio:auto;min-height:auto;font-size:1rem;line-height:1.5;resize:vertical;border-radius:0;border:1px solid rgba(150,170,190,.3);background:#fffc;padding:.72rem .8rem;caret-color:#3a4a5a;transition:all .2s ease}#inputView .choice-input::placeholder{color:#3a4a5a66}#inputView .choice-input:focus{border-color:#6496b480;background:#fff;box-shadow:0 0 0 3px #6496b41a;outline:none}#inputView .button-row{justify-content:flex-end}#resultView h2{letter-spacing:.5px;font-size:clamp(1.8rem,3.8vw,2.3rem);font-weight:700}#resultView .result-text{margin:.9rem 0 1.2rem;color:#3a4a5a;font-size:clamp(1.3rem,3vw,2rem);line-height:1.2;font-weight:700}@media (max-width: 420px){#inputView .choices-container{grid-template-columns:1fr}}