:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f8ff;--color-bg-strong:#eef4ff;--color-surface:#ffffffeb;--color-surface-solid:#fff;--color-text:#182034;--color-muted:#5f6981;--color-line:#dfe5f5;--color-primary:#635bff;--color-primary-dark:#3d36cc;--color-blue:#4f8cff;--color-teal:#22a899;--color-amber:#d88914;--color-danger:#c9445a;--radius-card:8px;--radius-pill:999px;--shadow-soft:0 18px 60px #3a497624;--shadow-subtle:0 8px 28px #3a49761a;--space-page:clamp(20px, 5vw, 56px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 0 0,#4f8cff29,#0000 34rem),linear-gradient(135deg,#fbfdff 0%,#f4f1ff 54%,#eef8ff 100%);margin:0}button,input,textarea{font:inherit}button{min-height:44px}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #4f8cff73}h1,h2,p{margin-top:0}p{line-height:1.75}ul{padding-left:1.2rem}li{margin:.4rem 0;line-height:1.7}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{width:min(100%,980px);padding:var(--space-page);margin:0 auto}.shell--narrow{width:min(100%,760px)}.hero-card,.panel,.result-card{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft);border:1px solid #635bff24;position:relative;overflow:hidden}.hero-card{padding:clamp(24px,6vw,64px)}.panel,.result-card{padding:clamp(20px,4.5vw,40px)}.brand-header{align-items:center;gap:14px;margin-bottom:36px;display:flex}.brand-header--compact{margin-bottom:18px}.brand-mark{width:44px;height:44px;box-shadow:var(--shadow-subtle);background:#fff;border:1px solid #635bff33;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:5px;padding:7px;display:grid}.brand-mark span{border-radius:6px}.brand-mark span:first-child{background:var(--color-blue)}.brand-mark span:nth-child(2){background:var(--color-primary)}.brand-mark span:nth-child(3){background:var(--color-teal)}.brand-mark span:nth-child(4){background:var(--color-amber)}.brand-name,.eyebrow,.kicker{margin:0}.brand-name{letter-spacing:0;font-weight:800}.eyebrow,.kicker,.muted,.disclaimer{color:var(--color-muted)}.eyebrow{margin-top:4px;font-size:.92rem;line-height:1.6}.kicker{color:var(--color-primary-dark);margin-bottom:12px;font-weight:700}.hero-card h1{letter-spacing:0;max-width:760px;margin-bottom:22px;font-size:clamp(2rem,6vw,4.2rem);line-height:1.08}.hero-grid{opacity:.18;grid-template-columns:repeat(2,1fr);gap:10px;width:112px;height:112px;display:grid;position:absolute;top:34px;right:34px}.hero-grid span{background:linear-gradient(135deg, var(--color-blue), var(--color-primary));border-radius:8px}.intro-copy{max-width:720px}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.feature-list div,.notice,.auxiliary-panel,.dimension-panel{border:1px solid var(--color-line);border-radius:var(--radius-card);background:#ffffffb8}.feature-list div{padding:16px}.feature-list dt{font-weight:800}.feature-list dd{color:var(--color-muted);margin:6px 0 0;line-height:1.6}.button,.text-button{cursor:pointer;border:0;border-radius:8px;transition:transform .16s,box-shadow .16s,background .16s}.button{justify-content:center;align-items:center;min-width:120px;padding:12px 18px;font-weight:750;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button--primary{color:#fff;background:linear-gradient(135deg, var(--color-blue), var(--color-primary));box-shadow:0 12px 28px #635bff3d}.button--ghost{color:var(--color-primary-dark);background:#eef2ff}.button--danger{color:#fff;background:var(--color-danger)}.button:disabled{cursor:not-allowed;color:#8a93a8;box-shadow:none;background:#e9edf7}.text-button{min-height:auto;color:var(--color-primary-dark);background:0 0;padding:6px 0;font-weight:700}.action-row,.nav-actions,.result-actions,.dialog-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.disclaimer{margin:22px 0 0;font-size:.92rem}.question-topline,.progress-meta,.dimension-bar__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-topline{margin-bottom:18px;font-weight:800}.progress-wrap{margin-bottom:26px}.progress-meta,.dimension-bar__meta{color:var(--color-muted);margin-bottom:8px;font-size:.95rem}.progress-track,.dimension-bar__track{border-radius:var(--radius-pill);background:#e7ebf7;height:10px;overflow:hidden}.progress-fill,.dimension-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-blue), var(--color-primary));height:100%;transition:width .22s;display:block}.question-card h1,.section-heading h1,.calculating-panel h1{letter-spacing:0;font-size:clamp(1.35rem,4.5vw,2rem);line-height:1.35}.option-list{gap:12px;display:grid}.option-button{border:1px solid var(--color-line);min-height:64px;color:var(--color-text);cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:14px;line-height:1.6;display:grid}.option-button input{opacity:0;position:absolute}.option-button:has(input:focus-visible){outline-offset:3px;outline:3px solid #635bff42}.option-letter{width:32px;height:32px;color:var(--color-primary-dark);background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.option-button--selected{background:#f6f7ff;border-color:#635bffb8;box-shadow:0 0 0 3px #635bff1a}.option-button--selected .option-letter{color:#fff;background:var(--color-primary)}.option-button--disabled{cursor:default}.option-button--disabled:not(.option-button--selected){opacity:.72}.question-card h1:focus-visible{outline-offset:6px;border-radius:8px;outline:3px solid #635bff3d}.nav-actions--quiz{justify-content:flex-start}.question-status-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:24px 0;display:grid}.status-dot{border:1px solid var(--color-line);min-width:0;color:var(--color-muted);background:#fff;font-weight:800}.status-dot--done{color:#0f766e;background:#e9fbf8;border-color:#22a8995c}.notice{color:var(--color-muted);padding:14px 16px}.notice--success{color:#245c57;background:#f0fbf9;border-color:#22a8993d}.calculating-panel{text-align:center;place-items:center;min-height:420px;display:grid}.spinner{grid-template-columns:repeat(2,1fr);gap:10px;width:84px;height:84px;margin-bottom:14px;animation:1.5s linear infinite rotate-calm;display:grid}.spinner span{background:var(--color-primary);border-radius:8px}.spinner span:nth-child(2){background:var(--color-blue)}.spinner span:nth-child(3){background:var(--color-teal)}.spinner span:nth-child(4){background:var(--color-amber)}.result-card h1{margin-bottom:10px;font-size:clamp(2.2rem,8vw,4.4rem);line-height:1.08}.result-subtitle,.summary{font-size:1.08rem}.combination,.closing{border-radius:var(--radius-card);background:linear-gradient(135deg,#4f8cff17,#635bff1c);padding:18px;font-weight:750}.dimension-panel,.auxiliary-panel,.result-section{margin-top:26px}.dimension-panel,.auxiliary-panel{padding:18px}.dimension-list{gap:16px;display:grid}.dimension-bar__fill--performance{background:linear-gradient(90deg,#4f8cff,#5f6bff)}.dimension-bar__fill--practicality{background:linear-gradient(90deg,#22a899,#4f8cff)}.dimension-bar__fill--experience{background:linear-gradient(90deg,#7c5cff,#4f8cff)}.dimension-bar__fill--exploration{background:linear-gradient(90deg,#d88914,#7c5cff)}.result-section h2,.dimension-panel h2,.auxiliary-panel h2{margin-bottom:10px;font-size:1.22rem}.result-actions{margin-top:30px}.toast{z-index:30;color:#fff;max-width:min(420px,100vw - 36px);box-shadow:var(--shadow-soft);background:#182034;border:1px solid #635bff29;border-radius:8px;padding:14px 16px;position:fixed;bottom:18px;right:18px}.dialog-backdrop{z-index:40;background:#18203461;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{width:min(100%,420px);box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;padding:24px}@keyframes rotate-calm{to{transform:rotate(360deg)}}@media (width<=720px){.shell{padding:16px}.hero-grid{display:none}.feature-list{grid-template-columns:1fr}.nav-actions,.result-actions,.action-row{flex-direction:column;align-items:stretch}.button{width:100%}.question-status-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.question-topline{flex-direction:column;align-items:flex-start}}