: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,#ff4e6b29,#0000 28%),linear-gradient(245deg,#00ddff21,#0000 32%),linear-gradient(#090b16 0%,#10111a 48%,#071018 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:12px;margin-top:15px;display:grid;position:relative}.hero-copy p{color:#b8c7d8;font-size:14px;line-height:1.55}.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}.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:16px;margin-top:12px;padding:14px;display:grid}.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}.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{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){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){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;grid-template-columns:1fr .72fr;gap:8px;display:grid;position:relative}.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}.status-line{color:#9ff8ef;background:#00ddff1f}.error-line{color:#ffc6c6;background:#ff4e6b24}.notice-line{color:#c4fff5;background:#00ddff1c}.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}.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-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,.score-row,.insight-card,.practice-block{background:#fff1;border:1px solid #d7e5ff1c;border-radius:8px}.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}.footnote{color:#88a0b5;text-align:center;margin-top:16px;font-size:12px;line-height:1.5}@media (width>=720px){.app-shell{padding-top:28px}h1{font-size:30px}}@media (prefers-reduced-motion:reduce){.orb-ring,.wave-stack i{animation:none!important}}