:root{--color-primary-1: #7c3aed;--color-primary-2: #2563eb;--color-bg-1: #f5f3ff;--color-bg-2: #eef2ff;--color-bg-3: #eff6ff;--color-surface: #ffffff;--color-border: #e4e7f5;--color-text: #1f2333;--color-text-muted: #6b7280;--radius-lg: 20px;--radius-md: 14px;--shadow-card: 0 4px 20px rgba(76, 81, 191, .08);--gradient-primary: linear-gradient(135deg, var(--color-primary-1), var(--color-primary-2))}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.6;color:var(--color-text);background:linear-gradient(160deg,var(--color-bg-1) 0%,var(--color-bg-2) 45%,var(--color-bg-3) 100%);background-attachment:fixed;min-height:100vh}.app{max-width:720px;margin:0 auto;padding:32px 20px 20px;min-height:100vh;display:flex;flex-direction:column}.app h1{font-size:clamp(1.5rem,5vw,2.1rem);font-weight:800;margin:0 0 8px;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--color-text-muted);margin:0 0 28px}.questions{counter-reset:q;display:flex;flex-direction:column;gap:18px;margin-bottom:8px}.question{counter-increment:q;position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 20px 20px 60px;margin:0}.question:before{content:counter(q);position:absolute;left:18px;top:20px;width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.question h3{margin:2px 0 12px;font-size:1.02rem}.choices{display:flex;flex-direction:column;gap:10px}.choice-label{position:relative;display:flex;align-items:center;gap:8px;padding:13px 40px 13px 16px;background:#f8f9fc;border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.choice-label:hover{border-color:#b9c2f0;background:#f0f2ff}.choice-label input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.choice-label:has(input:checked){border-color:var(--color-primary-2);background:linear-gradient(135deg,#7c3aed14,#2563eb14);box-shadow:0 0 0 3px #2563eb1f}.choice-label:has(input:checked):after{content:"✓";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-primary-2);font-weight:700}.choice-label:has(input:focus-visible){outline:2px solid var(--color-primary-2);outline-offset:2px}button.diagnose-button{padding:14px 36px;font-size:1rem;font-weight:700;border-radius:999px;border:none;background:var(--gradient-primary);color:#fff;cursor:pointer;align-self:center;margin-top:8px;box-shadow:0 8px 20px #4c1d9540;transition:transform .15s ease,box-shadow .15s ease}button.diagnose-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #4c1d9552}button.diagnose-button:active:not(:disabled){transform:translateY(0)}button.diagnose-button:disabled{background:#c7cad6;color:#f4f4f6;box-shadow:none;cursor:not-allowed}.result-view{text-align:center;padding:8px 0 24px}.result-view h2{font-size:1.4rem;margin:0 0 20px;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.result-view>ul{list-style:none;padding:20px 24px;margin:0 0 24px;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.result-view>ul>li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid #f0f1f7}.result-view>ul>li:last-child{border-bottom:none}.result-view>ul>li:before{content:"💡";position:absolute;left:0;top:9px;font-size:.9rem}.checklist{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 24px;margin-bottom:24px}.checklist h3{margin:0 0 12px;font-size:1.02rem}.checklist ul{list-style:none;padding:0;margin:0}.checklist li{position:relative;padding:10px 0;border-bottom:1px solid #f0f1f7}.checklist li:last-child{border-bottom:none}.checklist input[type=checkbox]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0;opacity:0;cursor:pointer}.checklist label{position:relative;display:block;padding-left:28px;cursor:pointer}.checklist label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid #c7cad6;border-radius:5px;background:#fff;box-sizing:border-box}.checklist input:checked+label:before{background:var(--gradient-primary);border-color:transparent}.checklist input:checked+label:after{content:"";position:absolute;left:6px;top:50%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translateY(-65%) rotate(45deg)}.checklist input:focus-visible+label:before{outline:2px solid var(--color-primary-2);outline-offset:2px}.disclaimer-banner{position:relative;font-size:.85rem;color:#7c4a03;background:linear-gradient(135deg,#fff7ed,#fef3e2);border:1px solid #fcd9a8;border-radius:var(--radius-md);padding:14px 16px 14px 44px;margin:16px 0}.disclaimer-banner:before{content:"⚠️";position:absolute;left:14px;top:13px;font-size:1rem}.disclaimer-banner.footer{margin-top:auto}@media (max-width: 480px){.app{padding:24px 14px 14px}.question{padding:18px 16px 18px 52px}.question:before{left:14px}}