:root{color:#eef5ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070a12;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(115deg,#ff3f7233,#0000 28%),linear-gradient(245deg,#00e8ff29,#0000 32%),linear-gradient(#130916 0%,#11142d 48%,#061018 100%);min-width:320px;min-height:100svh;margin:0}body:before{pointer-events:none;content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 72%);mask-image:linear-gradient(#000c,#0000 72%)}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,500px);min-height:100svh;margin:0 auto;padding:14px 12px 28px;position:relative}.hero-panel,.section-block,.recorder-surface,.preview-block,.result-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0c111eb8;border:1px solid #d7e5ff1f;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000005c,inset 0 1px #ffffff14}.hero-panel{padding:18px}.hero-aura,.scan-grid{pointer-events:none;background:linear-gradient(90deg,#0000,#00ddff14,#0000),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 8px);position:absolute;inset:0}.topbar{z-index:1;grid-template-columns:50px 1fr;align-items:center;gap:12px;display:grid;position:relative}.brand-mark{color:#071018;background:linear-gradient(135deg,#ff4e6b 0%,#ffd166 48%,#0df 100%);border-radius:8px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 0 28px #00ddff40,0 12px 28px #ff4e6b3d}.brand-kicker{color:#88a4bd;margin:0 0 3px;font-size:12px;font-weight:800}h1,h2,h3,h4,p{margin:0}h1{color:#fbfdff;font-size:28px;font-weight:900;line-height:1.1}h2{color:#fbfdff;font-size:19px;font-weight:860;line-height:1.18}h3{color:#fbfdff;font-size:15px;font-weight:820;line-height:1.2}h4{color:#fbfdff;font-size:14px;font-weight:820;line-height:1.2}.hero-copy{z-index:1;gap:11px;margin-top:15px;display:grid;position:relative}.hero-copy p{color:#b8c7d8;font-size:14px;line-height:1.55}.hero-primary{color:#071018;background:linear-gradient(135deg,#0df,#a7f3d0 52%,#ffd166);border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:58px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:0 0 30px #00ddff42,0 16px 32px #00000047}.hero-actions{gap:8px;display:grid}.hero-primary:disabled{cursor:not-allowed;opacity:.62}.hero-ghost{color:#dffaff;background:#ffffff12;border:1px solid #d7e5ff1f;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:14px;font-weight:840;display:inline-flex}.hero-subnote{color:#8fa4ba!important;font-size:12px!important;line-height:1.45!important}.hero-stats{flex-wrap:wrap;gap:8px;display:flex}.hero-stats span{color:#d8e8f7;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:780;display:inline-flex}.mode-switch{z-index:1;background:#0308129e;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;margin-top:17px;padding:5px;display:grid;position:relative}.mode-switch button{color:#91a4b8;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:43px;font-size:14px;font-weight:820;display:inline-flex}.mode-switch button.is-active{color:#071018;background:linear-gradient(135deg,#fff,#d8f8ff);box-shadow:0 0 22px #00ddff38}.section-block,.preview-block{margin-top:12px;padding:14px}.trust-grid{z-index:1;gap:9px;display:grid;position:relative}.trust-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:28px 1fr;gap:10px;padding:12px;display:grid}.trust-card svg{color:#fff0a8;margin-top:2px}.trust-card strong{color:#fbfdff;font-size:14px;font-weight:860}.trust-card p,.trust-card small{color:#a9bbcf;margin-top:4px;font-size:12px;line-height:1.45;display:block}.flow-track{z-index:1;grid-template-columns:repeat(4,minmax(92px,1fr));gap:8px;padding-bottom:2px;display:grid;position:relative;overflow-x:auto}.flow-step{background:#ffffff0e;border:1px solid #d7e5ff1c;border-radius:8px;gap:8px;min-width:92px;padding:11px 9px;display:grid}.flow-step b{color:#071018;background:#8fa2b7;border-radius:8px;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.flow-step strong{color:#fbfdff;font-size:13px;line-height:1.2}.flow-step span{color:#8fa2b7;margin-top:4px;font-size:11px;font-weight:760;line-height:1.25;display:block}.flow-step.is-current{background:linear-gradient(135deg,#ff3f722e,#00e8ff14),#ffffff13;border-color:#fff0a8ad}.flow-step.is-current b,.flow-step.is-done b{background:linear-gradient(135deg,#ff4d83,#fff0a8,#00e8ff)}.section-heading{z-index:1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex;position:relative}.section-heading span{color:#92a5ba;flex:none;font-size:12px;font-weight:800}.section-heading.compact{margin-bottom:8px}.profile-rail{z-index:1;scroll-snap-type:x proximity;grid-auto-columns:minmax(82px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;position:relative;overflow-x:auto}.profile-chip{color:#eef5ff;text-align:left;scroll-snap-align:start;background:#ffffff0e;border:1px solid #d7e5ff1f;border-radius:8px;align-content:center;gap:4px;min-height:68px;padding:10px 9px;display:grid}.profile-chip span{font-size:15px;font-weight:860}.profile-chip small{color:#95a8bc;font-size:11px;font-weight:720}.profile-chip.is-selected{background:linear-gradient(135deg,#ff4e6b38,#ffffff0f),#ffffff14;border-color:#ffd166cc;box-shadow:0 0 26px #ff4e6b29}.recorder-surface{gap:12px;margin-top:12px;padding:14px;display:grid}.recorder-header{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.recorder-header div{gap:3px;display:grid}.recorder-header span{color:#90a7bd;font-size:12px;font-weight:820}.recorder-header strong{color:#fbfdff;font-size:20px;font-weight:900;line-height:1.15}.recorder-header em{color:#071018;background:linear-gradient(135deg,#ff4d83,#fff0a8,#00e8ff);border-radius:999px;place-items:center;min-width:48px;height:34px;font-size:12px;font-style:normal;font-weight:900;display:grid}.step-strip{z-index:1;grid-template-columns:repeat(6,1fr);gap:6px;display:grid;position:relative}.step-strip i{background:#ffffff1f;border-radius:999px;height:6px;display:block}.step-strip i.is-current,.step-strip i.is-done{background:linear-gradient(90deg,#ff4d83,#fff0a8,#00e8ff);box-shadow:0 0 16px #00e8ff2e}.script-card{z-index:1;color:#eef5ff;background:#040913e0;border:1px solid #00ddff2e;border-radius:8px;padding:14px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.script-topline{color:#8ca0b5;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px;font-weight:780;display:flex}.script-card p{color:#fbfdff;font-size:18px;font-weight:760;line-height:1.55}.script-card small{color:#fff0a8;margin-top:10px;font-size:12px;font-weight:780;line-height:1.45;display:block}.record-requirements{z-index:1;grid-template-columns:repeat(3,1fr);gap:7px;display:grid;position:relative}.record-requirements span{color:#a9bbcf;white-space:nowrap;background:#ffffff0e;border:1px solid #d7e5ff1a;border-radius:999px;place-items:center;min-height:32px;font-size:12px;font-weight:820;display:grid}.record-orb{background:linear-gradient(120deg,#ff4e6b24,#0000 45%),linear-gradient(300deg,#00ddff29,#0000 52%),#ffffff0e;border:1px solid #d7e5ff1f;border-radius:8px;place-items:center;min-height:136px;display:grid;position:relative;overflow:hidden}.orb-ring{border:1px solid #00ddff38;border-radius:999px;animation:2.2s ease-in-out infinite scan-pulse;position:absolute}.ring-a{width:150px;height:150px}.ring-b{width:220px;height:220px;animation-delay:.42s}@keyframes scan-pulse{0%{opacity:.12;transform:scale(.7)}65%{opacity:.5}to{opacity:0;transform:scale(1.15)}}.wave-stack{z-index:1;justify-content:center;align-items:center;gap:4px;height:78px;display:flex;position:relative}.wave-stack i{opacity:.58;transform-origin:50%;background:#0df;border-radius:999px;width:5px;height:20px;display:block;box-shadow:0 0 14px #00ddff6b}.record-orb.recording .wave-stack i,.record-orb.analyzing .wave-stack i,.record-orb.checking .wave-stack i{animation:.72s ease-in-out infinite alternate pulse-bar}.record-orb.recording .wave-stack i:nth-child(3n),.record-orb.analyzing .wave-stack i:nth-child(3n),.record-orb.checking .wave-stack i:nth-child(3n){background:#ff4e6b;box-shadow:0 0 14px #ff4e6b6b}.record-orb.recording .wave-stack i:nth-child(4n),.record-orb.analyzing .wave-stack i:nth-child(4n),.record-orb.checking .wave-stack i:nth-child(4n){background:#ffd166;box-shadow:0 0 14px #ffd1665c}@keyframes pulse-bar{0%{opacity:.36;height:16px}to{opacity:.96;height:70px}}.record-actions,.result-actions{z-index:1;gap:8px;display:grid;position:relative}.record-actions{grid-template-columns:1fr}.result-actions{grid-template-columns:1fr 1fr 1fr}.primary-action,.secondary-action{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-size:15px;font-weight:860;display:inline-flex}.primary-action{color:#071018;background:linear-gradient(135deg,#0df,#a7f3d0 55%,#ffd166);box-shadow:0 0 28px #00ddff2e}.primary-action.danger{color:#fff;background:linear-gradient(135deg,#ff4e6b,#b4234b)}.secondary-action{color:#eef5ff;background:#ffffff14;border:1px solid #d7e5ff1a}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55}.status-line,.error-line,.notice-line{border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:760;display:flex}.error-line{color:#ffc6c6;background:#ff4e6b24}.notice-line{color:#c4fff5;background:#00ddff1c}.processing-overlay{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050810b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.processing-card{text-align:center;background:linear-gradient(135deg,#ff3f722e,#00e8ff24),#0c111eeb;border:1px solid #ffffff24;border-radius:8px;gap:12px;width:min(100%,360px);padding:22px;display:grid;box-shadow:0 28px 90px #00000080}.spinner{border:5px solid #ff4d83;border-color:#ff4d83 #fff0a8 #00e8ff #ffffff24;border-radius:999px;width:58px;height:58px;margin:0 auto 2px;animation:.86s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.processing-card p{color:#b9cadb;font-size:13px;line-height:1.55}.processing-steps{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.processing-steps span{color:#dffaff;background:#00e8ff1c;border-radius:999px;padding:8px 6px;font-size:11px;font-weight:820}.sample-result{z-index:1;gap:12px;display:grid;position:relative}.sample-name{color:#fbfdff;font-size:21px;font-weight:900}.sample-copy{color:#a9bbcf;margin-top:6px;font-size:14px;line-height:1.55}.sample-tags{flex-wrap:wrap;gap:6px;display:flex}.sample-tags span,.checkpoint-list span,.poster-tags span{color:#dff9ff;background:#00ddff1a;border:1px solid #00ddff24;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:800}.mini-plan{color:#ffedbd;background:#ffd1661a;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;font-size:13px;font-weight:760;line-height:1.45;display:flex}.toy-preview-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.toy-preview-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-items:center;gap:6px;min-width:0;padding:9px 6px;display:grid}.toy-preview-card span{color:#eaf7ff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:880;overflow:hidden}.voice-mascot{--char-a:#00e8ff;--char-b:#fff0a8;--char-c:#ff4d83;isolation:isolate;place-items:center;width:142px;height:158px;display:grid;position:relative}.voice-mascot.compact{width:74px;height:82px}.voice-mascot.character-art{background:radial-gradient(circle at 30% 12%, color-mix(in srgb, var(--char-a) 38%, transparent), transparent 34%), linear-gradient(135deg, #ffffff1a, #ffffff06);border:1px solid #ffffff2e;border-radius:8px;place-items:stretch stretch;width:128px;height:150px;overflow:hidden;box-shadow:0 18px 42px #0000003d,inset 0 1px #fff3}.voice-mascot.character-art.compact{width:74px;height:82px}.voice-mascot.character-art img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.character-art-shine{z-index:2;pointer-events:none;background:linear-gradient(#ffffff1f,#0000 36%),linear-gradient(135deg,#0000 0 42%,#ffffff29 48%,#0000 56%),linear-gradient(#0000 58%,#0408129e);position:absolute;inset:0}.voice-mascot.character-art .mascot-glow{opacity:.95;inset:-28px}.mascot-glow{background:radial-gradient(circle, color-mix(in srgb, var(--char-a) 54%, transparent), transparent 68%);filter:blur(2px);opacity:.8;border-radius:999px;position:absolute;inset:0}.mascot-head{z-index:2;background:linear-gradient(135deg, #fff7dd, var(--char-b));border:4px solid #ffffff80;border-radius:50%;width:82px;height:82px;position:absolute;top:20px;box-shadow:0 14px 28px #00000038}.voice-mascot.compact .mascot-head{border-width:2px;width:43px;height:43px;top:8px}.mascot-head i,.mascot-head b{content:"";background:#10182b;border-radius:999px;width:8px;height:8px;position:absolute;top:29px}.mascot-head i{left:23px}.mascot-head b{right:23px}.voice-mascot.compact .mascot-head i,.voice-mascot.compact .mascot-head b{width:4px;height:4px;top:15px}.voice-mascot.compact .mascot-head i{left:12px}.voice-mascot.compact .mascot-head b{right:12px}.mascot-head span{border-bottom:4px solid #10182b;border-radius:0 0 999px 999px;width:24px;height:13px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.voice-mascot.compact .mascot-head span{border-bottom-width:2px;width:13px;height:7px;bottom:9px}.mascot-body{z-index:1;color:#071018;background:linear-gradient(135deg, var(--char-a), var(--char-b) 52%, var(--char-c));border:3px solid #ffffff57;border-radius:32px 32px 44px 44px;place-items:end center;width:104px;height:108px;padding-bottom:19px;display:grid;position:absolute;bottom:6px;box-shadow:0 18px 34px #0003}.voice-mascot.compact .mascot-body{border-width:2px;border-radius:18px 18px 24px 24px;width:55px;height:58px;padding-bottom:9px;bottom:3px}.mascot-body strong{font-size:32px;line-height:1}.voice-mascot.compact .mascot-body strong{font-size:16px}.mascot-wave{z-index:0;border:4px solid var(--char-a);opacity:.68;width:52px;height:82px;position:absolute}.voice-mascot.compact .mascot-wave{border-width:2px;width:27px;height:42px}.mascot-wave.one{border-right:0;border-radius:999px 0 0 999px;left:2px}.mascot-wave.two{border-left:0;border-radius:0 999px 999px 0;right:2px}.result-panel{gap:12px;margin-top:12px;padding:14px;display:grid}.share-poster{background:linear-gradient(135deg,#ff4e6b47,#0000 38%),linear-gradient(315deg,#00ddff3d,#0000 44%),#060a13;border:1px solid #00ddff2e;border-radius:8px;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.share-poster:after{pointer-events:none;content:"";background:repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 7px);position:absolute;inset:0}.poster-top,.poster-main,.poster-bottom,.poster-prompt{z-index:1;position:relative}.poster-top,.poster-bottom{color:#8fa2b7;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:860;display:flex}.poster-main{grid-template-columns:1fr 88px;align-items:center;gap:14px;margin:20px 0 14px;display:grid}.poster-main p{color:#9fb2c7;font-size:12px;font-weight:800}.poster-main h2{margin-top:5px;font-size:30px;line-height:1.05}.poster-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.poster-score{border:7px solid #ff4e6b;border-color:#ff4e6b #ffd166 #0df #ffffff21;border-radius:50%;place-items:center;width:86px;height:86px;display:grid}.poster-score strong{color:#fbfdff;font-size:25px;line-height:1}.poster-score span{color:#8fa2b7;margin-top:-20px;font-size:11px;font-weight:900}.poster-prompt{color:#eaf4ff;margin-top:12px;font-size:13px;font-weight:760;line-height:1.5}.result-hero{color:#eff7ff;background:#ffffff0f;border:1px solid #d7e5ff1a;border-radius:8px;grid-template-columns:1fr 92px;align-items:center;gap:12px;padding:16px;display:grid}.result-character-card{background:linear-gradient(135deg,#ffd1661a,#00e8ff14),#fff1;border:1px solid #d7e5ff1c;border-radius:8px;grid-template-columns:130px 1fr;align-items:center;gap:12px;padding:13px;display:grid}.result-character-card span{color:#fff0a8;font-size:12px;font-weight:860}.result-character-card h3{margin-top:5px;font-size:24px}.result-character-card p{color:#b9cadb;margin-top:7px;font-size:13px;line-height:1.45}.result-label{color:#99aec3;margin-bottom:7px;font-size:12px;font-weight:840}.result-hero h2{color:#fff;font-size:25px}.result-hero p:last-child{color:#b9cadb;margin-top:8px;font-size:13px;line-height:1.55}.score-ring{border:7px solid #ffffff24;border-color:#ffffff24 #ffd166 #0df #ffffff24;border-radius:50%;place-items:center;width:86px;height:86px;display:grid}.score-ring strong{color:#fff;font-size:26px;line-height:1}.score-ring span{color:#9fabb9;margin-top:-18px;font-size:12px;font-weight:800}.target-score,.accuracy-card,.gender-card,.score-row,.insight-card,.practice-block{background:#fff1;border:1px solid #d7e5ff1c;border-radius:8px}.gender-card{grid-template-columns:1fr 92px;gap:12px;padding:13px;display:grid}.gender-card h3{align-items:center;gap:7px;margin-bottom:8px;display:flex}.gender-card h3 svg{color:#00e8ff}.gender-card strong{color:#fbfdff;font-size:24px;line-height:1}.gender-card p{color:#a9bbcf;margin-top:8px;font-size:12px;line-height:1.45}.gender-score{background:#00e8ff14;border-radius:8px;align-content:center;justify-items:center;display:grid}.gender-score span{color:#fbfdff;font-size:21px;font-weight:900}.gender-score small{color:#8fa2b7;margin-top:4px;font-size:11px;font-weight:800}.gender-card ul{grid-column:1/-1;gap:6px;margin:0;padding:0;list-style:none;display:grid}.gender-card li{color:#b9cadb;font-size:12px;line-height:1.45}.gender-card.uncertain,.gender-card.neutral{background:linear-gradient(135deg,#fff0a817,#0000),#fff1;border-color:#fff0a847}.target-score{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.target-score span{color:#98abc0;font-size:12px;font-weight:780;display:block}.target-score strong,.target-score b{color:#fbfdff;font-size:16px}.mix-list,.insight-stack{gap:9px;display:grid}.score-row{gap:7px;padding:12px;display:grid}.score-row-top{color:#fbfdff;justify-content:space-between;gap:10px;font-size:14px;font-weight:850;display:flex}.score-track,.accuracy-track{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.score-track i,.accuracy-track i{border-radius:inherit;background:linear-gradient(90deg,#ff4e6b,#ffd166,#0df);height:100%;display:block}.score-row small{color:#91a4b8;font-size:12px;font-weight:740}.metric-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.metric-tile{text-align:center;background:#00ddff14;border:1px solid #00ddff1a;border-radius:8px;gap:5px;min-width:0;padding:11px 8px;display:grid}.metric-tile span{color:#96aabd;font-size:11px;font-weight:800}.metric-tile strong{color:#fbfdff;font-size:18px;line-height:1}.accuracy-card{gap:10px;padding:13px;display:grid}.accuracy-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.accuracy-top h3{align-items:center;gap:7px;margin-bottom:6px;display:flex}.accuracy-top h3 svg{color:#ffd166}.accuracy-top p{color:#a9bbcf;font-size:12px;line-height:1.45}.accuracy-top strong{color:#fbfdff;font-size:24px;line-height:1}.accuracy-card ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.accuracy-card li{color:#a9bbcf;font-size:12px;line-height:1.45}.insight-card,.practice-block{padding:13px}.insight-card h3{align-items:center;gap:7px;margin-bottom:10px;display:flex}.insight-card h3 svg{color:#0df}.insight-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.insight-card li{color:#c1d0de;padding-left:14px;font-size:13px;line-height:1.55;position:relative}.insight-card li:before{content:"";background:#ff4e6b;border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.practice-focus{color:#fbfdff;font-size:16px;font-weight:820;line-height:1.45}.warmup-line,.avoid-line{color:#d5e3f1;background:#ffffff0f;border-radius:8px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px;font-size:13px;line-height:1.45;display:flex}.warmup-line svg{color:#ffd166;flex:none;margin-top:2px}.avoid-line svg{color:#ff4e6b;flex:none;margin-top:2px}.practice-steps{gap:8px;margin-top:10px;display:grid}.practice-steps article{background:#00ddff13;border-radius:8px;grid-template-columns:38px 1fr;gap:10px;padding:10px;display:grid}.practice-steps b{color:#071018;background:#0df;border-radius:8px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.practice-steps p,.practice-script{color:#b9cadb;font-size:13px;line-height:1.55}.checkpoint-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.practice-script{color:#fbfdff;background:#ffd1661a;border-radius:8px;margin-top:10px;padding:12px;font-size:15px;font-weight:780}.technical-strip{flex-wrap:wrap;gap:7px;display:flex}.technical-strip span{color:#aabdd0;background:#ffffff12;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:780}.audio-review{width:100%;height:42px}.poster-modal{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03060cc7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.poster-dialog{background:linear-gradient(135deg,#ff3f7229,#00e8ff1f),#0a0e1af2;border:1px solid #ffffff29;border-radius:8px;gap:12px;width:min(100%,390px);max-height:94svh;padding:14px;display:grid;position:relative;box-shadow:0 28px 90px #00000094}.icon-close{z-index:2;color:#eef5ff;background:#030812ad;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.poster-preview{background:#070a12;border-radius:8px;overflow:hidden}.poster-preview img{object-fit:contain;-webkit-user-select:auto;user-select:auto;width:100%;max-height:min(68svh,720px);display:block}.poster-dialog>p{color:#b9cadb;text-align:center;font-size:13px;line-height:1.45}.poster-modal-actions{grid-template-columns:1fr .72fr;gap:8px;display:grid}.footnote{color:#88a0b5;text-align:center;margin-top:16px;font-size:12px;line-height:1.5}.footnote details{text-align:left;margin-bottom:8px}.footnote summary{cursor:pointer;color:#a9bfd4;font-weight:820;display:inline-flex}.footnote details p{color:#8499ad;margin-top:7px}.footnote a{color:#cdefff;text-decoration:none}body{background:radial-gradient(circle at 82% 8%,#ffd1661f,#0000 28%),radial-gradient(circle at 18% 0,#00ddff1f,#0000 30%),linear-gradient(#080b12 0%,#05070d 100%)}body:before{opacity:.28;background-size:42px 42px}.hero-panel,.preview-block,.recorder-surface,.result-panel{background:#0a0d14c7;border-color:#ffffff1a;box-shadow:0 26px 80px #0000006b,inset 0 1px #ffffff12}.hero-panel{min-height:274px;padding:18px}.hero-character{object-fit:contain;opacity:.82;filter:saturate(1.1)contrast(1.04)drop-shadow(0 24px 42px #00000075);mix-blend-mode:screen;width:246px;height:246px;position:absolute;bottom:-34px;right:-44px;transform:perspective(700px)rotateY(-10deg)rotate(1deg)}.hero-panel:after,.result-showcase:after{pointer-events:none;content:"";background:linear-gradient(90deg,#06080ef0,#06080e57 62%,#06080ea3),linear-gradient(#0000 48%,#06080ee6);position:absolute;inset:0}.topbar,.hero-copy{z-index:2;position:relative}.topbar{grid-template-columns:46px 1fr}.brand-mark{background:linear-gradient(135deg,#f7d76b,#70e5ff);width:46px;height:46px}.brand-kicker{color:#9aacbd}h1{max-width:230px;font-size:32px;line-height:1.04}.hero-copy{margin-top:54px}.hero-actions{gap:10px}.hero-primary{background:linear-gradient(135deg,#74ecff,#ffe37a);min-height:62px;font-size:19px}.hero-ghost{background:#ffffff0f;justify-self:center;width:44%;min-height:42px}.preview-block{padding:13px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:18px}.toy-preview-row{gap:9px}.toy-preview-card{background:#ffffff0b;padding:8px}.voice-mascot.character-art.compact{aspect-ratio:1;width:100%;height:auto}.voice-mascot.character-art img{object-fit:contain;filter:drop-shadow(0 16px 26px #00000057)}.toy-preview-card span{font-size:12px}.recorder-surface{gap:11px}.recorder-header strong{font-size:24px}.recorder-header em{color:#111827;background:#ffe37a}.step-card-rail{z-index:1;scroll-snap-type:x proximity;grid-auto-columns:minmax(112px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;position:relative;overflow-x:auto}.step-card{scroll-snap-align:center;background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;align-content:center;gap:5px;min-height:66px;padding:10px;display:grid}.step-card span{color:#718296;font-size:11px;font-weight:900}.step-card strong{color:#cbd7e6;font-size:14px}.step-card.is-current{background:linear-gradient(135deg,#ffe37a29,#70e5ff14);border-color:#ffe37ab3}.step-card.is-current strong,.step-card.is-done strong{color:#fff}.script-card{background:#04070de6;border-color:#ffe37a38;align-content:center;min-height:178px;padding:18px;display:grid}.script-topline{margin-bottom:14px}.script-card p{white-space:pre-line;color:#fff;letter-spacing:0;font-size:clamp(28px,8.4vw,42px);font-weight:930;line-height:1.24}.script-card small{color:#ffe37a;margin-top:14px;font-size:13px}.record-orb{background:linear-gradient(#ffffff0e,#ffffff06),#05080ec7;min-height:154px}.live-waveform{z-index:1;justify-content:center;align-items:center;gap:3px;width:min(100%,360px);height:112px;padding:0 12px;display:flex;position:relative}.live-waveform i{max-width:7px;height:calc(10px + var(--level) * 96px);transform-origin:50%;opacity:calc(.36 + var(--level) * .64);background:linear-gradient(#fff,#75ecff 38%,#ffe37a);border-radius:999px;flex:1 1 0;transition:height 90ms linear,opacity 90ms linear;display:block;box-shadow:0 0 16px #75ecff57,0 0 28px #ffe37a2e}.record-orb.recording .live-waveform i{animation:1.1s ease-in-out infinite alternate wave-glow;animation-delay:var(--wave-delay)}@keyframes wave-glow{0%{filter:saturate(.9)}to{filter:saturate(1.4)brightness(1.18)}}.status-line,.error-line{justify-content:center;min-height:36px}.status-line{color:#dffaff;background:#ffffff0e}.error-line{color:#ffd1d1}.processing-card{background:#090c13f2;gap:14px}.processing-card h2{font-size:22px}.result-panel{gap:10px}.result-showcase{background:radial-gradient(circle at 78% 24%,#ffe37a29,#0000 30%),#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;min-height:390px;position:relative;overflow:hidden}.result-showcase .voice-mascot.character-art{opacity:.94;mix-blend-mode:screen;border:0;border-radius:0;width:312px;height:350px;position:absolute;bottom:-24px;right:-28px;transform:perspective(820px)rotateY(-8deg)}.result-showcase-copy{z-index:2;gap:8px;max-width:260px;padding:24px 18px;display:grid;position:relative}.result-label{color:#9eb0c4;margin:0}.result-showcase h2{font-size:36px;line-height:1.04}.result-showcase-copy>strong{color:#111827;background:#ffe37a;border-radius:999px;width:max-content;margin-top:5px;padding:8px 13px;font-size:24px;line-height:1}.result-showcase-copy>span{color:#e9f3ff;font-size:20px;font-weight:900}.gender-card{grid-template-columns:1fr 96px;align-items:center}.gender-card p,.gender-card ul,.gender-score small{display:none}.gender-card strong{font-size:28px}.gender-score{min-height:74px}.practice-block{gap:10px;display:grid}.practice-focus{font-size:18px}.practice-steps article{background:#ffffff0e}.practice-steps p{color:#afbfce}.poster-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.poster-dialog>p{color:#94a5b6}@media (width>=720px){.app-shell{padding-top:28px}h1{font-size:30px}}@media (width<=380px){.poster-actions{grid-template-columns:repeat(2,1fr)}.flow-track{grid-template-columns:repeat(4,minmax(86px,1fr))}.gender-card{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.orb-ring,.wave-stack i,.spinner{animation:none!important}}