*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,sans-serif;background:#0a1026;color:#fff}button{font:inherit}.app-shell{max-width:430px;min-height:100vh;margin:0 auto;background:radial-gradient(circle at top,#1f2a60,#0b1127 48%,#090d1d);position:relative;overflow:hidden}.page{min-height:100vh;padding:16px 16px 110px}.dark-page{background:transparent}.with-nav{padding-bottom:100px}.top-bar,.home-header{display:flex;align-items:center;justify-content:space-between}.top-title,.solo{font-size:20px;font-weight:700;color:#fff}.solo{padding:6px 4px 12px}.icon-btn,.notification-btn{width:32px;height:32px;border:0;border-radius:50%;background:#ffffff14;color:#fff}.greeting{font-size:28px;margin:8px 0 4px}.greeting-sub{margin:0;color:#ffffffa6;font-size:13px}.assessment-status-card,.dark-card,.recommendation-card,.scheme-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px}.assessment-status-card{padding:20px;margin-top:18px}.status-ring{width:220px;height:220px;border-radius:50%;margin:0 auto 20px;background:radial-gradient(circle,#1b1a3c 35%,transparent 36%),conic-gradient(from 0deg,#7c5cff,#53c7ff,#7c5cff);padding:10px;box-shadow:0 0 30px #5c5fff59}.status-ring-inner{width:100%;height:100%;border-radius:50%;background:#0e1430;display:flex;align-items:center;justify-content:center;flex-direction:column}.status-text{font-size:28px;font-weight:700}.status-hint{margin-top:8px;color:#fff9;font-size:13px}.btn-primary,.btn-secondary{width:100%;border:0;border-radius:999px;padding:16px 18px;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(90deg,#5d47ff,#8f6dff);color:#fff;box-shadow:0 12px 30px #6f5eff59}.btn-secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12)}.btn-large{font-size:16px}.section-title{margin:22px 4px 12px;font-size:16px;font-weight:700}.section-title.dark{color:#fff}.recommendation-card{display:flex;align-items:center;gap:14px;padding:16px}.rec-icon{width:72px;height:72px;border-radius:16px;background:radial-gradient(circle at 60% 30%,#ffdf8e,#7d59ff 60%,#111836)}.rec-title{font-size:18px;font-weight:700}.rec-info{flex:1}.rec-tags{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.rec-tag{padding:4px 10px;border-radius:999px;background:#ffffff1a;font-size:12px;color:#d3caff}.rec-arrow{font-size:28px;color:#ffffff73}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:430px;display:grid;grid-template-columns:repeat(3,1fr);background:#080c1cf5;border-top:1px solid rgba(255,255,255,.08);padding:10px 8px 14px;z-index:20}.nav-item{border:0;background:transparent;color:#ffffff8c;display:flex;flex-direction:column;align-items:center;gap:4px}.nav-item.active{color:#8c7bff}.nav-icon{font-size:18px}.nav-label{font-size:11px}.splash-page{display:flex;align-items:center;justify-content:center}.splash-content{text-align:center;width:100%}.splash-logo{position:relative;width:140px;height:140px;margin:0 auto 24px}.logo-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(126,125,255,.25)}.ring-1{animation:spin 7s linear infinite}.ring-2{top:12px;right:12px;bottom:12px;left:12px;animation:spin 5s linear infinite reverse}.ring-3{top:24px;right:24px;bottom:24px;left:24px}.logo-core{position:absolute;top:36px;right:36px;bottom:36px;left:36px;border-radius:50%;background:radial-gradient(circle,#53c7ff,#634dff 60%,#101735)}.splash-title{font-size:38px;margin:0 0 8px}.splash-subtitle{color:#ffffffb3;margin:0 0 28px}.splash-progress-bar{width:180px;height:4px;background:#ffffff1a;border-radius:999px;margin:0 auto;overflow:hidden}.splash-progress-fill{height:100%;background:linear-gradient(90deg,#53c7ff,#7c5cff)}.splash-loading{font-size:12px;color:#ffffff8c;margin-top:12px}.tab-row{display:flex;gap:8px;margin:14px 0 18px}.tab-row.scrollable{overflow:auto;padding-bottom:4px}.tab-btn{border:0;background:#ffffff14;color:#ffffffe0;padding:10px 14px;border-radius:999px;white-space:nowrap}.tab-btn.active{background:linear-gradient(90deg,#4f42f5,#7f68ff);color:#fff}.brain-panel{height:280px;border-radius:24px;background:radial-gradient(circle at 50% 40%,rgba(97,92,255,.45),transparent 45%),#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;position:relative}.brain-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(92,203,255,.35),transparent 65%)}.brain-label{position:relative;text-align:center;color:#fffc;line-height:1.7}.assessment-hero-panel{height:220px}.assessment-hero-title{font-size:22px;font-weight:700}.assessment-hero-subtitle{margin-top:8px;font-size:13px;color:#ffffffb8}.countdown-wrap{text-align:center;padding:24px 0 18px}.countdown-label{color:#fff9;margin-bottom:4px}.countdown-time{font-size:48px;font-weight:800}.assessment-stage-card,.collection-card{padding:18px}.assessment-stage-card{margin-bottom:14px}.assessment-stage-head,.collection-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.assessment-stage-eyebrow,.collection-subtitle{font-size:12px;color:#ffffff94}.assessment-stage-title,.collection-title{font-size:18px;font-weight:700}.assessment-stage-range{padding:6px 10px;border-radius:999px;background:#ffffff14;font-size:12px;color:#d8d2ff}.assessment-stage-desc{margin-top:10px;color:#ffffffb8;font-size:13px;line-height:1.6}.assessment-progress-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:16px 0 14px}.assessment-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#53c7ff,#7c5cff)}.assessment-stage-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.assessment-step{padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;opacity:.75}.assessment-step span{font-size:11px;color:#ffffff8f}.assessment-step strong{font-size:13px}.assessment-step.active{background:#6b57ff33;border-color:#8474ff8c;opacity:1}.assessment-step.done{box-shadow:inset 0 0 0 1px #53c7ff2e}.collection-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.collection-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.collection-item:last-child{border-bottom:0;padding-bottom:0}.collection-item-name{font-size:15px;font-weight:600}.collection-item-desc{margin-top:4px;font-size:12px;color:#ffffff8f}.collection-status{padding:6px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.collection-status.connected{background:#54d49e24;color:#8dffd0}.collection-status.disconnected{background:#ffffff14;color:#ffffff9e}.bottom-cta{margin-top:18px}.with-floating-report-btn{padding-bottom:170px}.floating-report-btn{position:fixed;right:max(calc((100vw - 430px)/2 + 16px),16px);bottom:90px;border:0;border-radius:999px;padding:14px 18px;background:#0f1632eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;font-weight:700;box-shadow:0 10px 28px #00000047;border:1px solid rgba(255,255,255,.12);z-index:25}.report-mood{text-align:center;margin:8px 0;color:#d9d4ff}.radar-card{position:relative;padding:8px 0 22px}.radar-card-spacious{padding:4px 0 18px}.radar-svg{display:block;width:280px;height:280px;margin:0 auto;overflow:visible}.radar-axis-label{fill:#ffffffb8;font-size:11px}.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.target-chip{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.target-chip.active{background:#6b57ff47;border-color:#7b67ff}.planet-hero{height:240px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.orbit-1{width:180px;height:180px}.orbit-2{width:230px;height:120px}.planet-core{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#6ae2ff,#6e57ff 68%);box-shadow:0 0 34px #5bc2ff4d}.prescription-desc{text-align:center;color:#ffffffa6;margin-bottom:14px}.prescription-plan-name{color:#fff;font-size:20px;font-weight:700;letter-spacing:.02em}.param-list{padding:10px 16px}.param-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.param-row:last-child{border-bottom:0}.head-hero{height:220px;display:flex;align-items:center;justify-content:center}.head-outline{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(108,113,255,.45),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.1),transparent);box-shadow:0 0 40px #605cff33}.intervention-time{text-align:center;font-size:48px;font-weight:800;margin:8px 0 18px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-box,.mini-metric,.stat-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}.metric-box span,.mini-metric span,.stat-box span{display:block;color:#fff9;font-size:12px}.metric-box strong,.mini-metric strong,.stat-box strong{display:block;margin-top:6px;font-size:24px}.player-large{text-align:center;margin-top:26px}.player-circle{width:72px;height:72px;border-radius:50%;border:0;background:linear-gradient(90deg,#5d47ff,#8f6dff);color:#fff;font-size:28px}.player-caption{margin-top:10px;color:#fff9}.result-page{text-align:center}.success-ring{width:132px;height:132px;border-radius:50%;margin:24px auto 18px;display:flex;align-items:center;justify-content:center;font-size:46px;background:radial-gradient(circle,#73ffcf,#6d57ff 68%);box-shadow:0 0 40px #72ffd140}.result-title{font-size:26px;font-weight:800;margin-bottom:18px}.score-card{text-align:left;padding:18px}.score-label{color:#ffffffa6;font-size:13px}.score-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 16px}.score-line strong{font-size:22px}.score-line em{font-style:normal;color:#87ffcb;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.range-row{display:flex;gap:8px;margin:12px 0 16px;overflow:auto}.range-btn{border:0;background:#ffffff0d;color:#fff9;padding:8px 12px;border-radius:999px;white-space:nowrap}.range-btn.active{background:#6d59ff;color:#fff}.line-chart{width:100%;height:140px}.card-head{font-size:15px;font-weight:700;margin-bottom:12px}.stats-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.stat-box em{display:block;margin-top:6px;font-style:normal;color:#87ffcb}.text-card p{margin:0;color:#ffffffb8;line-height:1.7}.trend-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trend-card{min-height:150px}.bars{height:90px;display:flex;align-items:flex-end;gap:8px}.bars span{display:block;flex:1;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#9f8cff,#5fd9ff)}.big-score{font-size:28px;font-weight:800;margin-top:12px}.profile-card{padding:18px}.profile-head{display:flex;align-items:center;gap:12px}.avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;font-size:28px}.profile-name{font-size:22px;font-weight:700}.profile-role{color:#fff9;font-size:13px}.member-bar{margin-top:16px;background:#ffd4701f;border:1px solid rgba(255,212,112,.18);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;color:#ffd978;font-size:13px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.menu-item{border:0;color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between}.scheme-list{display:flex;flex-direction:column;gap:12px}.scheme-card{padding:18px;display:flex;align-items:center;justify-content:space-between;min-height:92px}.scheme-title{font-size:22px;font-weight:800}.scheme-desc{margin-top:6px;color:#ffffffb8}.scheme-icon{font-size:34px}.scheme-tabs{margin-top:10px}.refined-scheme-list{margin-top:8px;gap:10px}.refined-scheme-card{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 24px #0000002e}.scheme-copy{text-align:left;color:#fff}.refined-scheme-card .scheme-title{font-size:24px;line-height:1.1;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.22)}.refined-scheme-card .scheme-desc{font-size:13px;color:#ffffffeb}.scheme-side{display:flex;align-items:center;gap:12px;color:#fff}.scheme-play{width:28px;height:28px;border-radius:50%;background:#ffffff3d;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.scheme-footer-note{text-align:center;margin-top:14px;color:#fff;font-size:24px;font-weight:800}.device-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.device-row{padding:18px;display:flex;justify-content:space-between;align-items:center}.device-left{display:flex;align-items:center;gap:10px}.device-status{color:#78ffd6}.compact{margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}