:root{--gray-50:#f7f6f2;--gray-900:#2c2c2a;--gray-600:#5f5e5a;--purple-800:#3c3489;--purple-600:#534ab7;--purple-50:#eeedfe;--pink-bg:#fbeaf0;--pink-text:#72243e;--meter-green:#1d9e75;--meter-yellow:#ef9f27;--meter-red:#e24b4a;--white:#fff;--line:#e2e0d8}*{box-sizing:border-box}body{background:var(--gray-50);color:var(--gray-900);margin:0;font-family:Hiragino Kaku Gothic ProN,Meiryo UI,Yu Gothic,sans-serif;font-size:14px;line-height:1.7}.page{max-width:640px;margin:0 auto;padding:0 20px 24px}.band{background:var(--purple-800);color:var(--white);margin:0 -20px 16px;padding:14px 20px;font-size:16px;font-weight:700}.lead{margin:0 0 16px}.progress{z-index:1;background:var(--gray-50);align-items:center;gap:12px;margin:0 -20px 16px;padding:10px 20px;display:flex;position:sticky;top:0}.progress-bar{background:var(--line);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--purple-600);height:100%;transition:width .2s}.progress-text{color:var(--gray-600);white-space:nowrap;font-size:13px}.card{background:var(--white);border-radius:14px;margin-bottom:14px;padding:16px}.card h3{color:var(--purple-800);margin:0 0 10px;font-size:14px}.question-text{margin:0 0 12px;font-size:14px}.question-no{color:var(--purple-600);margin-right:8px;display:inline-block}.options{flex-direction:column;gap:8px;display:flex}.option{border:1px solid var(--line);background:var(--white);width:100%;color:var(--gray-900);font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.option-dot{border:2px solid var(--line);border-radius:50%;flex:none;width:16px;height:16px}.option.selected{border-color:var(--purple-600);background:var(--purple-50)}.option.selected .option-dot{border-color:var(--purple-600);background:radial-gradient(var(--purple-600) 45%, transparent 50%)}.primary,.secondary{width:100%;font:inherit;cursor:pointer;border-radius:10px;padding:14px;font-weight:700;display:block}.primary{background:var(--purple-800);color:var(--white);border:none}.secondary{border:1px solid var(--purple-800);background:var(--white);color:var(--purple-800)}.error{color:var(--meter-red);margin:0 0 10px;font-size:13px}.result-head{text-align:center}.avatar{background:var(--purple-50);border-radius:50%;width:72px;height:72px;margin:0 auto 6px;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-name{color:var(--gray-600);margin:0 0 8px;font-size:13px}.type-label{color:var(--purple-600);margin:0;font-size:12px}.type-name{color:var(--purple-800);margin:2px 0 8px;font-size:18px}.catch{margin:0}.battery-row{align-items:center;gap:14px;display:flex}.battery{border:2px solid var(--gray-600);border-radius:6px;flex:1;height:28px;padding:3px;position:relative}.battery:after{content:"";background:var(--gray-600);border-radius:0 2px 2px 0;width:4px;height:10px;position:absolute;top:7px;right:-7px}.battery-fill{border-radius:3px;height:100%;transition:width .6s ease-out}.battery-fill.green{background:var(--meter-green)}.battery-fill.yellow{background:var(--meter-yellow)}.battery-fill.red{background:var(--meter-red)}.battery-pct{text-align:right;min-width:3em;font-size:20px;font-weight:700}.checks,.signs{margin:0;padding:0;list-style:none}.checks li,.signs li{margin-bottom:6px;padding-left:1.5em;position:relative}.checks li:before{content:"✓";color:var(--purple-600);font-weight:700;position:absolute;left:0}.signs li:before{content:"・";color:var(--gray-600);position:absolute;left:.2em}.selfcare{background:var(--pink-bg);color:var(--pink-text)}.selfcare h3{color:var(--pink-text)}.selfcare p{margin:0}.footer{color:var(--gray-600);text-align:center;margin-top:24px;font-size:12px}