@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Inter:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box}:root{--bg:#0a0a1a;--card-bg:#ffffff0d;--card-border:#ffffff14;--accent-start:#6366f1;--accent-end:#8b5cf6;--text:#e2e8f0;--text-muted:#94a3b8;--level1:#22c55e;--level2:#84cc16;--level3:#eab308;--level4:#f97316;--level5:#ef4444}body{background:var(--bg);color:var(--text);background-image:radial-gradient(at 20% 20%,#6366f114 0%,#0000 50%),radial-gradient(at 80% 80%,#8b5cf60f 0%,#0000 50%);min-height:100vh;margin:0;font-family:Noto Sans JP,sans-serif}#root{min-height:100vh}p,h1,h2,h3{margin:0}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));color:#fff;letter-spacing:.02em;border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:700;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary.disabled,.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:var(--card-bg);color:var(--text-muted);border:1px solid var(--card-border);border-radius:12px;padding:14px 24px;font-size:.95rem;transition:background .2s}.btn-secondary:hover{background:#ffffff14}.welcome-screen{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.welcome-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;width:100%;max-width:480px;padding:48px 40px}.welcome-icon{margin-bottom:16px;font-size:3.5rem}.welcome-title{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Inter,sans-serif;font-size:2.8rem;font-weight:700}.welcome-subtitle{color:var(--text);margin-bottom:6px;font-size:1.1rem;font-weight:700}.welcome-desc{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.welcome-info{color:var(--text-muted);justify-content:center;gap:8px;margin-bottom:32px;font-size:.85rem;display:flex}.welcome-info .dot{opacity:.4}.progress-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:10;background:#0a0a1aeb;padding:16px 20px;position:sticky;top:0}.progress-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-category{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.progress-count{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.85rem}.progress-track{background:#ffffff14;border-radius:9999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-start), var(--accent-end));border-radius:9999px;height:100%;transition:width .4s}.form-screen{flex-direction:column;flex:1;display:flex}.questions-list{flex-direction:column;flex:1;gap:16px;width:100%;max-width:720px;margin:0 auto;padding:20px 16px;display:flex}.nav-buttons{justify-content:flex-end;gap:12px;width:100%;max-width:720px;margin:0 auto;padding:16px;display:flex}.validation-msg{text-align:center;color:var(--level4);padding-bottom:16px;font-size:.85rem}.question-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;transition:border-color .2s}.question-card:focus-within{border-color:#6366f166}.question-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.question-number{color:var(--accent-start);background:#6366f126;border-radius:6px;padding:2px 8px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700}.required-badge{color:var(--level4);background:#f9731626;border-radius:4px;padding:2px 6px;font-size:.7rem}.question-text{color:var(--text);white-space:pre-line;margin-bottom:16px;font-size:.95rem;line-height:1.6}.options-list{flex-direction:column;gap:8px;display:flex}.option-btn{border:1px solid var(--card-border);text-align:left;color:var(--text);background:#ffffff08;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9rem;transition:background .15s,border-color .15s;display:flex}.option-btn:hover{background:#6366f114;border-color:#6366f14d}.option-btn.selected{border-color:var(--accent-start);color:#fff;background:#6366f126}.option-indicator{flex-shrink:0;align-items:center;display:flex}.radio-dot{border:2px solid var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s;display:flex}.radio-dot.filled{border-color:var(--accent-start);background:var(--accent-start);box-shadow:0 0 0 3px #6366f140}.checkbox-box{border:2px solid var(--text-muted);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;transition:background .15s,border-color .15s;display:flex}.checkbox-box.checked{background:var(--accent-start);border-color:var(--accent-start)}.option-label{flex:1}.explanation-section{border-top:1px solid var(--card-border);margin-top:14px;padding-top:12px}.explanation-toggle{color:var(--text-muted);text-underline-offset:3px;background:0 0;border:none;padding:4px 0;font-size:.8rem;text-decoration:underline;transition:color .15s}.explanation-toggle:hover{color:var(--text)}.explanation-body{color:var(--text-muted);background:#ffffff05;border-radius:8px;flex-direction:column;gap:8px;margin-top:10px;padding:12px;font-size:.82rem;line-height:1.7;display:flex}.stress-gauge{flex-direction:column;gap:6px;display:flex}.stress-gauge.large{align-items:center;margin:16px 0}.stress-gauge.small{align-items:flex-end}.gauge-label{color:var(--text-muted);font-size:.85rem}.gauge-dots{gap:6px;display:flex}.gauge-dot{background:#ffffff1a;border-radius:50%;width:18px;height:18px;transition:background .3s}.stress-gauge.large .gauge-dot{width:28px;height:28px}.gauge-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gauge-level-label{font-size:.85rem;font-weight:700}.gauge-score{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.8rem}.results-screen{flex-direction:column;flex:1;gap:24px;width:100%;max-width:720px;margin:0 auto;padding:24px 16px 48px;display:flex}.results-header{text-align:center}.results-title{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.8rem;font-weight:700}.results-subtitle{color:var(--text-muted);font-size:.85rem}.total-score-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:32px}.total-score-card h3{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:500}.total-score-value{color:var(--text);margin-bottom:4px;font-family:Inter,sans-serif;font-size:3.5rem;font-weight:700;line-height:1}.total-level-desc{margin-top:8px;font-size:1rem;font-weight:700}.section-title{color:var(--text-muted);margin-bottom:4px;font-size:1rem;font-weight:700}.category-results{flex-direction:column;gap:12px;display:flex}.category-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid;border-radius:12px;overflow:hidden}.category-card-header{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;transition:background .15s;display:flex}.category-card-header:hover{background:#ffffff08}.category-card-info{flex-direction:column;gap:4px;display:flex}.category-name{font-size:.95rem;font-weight:700}.category-level{font-size:.8rem;font-weight:600}.category-card-right{align-items:center;gap:16px;display:flex}.category-score{color:var(--text);white-space:nowrap;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.accordion-icon{color:var(--text-muted);font-size:.75rem}.category-answers{border-top:1px solid var(--card-border);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.answer-row{flex-direction:column;gap:4px;display:flex}.answer-q{color:var(--text-muted);font-size:.82rem;line-height:1.5}.answer-v{color:var(--text);border-left:2px solid var(--accent-start);padding-left:8px;font-size:.88rem;font-weight:500}.restart-btn{align-self:center;margin-top:8px}@media (width<=768px){.welcome-card{padding:36px 24px}.welcome-title{font-size:2.2rem}.nav-buttons{flex-direction:column-reverse}.btn-primary,.btn-secondary{text-align:center;width:100%}.total-score-value{font-size:2.8rem}.category-card-right{gap:8px}.stress-gauge.small .gauge-dots{display:none}}