:root{--bg:#FFFFFF;--text:#1F1D1E;--muted:#5B5860;--accent-red:#C8102E;--accent-purple:#7A2FC4;--purple-tint:#F1E8FB;--btn-dark:#231F20;--border:#E4E1E8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:var(--accent-purple);text-underline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-purple);outline-offset:4px}h1:focus,h2:focus{outline:none}.site-header{border-bottom:1px solid var(--border);padding:17px 20px;font-weight:750;font-size:17px;letter-spacing:-.35px}.site-header>div{max-width:760px;margin:auto}.content{width:100%;max-width:600px;margin:0 auto;padding:24px 20px 32px}.badge{display:inline-block;color:var(--accent-red);background:#fcecef;font-size:11px;line-height:1.5;font-weight:750;letter-spacing:1px;border-radius:30px;padding:6px 11px;margin-bottom:14px}h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0;font-weight:750}h1 span{color:var(--accent-red)}.red-rule{width:44px;height:4px;background:var(--accent-red);border-radius:4px;margin-top:18px}.subline{color:var(--muted);margin:17px 0 26px;line-height:1.55}.progress-label{font-size:11px;font-weight:750;letter-spacing:1.3px;color:var(--muted)}.progress-track{height:4px;background:#f0edf2;margin-top:9px;margin-bottom:22px;border-radius:4px;overflow:hidden}.progress-track>div{height:100%;background:var(--accent-red);transition:width .16s ease-out}h2{font-size:20px;line-height:1.35;letter-spacing:-.3px;margin:0 0 18px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;text-align:left;gap:12px;min-height:60px;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font-size:15px;line-height:1.4;transition:background .12s,border-color .12s}.emoji{font-size:22px;width:28px;flex-shrink:0;text-align:center}.radio{width:17px;height:17px;flex-shrink:0;border:1.5px solid #CCC6D0;border-radius:50%;margin-left:auto}.option.selected{background:var(--purple-tint);border-color:var(--accent-purple)}.selected .radio{border:5px solid var(--accent-purple)}.option:disabled{cursor:default;opacity:1}.back{display:block;border:0;padding:10px 0;background:transparent;color:var(--accent-purple);min-height:44px;margin:-12px 0 9px;font-size:14px}.screen{animation:enter .16s ease-out}@keyframes enter{0%{transform:translateY(5px)}to{transform:translateY(0)}}.site-footer{border-top:1px solid var(--border);max-width:760px;margin:12px auto 0;padding:22px 20px 30px;color:var(--muted);font-size:12px;line-height:1.65}.site-footer p{margin:0 0 9px}.site-footer nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.site-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.checklist{list-style:none;padding:0;margin:24px 0;display:grid;gap:18px}.checklist li{display:flex;gap:12px;font-size:15px;line-height:1.55}.check{color:#247347;font-size:19px;font-weight:800;flex-shrink:0}.benefits{background:#f7f6f8;border:1px solid var(--border);border-radius:12px;padding:20px;margin:26px 0 22px}.benefits h2{font-size:16px;line-height:1.45;margin-bottom:14px}.benefits ul{list-style:none;margin:0;padding:0}.benefits li{font-size:14px;padding:6px 0 6px 12px;border-left:3px solid transparent}.benefits li.highlight{font-weight:700;border-color:var(--accent-purple);background:var(--purple-tint)}.small,.disclosure{font-size:12px;color:var(--muted);line-height:1.55}.small{margin:16px 0 0}.primary{display:block;width:100%;min-height:58px;border:0;border-radius:12px;background:var(--btn-dark);color:#fff;font-weight:700;font-size:16px;padding:15px 12px}.primary:disabled{cursor:default}.disclosure{margin:12px 0 0}.legal h2{margin:28px 0 10px;font-size:18px}.legal p{color:var(--muted)}.return-link{display:inline-flex;min-height:44px;align-items:center;margin-bottom:18px;font-size:14px}@media (hover:hover){.option:hover:not(:disabled){border-color:var(--accent-purple);background:#faf7fe}.primary:hover{background:#393336}.back:hover,a:hover{text-decoration:underline}}@media (min-width:640px){.site-header{padding:20px 32px}.content{padding-top:32px}h1{font-size:34px}.option{font-size:16px;min-height:62px}.site-footer{padding:24px 32px}.result{padding-top:40px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
