:root{--navy:#06152d;--navy-2:#081d3a;--navy-3:#0d2a50;--cyan:#2fe4f1;--lime:#c7f65b;--cream:#f5f8e9;--coral:#ff7b79;--muted:#9bb0c9;--violet:#af91ff;--gold:#ffd260;--confetti-1:#2fe4f1;--confetti-2:#c7f65b;--confetti-3:#ff7b79;--confetti-4:#af91ff;--confetti-5:#ffd260}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--cream);margin:0;font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.language-switch{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06152deb;border:1px solid #2fe4f173;border-radius:999px;gap:3px;padding:4px;display:flex;position:fixed;box-shadow:0 10px 30px #00000047}.language-switch button{color:#b7c8da;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:54px;min-height:38px;font-size:14px}.language-switch button[aria-pressed=true]{color:var(--navy);background:var(--cyan)}.language-switch button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 70% 12%,#123867 0,#0000 31%),linear-gradient(135deg,#06152d,#081d3a 65%,#07182e);min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;max-width:1480px;height:82px;margin:0 auto;padding:0 32px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:12px;font-size:19px;display:flex}.brand small{color:var(--cyan);letter-spacing:.24em;margin-top:2px;font-size:8px;display:block}.brand-mark{background:var(--cyan);border-radius:13px;justify-content:center;align-items:center;gap:3px;width:40px;height:40px;display:flex;box-shadow:0 0 24px #2fe4f13d}.brand-mark span{background:var(--navy);border-radius:4px;width:4px}.brand-mark span:first-child{height:12px}.brand-mark span:nth-child(2){height:23px}.brand-mark span:nth-child(3){height:16px}.topbar nav{color:#b5c5d8;align-items:center;gap:38px;font-size:14px;display:flex}.topbar nav button{height:82px;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:4px solid #0000;padding:4px 0 0}.topbar nav button:hover,.topbar nav .active{color:var(--cream);border-color:var(--cyan)}.streak{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:9px 14px;font-size:12px}.streak strong{color:var(--lime)}.streak span{color:var(--gold);margin-right:5px}.hero{justify-content:space-between;align-items:flex-end;gap:50px;max-width:1420px;margin:0 auto;padding:54px 34px 38px;display:flex}.eyebrow{color:var(--cyan);letter-spacing:.22em;margin:0 0 13px;font-size:11px}.hero h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(42px,5vw,74px);line-height:.98}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy>p:last-child{color:#aebed1;margin:20px 0 0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}.progress-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a2445c7;border:1px solid #ffffff21;border-radius:20px;flex:none;width:270px;padding:18px 20px}.progress-card>div:first-child{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.progress-card strong{color:var(--cream);font-size:20px}.progress-track{background:#193656;border-radius:99px;height:7px;margin:13px 0 10px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--cyan), var(--lime));border-radius:inherit;height:100%;transition:width .4s;display:block}.progress-card small{color:var(--cyan);font-size:10px}.game-layout{grid-template-columns:236px minmax(500px,1fr) 255px;align-items:start;gap:24px;max-width:1420px;margin:0 auto;padding:0 34px 50px;display:grid}.lesson-rail,.coach-panel{padding-top:8px}.rail-title{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px;font-size:11px}.lesson{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;grid-template-columns:43px 1fr 12px;align-items:center;gap:11px;width:100%;margin-bottom:6px;padding:10px;display:grid}.lesson:hover{background:#ffffff0f}.lesson.active{background:#2fe4f11a;box-shadow:inset 0 0 0 1px #2fe4f159}.lesson-dot{height:43px;color:var(--navy);background:var(--cyan);border-radius:13px;place-items:center;font:700 16px Georgia,serif;display:grid}.lesson-dot.lime{background:var(--lime)}.lesson-dot.coral{background:var(--coral)}.lesson-dot.violet{background:var(--violet)}.lesson-dot.gold{background:var(--gold)}.lesson strong{font-size:13px;display:block}.lesson small{color:#7f98b4;margin-top:4px;font-size:9px;display:block}.lesson b{color:var(--cyan)}.tip-mini{color:#88a1bd;gap:10px;margin-top:24px;font:11px/1.6 PingFang SC,sans-serif;display:flex}.tip-mini p{margin:0}.tip-mini strong{color:var(--cream);display:block}.game-card{min-height:600px;color:var(--cream);background:linear-gradient(150deg,#0c2d54,#09203d);border:1px solid #82c0ff38;border-radius:30px;padding:27px 38px 32px;position:relative;box-shadow:0 24px 65px #00000047,inset 0 1px #ffffff12}.game-card:before{content:"";filter:blur(5px);background:#2fe4f112;border-radius:50%;width:240px;height:240px;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)}.game-topline{justify-content:space-between;align-items:center;display:flex;position:relative}.level-pill{color:var(--navy);background:var(--cyan);letter-spacing:.12em;border-radius:999px;padding:6px 11px;font-size:9px}.points{color:var(--gold);font-size:11px}.prompt{text-align:center;margin:26px 0 19px;position:relative}.prompt-label{color:#91a7c0;font-size:11px}.prompt h2{letter-spacing:-.045em;margin:11px 0 7px;font-size:clamp(64px,7vw,92px);line-height:.95}.phonetic{color:var(--cyan);margin:0;font:24px Georgia,serif}.phonetic span{color:#91a7c0;margin-left:5px;font:11px PingFang SC,sans-serif}.listen-button{cursor:pointer;background:#2fe4f114;border:1px solid #2fe4f152;border-radius:999px;align-items:center;gap:11px;height:47px;margin:0 auto;padding:0 17px;transition:transform .18s,background .18s;display:flex;position:relative}.listen-button:hover{background:#2fe4f126;transform:translateY(-2px)}.speaker{background:var(--cyan);width:27px;height:27px;color:var(--navy);border-radius:50%;place-items:center;padding-left:2px;font-size:9px;display:grid}.listen-button>span:nth-child(2){font-size:11px}.mini-wave{align-items:center;gap:2px;height:16px;display:flex}.mini-wave i{background:var(--cyan);border-radius:2px;width:2px;height:5px;display:block}.mini-wave i:nth-child(2n){height:11px}.mini-wave i:nth-child(3n){height:16px}.playing .mini-wave i{animation:.55s ease-in-out infinite alternate wave}.playing .mini-wave i:nth-child(2n){animation-delay:-.2s}.coach-line{color:#97acc4;justify-content:center;align-items:center;gap:11px;max-width:540px;margin:24px auto 12px;font:11px PingFang SC,sans-serif;display:flex}.coach-line span{color:var(--navy);background:var(--lime);white-space:nowrap;border-radius:7px;padding:4px 8px}.coach-line p{margin:0}.record-zone{text-align:center;padding-top:28px;position:relative}.waveform{opacity:.16;justify-content:center;align-items:center;gap:4px;width:min(100%,500px);height:76px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.waveform i{background:var(--cyan);border-radius:3px;width:3px;height:10px}.is-recording .waveform{opacity:.78}.is-recording .waveform i{animation:pulse-wave .62s var(--delay) ease-in-out infinite alternate}.mic-button{z-index:2;background:var(--lime);cursor:pointer;width:90px;height:90px;box-shadow:0 0 0 1px var(--lime), 0 10px 30px #c7f65b38;border:8px solid #12395f;border-radius:50%;transition:transform .18s;position:relative}.mic-button:hover{transform:scale(1.05)}.is-recording .mic-button{background:var(--coral);border-color:#593d54;animation:1s ease-in-out infinite mic-pulse;box-shadow:0 0 0 10px #ff7b791a,0 0 0 20px #ff7b790d}.mic-icon{border:3px solid var(--navy);border-radius:14px;width:23px;height:33px;display:inline-block;position:relative}.mic-icon:after{content:"";border:3px solid var(--navy);border-top:0;border-radius:0 0 10px 10px;width:18px;height:10px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.mic-icon i{background:var(--navy);width:3px;height:7px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.record-message{color:#b9c7d7;margin:18px 0 0;font-size:11px}.heard{color:#839ab5;margin:9px 0 0;font:11px PingFang SC,sans-serif}.heard strong{color:var(--cream)}.heard span{color:var(--lime);margin-left:9px}.demo-button{color:var(--navy);background:var(--cyan);cursor:pointer;border:0;border-radius:10px;margin-top:13px;padding:8px 13px;font-size:10px}.mouth-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:22px;padding:18px}.mouth-label{color:var(--cyan);font-size:10px}.mouth{background:var(--coral);border-radius:48% 48% 45% 45%;place-items:center;width:105px;height:74px;margin:19px auto 15px;display:grid;transform:rotate(-2deg);box-shadow:inset 0 -10px #70142940}.mouth:before{content:"";background:#39162a;border-radius:50%;width:76px;height:34px;position:absolute}.mouth span{color:#ffd7d4;font:700 25px Georgia,serif;position:relative}.mouth-card p{color:#9db0c6;text-align:center;margin:0;font:11px/1.65 PingFang SC,sans-serif}.word-list{margin:16px 0}.word-list div{border-bottom:1px solid #ffffff14;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;padding:10px 2px;display:grid}.word-list span{color:#607c9b;font-size:9px}.word-list b{font-size:13px}.word-list small{color:var(--cyan);font:12px Georgia,serif}blockquote{color:#bdcad9;margin:18px 0 0;font:13px/1.55 Georgia,Songti SC,serif}blockquote cite{color:#7087a3;margin-top:8px;font:9px PingFang SC,sans-serif;display:block}.learning-strip{border-top:1px solid #ffffff1a;grid-template-columns:180px 1fr 1fr;align-items:center;gap:25px;max-width:1350px;margin:0 auto 50px;padding:25px 30px;display:grid}.learning-strip>p{color:#7189a5;letter-spacing:.15em;font-size:10px}.learning-strip div{grid-template-columns:38px 1fr;column-gap:12px;display:grid}.learning-strip .locked{color:#728ba8;border:1px solid #284765;border-radius:12px;grid-row:1/3;place-items:center;width:38px;height:38px;font-size:10px;display:grid}.learning-strip strong{font-size:12px}.learning-strip small{color:#7189a5;margin-top:3px;font:10px PingFang SC,sans-serif}.celebration{z-index:20;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#020a19d4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.success-card{text-align:center;width:min(470px,95vw);color:var(--navy);background:var(--cream);border:5px solid var(--cyan);border-radius:34px;padding:34px 34px 30px;animation:.48s cubic-bezier(.2,1.5,.45,1) success-pop;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000080,0 0 70px #2fe4f140}.success-rays{background:repeating-conic-gradient(from 0deg, #c7f65b33 0 8deg, transparent 8deg 18deg);animation:18s linear infinite spin;position:absolute;inset:-60%}.success-card>:not(.success-rays){position:relative}.success-kicker{background:var(--navy);color:var(--lime);letter-spacing:.15em;border-radius:999px;padding:6px 10px;font-size:9px;display:inline-block}.score-ring{width:116px;height:116px;color:var(--navy);background:var(--lime);border:8px solid var(--navy);border-radius:50%;place-content:center;margin:18px auto 13px;display:grid;transform:rotate(-4deg)}.score-ring strong{font-size:50px;line-height:.8}.score-ring small{font-size:10px}.success-card h2{letter-spacing:-.04em;margin:0;font-size:37px}.success-card>p{color:#42536a;margin:8px 0 18px;font:12px PingFang SC,sans-serif}.success-card>p strong{color:var(--navy)}.success-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.success-stats span{color:#5c6c76;background:#e6ecde;border-radius:11px;padding:9px 4px;font-size:9px}.success-stats b{color:var(--navy);margin-top:2px;font-size:13px;display:block}.success-card button{background:var(--navy);width:100%;color:var(--cream);cursor:pointer;border:0;border-radius:14px;margin-top:18px;padding:15px 20px;box-shadow:0 6px #020815}.success-card button:hover{transform:translateY(-2px)}.success-card button span{color:var(--cyan);margin-left:8px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{left:var(--x);background:var(--c);width:10px;height:18px;transform:rotate(var(--r));animation:confetti-fall 2.2s var(--d) cubic-bezier(.2,.7,.4,1) infinite;border-radius:2px;position:absolute;top:-25px}.mode-sentence>.hero,.mode-sentence>.game-layout,.mode-sentence>.learning-strip,.mode-studio>.hero,.mode-studio>.game-layout,.mode-studio>.learning-strip{display:none}.mode-page{max-width:1420px;min-height:calc(100vh - 82px);margin:0 auto;padding:52px 34px 70px}.mode-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px;display:flex}.mode-heading p{color:var(--cyan);letter-spacing:.22em;margin:0 0 13px;font-size:10px}.mode-heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5vw,66px);line-height:1.02}.mode-heading h1 em{color:var(--lime);font-style:normal}.mode-heading div>span{color:#a9b9cc;margin-top:16px;font:13px/1.6 PingFang SC,sans-serif;display:block}.mode-count{background:#ffffff0d;border:1px solid #ffffff21;border-radius:18px;min-width:125px;padding:15px 18px}.mode-count small{color:var(--muted);font-size:9px;display:block}.mode-count strong{font-size:22px}.sentence-workspace{grid-template-columns:235px minmax(520px,1fr) 245px;align-items:start;gap:24px;display:grid}.sentence-list{scrollbar-width:thin;scrollbar-color:#234c6e transparent;max-height:590px;padding-right:4px;overflow-y:auto}.sentence-list>p,.sentence-coach>p{color:var(--muted);letter-spacing:.14em;margin:0 0 13px;font-size:10px}.sentence-list button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:28px 1fr;gap:2px 8px;width:100%;margin-bottom:8px;padding:12px;display:grid}.sentence-list button:hover{background:#ffffff0d}.sentence-list button.active{background:#2fe4f117;border-color:#2fe4f157}.sentence-list button span{color:var(--cyan);grid-row:1/3;padding-top:3px;font-size:9px}.sentence-list button b{font:12px/1.45 Georgia,serif}.sentence-list button small{color:#7189a4;font:9px PingFang SC,sans-serif}.sentence-card{text-align:center;background:linear-gradient(145deg,#0d2d54,#091f3d);border:1px solid #82c0ff38;border-radius:30px;min-height:590px;padding:30px 42px 35px;position:relative;box-shadow:0 24px 65px #00000047}.annotation-key{color:#8198b4;justify-content:center;gap:17px;font-size:9px;display:flex}.annotation-key .key-link{color:var(--cyan)}.annotation-key .key-stress{color:var(--lime)}.sentence-label{color:#8ca2bb;margin:52px 0 20px;font-size:10px}.marked-sentence{letter-spacing:-.025em;max-width:720px;margin:0 auto;font:700 clamp(31px,3.6vw,54px)/1.45 Georgia,serif}.marked-sentence span{display:inline;position:relative}.marked-sentence .mark-link{border-bottom:3px solid var(--cyan);padding-bottom:5px}.marked-sentence .mark-link:after{content:"⌒";color:var(--cyan);font:18px Arial,sans-serif;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.marked-sentence .mark-rise:after,.marked-sentence .mark-fall:after{color:var(--gold);font:18px Arial,sans-serif;position:absolute;top:-17px;right:-19px}.marked-sentence .mark-rise:after{content:"↗"}.marked-sentence .mark-fall:after{content:"↘"}.marked-sentence .mark-stress{color:var(--lime)}.translation{color:#8198b4;margin:15px 0 23px;font:11px PingFang SC,sans-serif}.sentence-listen{cursor:pointer;background:#2fe4f114;border:1px solid #2fe4f159;border-radius:999px;height:46px;padding:0 17px}.sentence-listen i{width:25px;height:25px;color:var(--navy);background:var(--cyan);border-radius:50%;place-items:center;margin-right:8px;font-size:8px;font-style:normal;display:inline-grid}.sentence-listen.playing{box-shadow:0 0 30px #2fe4f12e}.sentence-tip{text-align:left;color:#9fb1c7;background:#c7f65b14;border-radius:13px;align-items:center;gap:12px;max-width:620px;margin:26px auto 24px;padding:12px 15px;font:10px/1.55 PingFang SC,sans-serif;display:flex}.sentence-tip b{background:var(--lime);color:var(--navy);border-radius:7px;flex:none;padding:5px 8px}.sentence-record,.follow-record{min-width:190px;color:var(--navy);background:var(--lime);cursor:pointer;border:0;border-radius:15px;padding:14px 22px;box-shadow:0 6px #5b7521}.sentence-record.recording,.follow-record.recording{background:var(--coral);animation:1s ease-in-out infinite mic-pulse;box-shadow:0 6px #873e4d}.tiny-mic{vertical-align:-3px;border:2px solid var(--navy);border-radius:8px;width:11px;height:16px;margin-right:10px;display:inline-block;position:relative}.tiny-mic:after{content:"";border:2px solid var(--navy);border-top:0;border-radius:0 0 7px 7px;width:11px;height:6px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.sentence-demo{color:#8fa5be;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:9px;margin:14px auto 0;padding:7px 11px;font-size:9px;display:block}.sentence-result{text-align:left;background:#c7f65b1a;border:1px solid #c7f65b47;border-radius:16px;grid-template-columns:66px 1fr auto;align-items:center;gap:12px;max-width:620px;margin:24px auto 0;padding:14px 16px;display:grid}.sentence-result.again{background:#ff7b7917;border-color:#ff7b7940}.sentence-result>strong{color:var(--lime);font-size:33px}.sentence-result.again>strong{color:var(--coral)}.sentence-result strong small{margin-left:2px;font-size:9px}.sentence-result p{color:#c4d1df;margin:0;font:10px/1.5 PingFang SC,sans-serif}.sentence-result p span{color:#718ba8;display:block}.sentence-result button{color:var(--navy);background:var(--cyan);cursor:pointer;border:0;border-radius:9px;padding:8px 10px;font-size:9px}.sentence-coach{padding-top:2px}.sentence-coach>div{border-bottom:1px solid #ffffff14;grid-template-columns:36px 1fr;gap:1px 10px;padding:14px 0;display:grid}.sentence-coach div span{width:34px;height:34px;color:var(--cyan);background:#ffffff0f;border-radius:10px;grid-row:1/3;place-items:center;font-size:9px;display:grid}.sentence-coach b{font-size:12px}.sentence-coach small{color:#7189a4;font:9px PingFang SC,sans-serif}.sentence-coach blockquote{background:#ffffff0d;border-radius:16px;padding:16px}.studio-heading{align-items:center}.privacy-pill{background:#c7f65b12;border:1px solid #c7f65b38;border-radius:16px;align-items:center;gap:10px;min-width:215px;padding:12px 15px;display:flex}.privacy-pill>span{background:var(--lime);width:31px;height:31px;color:var(--navy);border-radius:50%;place-items:center;margin:0;display:grid}.privacy-pill p{color:var(--cream);letter-spacing:0;margin:0}.privacy-pill b{font-size:11px;display:block}.privacy-pill small{color:#8198b4;margin-top:3px;font:9px PingFang SC,sans-serif;display:block}.studio-workspace{grid-template-columns:minmax(600px,1fr) 265px;align-items:start;gap:24px;display:grid}.studio-main{min-width:0}.upload-zone{cursor:pointer;background:radial-gradient(circle at 50% 45%,#2fe4f11a,#0000 37%),#091f3cbf;border:2px dashed #2fe4f159;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;min-height:520px;transition:border-color .2s,transform .2s;display:flex}.upload-zone:hover{border-color:var(--cyan);transform:translateY(-2px)}.upload-zone input,.file-row label input{opacity:0;pointer-events:none;position:absolute}.upload-icon{background:var(--cyan);width:78px;height:78px;color:var(--navy);border-radius:23px;place-items:center;font-size:36px;display:grid;box-shadow:0 0 35px #2fe4f13d}.upload-zone h2{margin:22px 0 8px;font-size:25px}.upload-zone p{color:#8198b4;margin:0 0 22px;font-size:10px}.upload-zone>b{color:var(--navy);background:var(--lime);border-radius:11px;padding:11px 16px;font-size:10px}.upload-zone.analysing .upload-icon{animation:1s infinite mic-pulse}.analysis-card{background:linear-gradient(145deg,#0d2d54,#091f3d);border:1px solid #82c0ff38;border-radius:30px;min-height:520px;padding:25px 30px 30px;box-shadow:0 24px 65px #00000047}.file-row{align-items:center;gap:12px;display:flex}.file-icon{width:42px;height:42px;color:var(--navy);background:var(--cyan);border-radius:12px;flex:none;place-items:center;font-size:18px;display:grid}.file-row p{flex:1;min-width:0;margin:0}.file-row b,.file-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-row b{font-size:12px}.file-row small{color:#7891ad;margin-top:4px;font:9px PingFang SC,sans-serif}.file-row label{color:#9fb0c4;cursor:pointer;border:1px solid #ffffff26;border-radius:9px;padding:7px 10px;font-size:9px;position:relative}.reference-audio{filter:invert(.88)hue-rotate(155deg);width:100%;height:38px;margin:20px 0}.timeline-head{justify-content:space-between;align-items:flex-end;margin:5px 0 14px;display:flex}.timeline-head p{margin:0}.timeline-head b{font-size:12px;display:block}.timeline-head p span{color:#758eaa;font:9px PingFang SC,sans-serif}.timeline-head>div{color:#8ea3bc;gap:9px;font-size:8px;display:flex}.timeline-head>div span:before{content:"";border-radius:2px;width:7px;height:7px;margin-right:4px;display:inline-block}.legend-link:before{background:var(--cyan)}.legend-rise:before{background:var(--lime)}.legend-fall:before{background:var(--coral)}.audio-timeline{background:#03112480;border-radius:15px;height:150px;padding:36px 3px 20px;position:relative;overflow:hidden}.energy-bars{align-items:center;gap:2px;height:75px;display:flex;overflow:hidden}.energy-bars i{background:linear-gradient(var(--cyan), #186288);opacity:.72;border-radius:3px;flex:auto;min-width:1px;max-width:5px}.audio-marker{width:1px;color:var(--cyan);background:currentColor;position:absolute;top:10px;bottom:8px}.audio-marker.rise{color:var(--lime)}.audio-marker.fall{color:var(--coral)}.audio-marker b{white-space:nowrap;font-size:8px;position:absolute;top:0;left:4px}.audio-marker small{color:#8299b3;font-size:7px;position:absolute;bottom:0;left:4px}.analysis-tip{background:#af91ff17;border-radius:13px;align-items:center;gap:12px;margin:18px 0;padding:12px 14px;display:flex}.analysis-tip>span{background:var(--violet);width:30px;height:30px;color:var(--navy);border-radius:9px;flex:none;place-items:center;font-size:9px;display:grid}.analysis-tip p{color:#93a8c0;margin:0;font:9px/1.5 PingFang SC,sans-serif}.analysis-tip b{color:var(--cream);font-size:10px;display:block}.follow-record{margin:0 auto;display:block}.studio-error,.studio-status{text-align:center;font:10px PingFang SC,sans-serif}.studio-error{color:var(--coral)}.studio-status{color:#7f97b2}.studio-side{padding-top:8px}.studio-side ol{margin:0;padding:0;list-style:none}.studio-side li{opacity:.45;gap:10px;padding:11px 0;display:flex}.studio-side li.active,.studio-side li.done{opacity:1}.studio-side li>span{color:#7892ad;border:1px solid #294966;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:9px;display:grid}.studio-side li.active>span{color:var(--navy);background:var(--cyan);border-color:var(--cyan)}.studio-side li.done>span{color:var(--navy);background:var(--lime);border-color:var(--lime)}.studio-side li p{margin:0}.studio-side li b,.studio-side li small{display:block}.studio-side li b{font-size:11px}.studio-side li small{color:#7289a4;margin-top:3px;font:9px PingFang SC,sans-serif}.score-placeholder{text-align:center;background:#ffffff0d;border-radius:18px;margin-top:22px;padding:18px}.score-placeholder>span{color:#54718e;font-size:33px;display:block}.score-placeholder p{margin:8px 0 0}.score-placeholder b,.score-placeholder small{display:block}.score-placeholder b{font-size:11px}.score-placeholder small{color:#7189a4;margin-top:4px;font:9px/1.5 PingFang SC,sans-serif}.comparison-card{background:#c7f65b14;border:1px solid #c7f65b33;border-radius:20px;margin-top:20px;padding:18px}.comparison-card>strong{text-align:center;color:var(--lime);font-size:48px;display:block}.comparison-card>strong small{color:#8299b4;font-size:8px;display:block}.comparison-card p{color:#aebed0;justify-content:space-between;margin:11px 0 4px;font:9px PingFang SC,sans-serif;display:flex}.comparison-card p b{color:var(--cream)}.comparison-card div>span{background:#173450;border-radius:99px;height:5px;display:block;overflow:hidden}.comparison-card i{border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--lime));height:100%;display:block}.comparison-card em{color:#9fb2c6;text-align:center;margin-top:15px;font:9px/1.5 PingFang SC,sans-serif;display:block}@keyframes wave{to{transform:scaleY(.35)}}@keyframes pulse-wave{0%{height:8px}to{height:var(--bar)}}@keyframes mic-pulse{50%{transform:scale(1.05)}}@keyframes success-pop{0%{opacity:0;transform:scale(.68)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes confetti-fall{0%{transform:translateY(-30px) rotate(var(--r))}to{transform:translateY(110vh)translate(70px)rotate(720deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1120px){.game-layout{grid-template-columns:220px 1fr}.coach-panel{display:none}.hero{padding-top:40px}.game-card{min-height:580px}.sentence-workspace{grid-template-columns:210px 1fr}.sentence-coach{display:none}.studio-workspace{grid-template-columns:1fr 235px}}@media (max-width:760px){.topbar{grid-template-columns:1fr;height:112px;padding:10px 16px 0;display:grid}.topbar .brand{display:none}.topbar nav{grid-template-columns:repeat(3,1fr);gap:0;width:100%;font-size:12px;display:grid}.topbar nav button{height:56px}.streak{display:none}.hero{padding:35px 20px 25px;display:block}.hero h1{font-size:43px}.hero-copy>p:last-child{font-size:13px;line-height:1.6}.progress-card{width:100%;margin-top:25px}.game-layout{padding:0 15px 35px;display:block}.lesson-rail{scrollbar-width:none;gap:7px;padding:5px 0 14px;display:flex;overflow-x:auto}.lesson-rail .rail-title,.lesson-rail .tip-mini{display:none}.lesson{flex:none;grid-template-columns:38px auto;width:auto;margin:0;padding:7px 10px}.lesson b,.lesson small{display:none}.lesson-dot{border-radius:11px;width:38px;height:36px;font-size:13px}.lesson strong{white-space:nowrap;font-size:11px}.game-card{border-radius:23px;min-height:600px;padding:21px 18px 28px}.prompt h2{font-size:66px}.coach-line{text-align:left;align-items:flex-start}.learning-strip{grid-template-columns:1fr;gap:17px;margin:0 20px 30px;padding:20px 0}.learning-strip>p{margin:0}.success-card{padding:30px 20px 25px}.success-stats{gap:5px}.mode-page{min-height:calc(100vh - 112px);padding:34px 16px 50px}.mode-heading{margin-bottom:26px;display:block}.mode-heading h1{font-size:40px}.mode-count,.privacy-pill{width:100%;margin-top:20px}.sentence-workspace,.studio-workspace{display:block}.sentence-list{scrollbar-width:none;gap:7px;max-height:none;margin-bottom:13px;display:flex;overflow:auto hidden}.sentence-list>p{display:none}.sentence-list button{flex:0 0 170px}.sentence-card{min-height:590px;padding:25px 18px}.sentence-label{margin-top:45px}.marked-sentence{font-size:34px}.annotation-key{flex-wrap:wrap;gap:9px}.sentence-result{grid-template-columns:55px 1fr}.sentence-result button{grid-column:1/3}.studio-side{margin-top:25px}.upload-zone{min-height:430px}.analysis-card{padding:20px 14px 25px}.timeline-head{display:block}.timeline-head>div{margin-top:10px}.audio-marker b{writing-mode:vertical-rl;max-height:42px}.file-row label{flex:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.reference-button{color:var(--navy);background:var(--lime);font:inherit;cursor:pointer;border:0;border-radius:11px;padding:11px 16px;font-size:14px}.reference-button:disabled{opacity:.5;cursor:wait}.transcript-panel{background:#091f3d;border:1px solid #82c0ff38;border-radius:20px;margin-top:18px;padding:20px}.transcript-panel label{margin-bottom:12px;font-size:14px;display:block}.transcript-panel textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:150px;color:var(--cream);background:#06152d;border:1px solid #294966;border-radius:12px;padding:14px;font:16px/1.6 sans-serif}.transcript-notice{color:var(--coral);font-size:14px;line-height:1.6}.upload-zone p{text-align:center;padding:0 16px;font-size:14px}.tongue-demo{margin-bottom:18px}.tongue-demo-head{color:var(--cyan);justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.tongue-demo-head button{color:var(--cream);cursor:pointer;background:#102b46;border:1px solid #466680;border-radius:8px;padding:6px 10px;font-size:14px}.tongue-demo figure{background:#081d3a;border-radius:14px;margin:14px 0 0;padding:10px}.tongue-demo figcaption{color:#b9c9dc;font-size:14px}.tongue-demo svg{width:100%;height:auto;display:block}.side-tongue{transform-origin:160px 125px;animation:3.6s ease-in-out infinite tongue-lift}.front-tongue{transform-origin:110px 101px;animation:3.6s ease-in-out infinite tongue-front}.rounded .front-lips{transform-origin:110px 76px;animation:3.6s ease-in-out infinite lip-round}.open .side-tongue{animation-name:tongue-low}.tongue-demo.paused *{animation-play-state:paused}.tongue-legend{color:#b9c9dc;flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px;font-size:12px;display:flex}.tongue-legend i{background:var(--coral);border-radius:3px;width:9px;height:9px}.tongue-legend span{color:var(--lime);margin-left:auto}.tongue-disclaimer{color:#8fa6c0;margin-top:8px;font-size:12px;line-height:1.6;display:block}@keyframes tongue-lift{0%,15%,to{transform:scaleY(.6)}35%,70%{transform:scaleY(1)}}@keyframes tongue-front{0%,15%,to{transform:scaleY(.75)}35%,70%{transform:scaleY(1)}}@keyframes lip-round{0%,15%,to{transform:scaleX(1)}35%,70%{transform:scaleX(.72)}}@keyframes tongue-low{0%,15%,to{transform:scaleY(1.1)}35%,70%{transform:scaleY(.85)}}@media (prefers-reduced-motion:reduce){.tongue-demo *{animation:none!important}.rounded .front-lips{transform:scaleX(.72)}}@media (max-width:1100px){.coach-panel{grid-column:1/-1;display:block}.coach-panel .mouth-card{max-width:500px}.tongue-demo figure{box-sizing:border-box;vertical-align:top;width:calc(50% - 6px);display:inline-block}.tongue-demo figure+figure{margin-left:12px}}.learning-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 5%;font-size:14px;display:flex}.training-link,.plans-header a{color:var(--cyan);font-size:14px;text-decoration:none}.phoneme-grid{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.phoneme-grid button{min-width:52px;min-height:44px;color:var(--cream);cursor:pointer;background:#102b46;border:1px solid #335273;border-radius:10px;font-size:20px}.phoneme-grid button[aria-pressed=true]{color:var(--navy);background:var(--cyan)}.tool-row{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;display:flex}.tool-row button,.plans-page button{min-height:44px;color:var(--cream);font:inherit;cursor:pointer;background:#102b46;border:1px solid #365774;border-radius:10px;padding:10px 14px}.tool-row button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.tool-row input[type=number]{width:76px;margin-left:6px}.speed-control{align-items:center;gap:10px;margin:10px 8px 10px 0;font-size:14px;display:inline-flex}.speed-control select,.tool-row input{color:var(--cream);font:inherit;background:#102b46;border:1px solid #466680;border-radius:8px;padding:8px}.tool-note{color:#9bb0c9;margin:12px 0;display:block;font-size:14px!important;line-height:1.65!important}.tool-note a{color:var(--cyan)}.tool-error{color:var(--coral);font-size:14px;line-height:1.6}.recorder-tools{margin-top:20px}.recorder-tools audio,.loop-player audio{width:100%;margin-top:12px}.recorder-tools .follow-record{margin-top:12px}.sound-actions{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;margin:10px 0 6px;display:grid}.sound-actions .sentence-listen{white-space:nowrap;width:100%;height:52px;padding:0 12px;font-size:16px}.isolated-sound:disabled{opacity:.72;cursor:wait}.sound-actions.single-action{grid-template-columns:1fr}.follow-heading strong{font-size:17px}.follow-heading p{color:var(--muted);margin:5px 0 0;font-size:15px;line-height:1.7}.follow-heading{margin-top:26px}.next-training,.today-card,.free-plan,.my-training{background:#0b2545;border:1px solid #365774;border-radius:20px;padding:22px}.next-training{text-align:left;margin-top:22px}.next-training a,.today-card a,.free-plan a{color:var(--lime);text-decoration:none}.today-card{max-width:430px;font-size:16px}.today-card small{color:var(--cyan);font-size:14px}.today-card h2{font-size:22px}.today-card li{margin:8px 0}.today-card li a{color:var(--cream)}.game-card .prompt h2{overflow-wrap:anywhere;font-size:clamp(40px,5vw,68px)}.game-card .coach-line{font-size:16px}.mouth-card p,.game-topline{font-size:14px}.locked-course{color:var(--cyan);padding:18px 8px;font-size:14px;text-decoration:none;display:block}.upload-compact{border:1px dashed var(--cyan);cursor:pointer;border-radius:10px;margin-bottom:12px;padding:12px;font-size:14px;display:block}.upload-compact input{max-width:100%}.upload-zone{position:relative}.upload-zone input{pointer-events:auto;cursor:pointer;width:100%;height:100%;inset:0}.signal-map{margin-top:20px}.signal-map .energy-bars{align-items:center;gap:2px;height:55px;display:flex}.signal-map .energy-bars i{background:var(--cyan);flex:1}.signal-map svg{width:100%;height:auto}.comparison-card p{font-size:14px}.comparison-card .tool-note{display:block}.plans-page{max-width:1240px;margin:auto;padding:28px 24px 70px}.plans-header{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-bottom:44px;display:flex}.plans-page h1{margin:12px 0;font-size:44px}.plans-intro{color:var(--muted);font-size:18px}.free-plan{justify-content:space-between;align-items:center;gap:20px;margin:28px 0;display:flex}.free-plan p{color:var(--muted);line-height:1.7}.free-plan a{white-space:nowrap}.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.pack-card{background:linear-gradient(145deg,#0d2d54,#091f3d);border:1px solid #2b4a69;border-radius:22px;padding:24px;scroll-margin-top:24px}.pack-card h2{font-size:24px;line-height:1.4}.pack-card p{color:var(--muted);line-height:1.7}.pack-card small{color:var(--muted);font-size:14px}.pack-cover{color:var(--cyan);margin-bottom:22px;font:32px Georgia,serif}.pack-price{color:var(--lime);font-size:32px;display:block}.pack-price small{margin-top:6px;display:block}.pack-card>button{width:100%;margin:6px 0}.plans-page .primary-action{background:var(--lime);color:var(--navy);border-color:var(--lime)}.day-list{margin-top:24px;padding:0;list-style:none}.day-list li{margin:8px 0}.day-list button{text-align:left;width:100%}.day-list span,.day-list b,.day-list small,.day-list em{line-height:1.5;display:block}.day-list span{color:var(--cyan);font-size:12px}.day-list b{margin:5px 0}.day-list em{color:var(--lime);margin-top:6px;font-size:14px;font-style:normal}.lesson-workspace{margin-top:30px;scroll-margin-top:30px}.lesson-workspace:has(h2){background:#0b2545;border:1px solid #365774;border-radius:22px;padding:28px}.lesson-workspace p,.lesson-workspace li{font-size:16px;line-height:1.8}.lesson-text{color:var(--cream);margin:22px 0;font-size:26px;line-height:1.6}.my-training{margin-bottom:24px}.my-training>div{flex-wrap:wrap;align-items:center;gap:20px;margin:14px 0;display:flex}.purchase-notice{border:1px solid var(--cyan);color:var(--cream);border-radius:14px;padding:20px}@media (max-width:900px){.pack-grid{grid-template-columns:1fr}.free-plan{display:block}.free-plan a{padding:12px 0;display:inline-block}.plans-page{padding:20px 16px 50px}.hero{flex-wrap:wrap;gap:20px}.today-card{max-width:none}.lesson-workspace:has(h2){padding:20px 16px}}@media (max-width:700px){.topbar{height:auto;min-height:112px}.training-link{justify-self:end;margin-right:8px;padding:6px 0 12px}.game-card{min-width:0}.game-layout{display:block}.sentence-card{min-width:0}.sentence-list{max-width:100%}.marked-sentence{overflow-wrap:anywhere;font-size:28px}.coach-panel{margin-top:24px;display:block!important}.today-card{margin-top:20px}.tool-row label{font-size:14px}.plans-header{margin-bottom:28px}.plans-page h1{font-size:36px}.mode-heading h1{font-size:34px}.privacy-pill{box-sizing:border-box}.mouth-card{max-width:100%!important}.studio-workspace{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:40px}.sound-actions{gap:8px}.sound-actions .sentence-listen{min-width:0;padding:0 6px;font-size:14px}}.mode-phoneme .learning-bar,.mode-phoneme .topbar nav,.mode-phoneme .training-link{font-size:16px}.mode-phoneme small,.mode-phoneme .brand small,.mode-phoneme .eyebrow,.mode-phoneme .rail-title{font-size:14px}.mode-phoneme .hero-copy>p:last-child{font-size:17px;line-height:1.7}.mode-phoneme .lesson strong{font-size:16px}.mode-phoneme .lesson small{font-size:14px;line-height:1.45}.mode-phoneme .game-topline{font-size:16px}.mode-phoneme .level-pill{font-size:13px}.mode-phoneme .prompt-label,.mode-phoneme .phonetic span{font-size:15px}.mode-phoneme .speed-control{font-size:16px}.mode-phoneme .tool-note{font-size:16px!important}.mode-phoneme .tool-error{font-size:15px}.mode-phoneme .tongue-demo-head,.mode-phoneme .tongue-demo-head button,.mode-phoneme .tongue-demo figcaption{font-size:16px}.mode-phoneme .tongue-demo svg text{font-size:14px}.mode-phoneme .tongue-legend{font-size:15px}.mode-phoneme .mouth-card p{font-size:16px;line-height:1.75}.mode-phoneme blockquote{font-size:15px}.mode-phoneme blockquote cite{font-size:13px}.mode-phoneme .completion-message{font-size:16px}@media (max-width:700px){.mode-phoneme .topbar nav{font-size:15px}.mode-phoneme .training-link,.mode-phoneme .lesson strong{font-size:14px}.mode-phoneme .prompt-label,.mode-phoneme .phonetic span{font-size:16px}.mode-phoneme .tool-note{font-size:16px!important}.mode-phoneme .rail-title{font-size:15px}}.completion-confetti{pointer-events:none;z-index:20;position:fixed;inset:0}.completion-message{color:var(--lime);font-size:14px}@media (prefers-reduced-motion:reduce){.completion-confetti{display:none}}.compact-hero{padding-bottom:24px}.explore-actions{border-top:1px solid #ffffff1f;margin-top:24px;padding-top:20px}.explore-actions>p{color:var(--cream);margin:0 0 2px;font-size:16px}.explore-actions .tool-row{margin-bottom:0}.system-cta{background:linear-gradient(100deg,#2fe4f11a,#c7f65b14);border:1px solid #2fe4f159;border-radius:16px;margin-top:28px;padding:19px 20px;transition:transform .2s,border-color .2s;display:block}.system-cta:hover{border-color:var(--cyan);transform:translateY(-2px)}.system-cta span,.system-cta small{display:block}.system-cta span{color:var(--cream);font-size:16px;line-height:1.55}.system-cta small{color:var(--lime);margin-top:6px;font-size:14px}.minimal-pair{background:#04172f6b;border:1px solid #2fe4f138;border-radius:16px;margin:22px 0;padding:16px 18px}.minimal-pair>span{color:var(--cyan);font-size:14px}.minimal-pair>div{flex-wrap:wrap;align-items:baseline;gap:8px;margin:9px 0 5px;display:flex}.minimal-pair b{color:var(--cream);font-size:18px}.minimal-pair i{color:var(--muted);font-size:14px;font-style:normal}.minimal-pair em{color:var(--lime);padding:0 5px;font-size:18px;font-style:normal}.minimal-pair .sentence-listen{margin-top:7px}.tongue-point{border-top:1px solid #ffffff1f;margin-top:13px;padding-top:13px}.tongue-point b{color:var(--lime);font-size:15px}.tongue-point p{margin:6px 0 0}.replay-actions{flex-wrap:wrap;gap:9px;margin:10px 0 2px;display:flex}.replay-actions button{min-height:42px;color:var(--cream);cursor:pointer;background:#102b46;border:1px solid #365774;border-radius:10px;padding:9px 13px}.replay-actions .sentence-listen{margin:0}.replay-actions>audio{display:none}.listening-note{background:#ffffff09;border:1px solid #ffffff1c;border-radius:14px;margin:0 0 10px;padding:15px}.listening-note b,.listening-note small{display:block}.listening-note b{color:var(--cream);font-size:15px}.listening-note small{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.55}.training-system{background:radial-gradient(circle at 82% 7%,#143d6b 0,#0000 28%),linear-gradient(135deg,#06152d,#081d3a 65%,#07182e);min-height:100vh;overflow:hidden}.training-topbar{max-width:1220px}.training-hero,.training-section,.system-footer{width:min(1120px,100% - 48px);margin-left:auto;margin-right:auto}.training-hero{max-width:1120px;padding:88px 0 72px}.training-placeholder{min-height:calc(100vh - 82px)}.pending-card{width:min(780px,100%);color:var(--muted);text-align:center;letter-spacing:.08em;background:#081d3a9e;border:1px solid #2fe4f147;border-radius:24px;margin-top:58px;padding:42px 28px;font-size:clamp(24px,4vw,36px)}.training-hero h1{max-width:780px;color:var(--cream);letter-spacing:-.065em;margin:0;font-size:clamp(46px,7vw,82px);line-height:.98}.training-hero h1 em{color:var(--lime);font-style:normal}.training-hero>p:not(.eyebrow){color:#b5c7d9;max-width:610px;margin:27px 0 0;font:18px/1.8 PingFang SC,Microsoft YaHei,sans-serif}.anchor-cta{min-height:46px;color:var(--navy);background:var(--lime);border-radius:999px;align-items:center;margin-top:30px;padding:0 18px;font-size:15px;display:inline-flex}.training-section{border-top:1px solid #ffffff21;padding:74px 0}.training-section h2{letter-spacing:-.04em;max-width:760px;margin:10px 0 22px;font-size:clamp(30px,4.1vw,52px);line-height:1.12}.training-section>p:not(.section-label){max-width:720px;color:var(--muted);font:16px/1.8 PingFang SC,Microsoft YaHei,sans-serif}.section-label{color:var(--cyan);letter-spacing:.18em;margin:0;font-size:12px}.lime-label{color:var(--lime)}.contrast-grid{border:1px solid #ffffff29;border-radius:24px;grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid;overflow:hidden}.contrast-grid>div{background:#09203dab;min-height:270px;padding:36px}.contrast-grid>div+div{background:linear-gradient(145deg,#2fe4f11a,#c7f65b1a);border-left:1px solid #ffffff26}.contrast-grid h2{margin:13px 0;font-size:clamp(25px,3vw,38px)}.contrast-grid p:not(.section-label){color:#a8bcd1;font:16px/1.75 PingFang SC,Microsoft YaHei,sans-serif}.lab-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;display:grid}.lab-grid article{background:#0518307a;border:1px solid #2fe4f12e;border-radius:18px;min-height:174px;padding:20px}.lab-grid span{color:var(--cyan);font:18px Georgia,serif}.lab-grid b,.lab-grid p{display:block}.lab-grid b{margin-top:26px;font-size:18px}.lab-grid p{color:var(--muted);margin:8px 0 0;font:14px/1.55 PingFang SC,Microsoft YaHei,sans-serif}.decision-section{text-align:center}.decision-section h2,.decision-section>p{margin-left:auto;margin-right:auto}.decision-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;max-width:900px;margin:34px auto 20px;display:flex}.decision-flow span{color:var(--cream);background:#2fe4f114;border:1px solid #2fe4f15c;border-radius:999px;padding:13px 15px;font-size:15px}.decision-flow i{color:var(--lime);font-size:23px;font-style:normal}.no-ai-section{grid-template-columns:.85fr 1.15fr;align-items:center;column-gap:80px;display:grid}.no-ai-section .section-label,.no-ai-section h2{grid-column:1}.no-ai-section>p{grid-column:1;margin:0}.record-contrast{background:#05183075;border:1px solid #ffffff24;border-radius:24px;grid-area:1/2/span 3;justify-content:center;align-items:center;gap:18px;min-height:250px;padding:30px;display:flex}.record-contrast>div{flex:1;min-width:0}.record-contrast span{color:var(--muted);margin-bottom:14px;font-size:14px;display:block}.record-contrast>b{color:var(--lime);font-size:24px}.sound-bars{letter-spacing:5px;height:88px;color:var(--cyan);font:48px/.38 monospace;overflow:hidden;transform:scaleY(.8)}.sound-bars.mine{color:var(--coral);transform:scaleY(.52)}.map-section{text-align:center}.map-section h2,.map-section>p{margin-left:auto;margin-right:auto}.mastery-map{text-align:left;grid-template-columns:repeat(2,1fr);gap:10px;max-width:740px;margin:32px auto 18px;display:grid}.mastery-map>div{background:#ffffff09;border:1px solid #ffffff24;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.mastery-map b{font-size:15px}.mastery-map span{border-radius:999px;padding:5px 8px;font-size:12px}.mastery-map .learning{color:var(--cyan);background:#2fe4f129}.mastery-map .improving{color:var(--lime);background:#c7f65b26}.mastery-map .mastered{color:var(--violet);background:#af91ff29}.mastery-map .maintenance{color:var(--gold);background:#ffd26026}.system-footer{text-align:center;border-top:1px solid #ffffff21;margin-top:10px;padding:70px 0 90px}.system-footer p{color:var(--cream);letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,42px)}.system-footer span{color:var(--muted);margin-top:12px;font-size:16px;display:block}.system-footer a{min-height:46px;color:var(--navy);background:var(--cyan);border-radius:999px;align-items:center;margin-top:26px;padding:0 19px;font-size:15px;display:inline-flex}@media (max-width:760px){.learning-bar{text-align:center;justify-content:center;padding:11px 16px}.compact-hero{padding-top:30px}.system-cta{padding:17px}.minimal-pair{padding:15px}.replay-actions{gap:7px}.replay-actions button,.replay-actions .sentence-listen{flex:132px}.training-topbar{grid-template-columns:1fr auto;min-height:70px;padding:13px 16px;display:flex}.training-topbar .brand{display:flex}.training-topbar .training-link{white-space:nowrap;padding:0}.training-hero,.training-section,.system-footer{width:min(100% - 32px,1120px)}.training-hero{padding:56px 0 50px}.training-hero h1{font-size:clamp(42px,13vw,62px)}.training-hero>p:not(.eyebrow){font-size:16px}.training-section{padding:52px 0}.training-section h2{font-size:32px}.contrast-grid{display:block}.contrast-grid>div{min-height:auto;padding:28px 22px}.contrast-grid>div+div{border-top:1px solid #ffffff26;border-left:0}.lab-grid{grid-template-columns:1fr 1fr}.lab-grid article{min-height:152px;padding:16px}.lab-grid b{margin-top:17px;font-size:16px}.lab-grid p{font-size:13px}.decision-flow{gap:8px}.decision-flow span{padding:10px 11px;font-size:13px}.decision-flow i{font-size:17px}.no-ai-section{display:block}.record-contrast{min-height:180px;margin:27px 0;padding:21px}.sound-bars{letter-spacing:2px;height:66px;font-size:35px}.mastery-map{grid-template-columns:1fr}.system-footer{padding:56px 0 68px}}.word-audio-native{background:#081d3a80;border:1px solid #2fe4f18c;border-radius:18px;gap:.5rem;width:100%;padding:.75rem;display:grid}.word-audio-native>strong{color:#e9fbff;text-align:center;font-size:1rem}.word-audio-native label{gap:.25rem;display:grid}.word-audio-native label span{color:var(--cyan);font-size:.9rem}.word-audio-native audio{width:100%;height:42px;display:block}.feedback-form{box-sizing:border-box;background:#0518309e;border:1px solid #ffffff24;border-radius:20px;width:min(780px,100%);margin-top:20px;padding:24px}.feedback-form>label:first-child{color:var(--cream);margin-bottom:12px;font-size:18px;font-weight:700;display:block}.feedback-form textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:96px;color:var(--cream);background:#081d3a;border:1px solid #3a5c7a;border-radius:13px;outline:none;padding:14px 15px;font:16px/1.6 PingFang SC,Microsoft YaHei,sans-serif}.feedback-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #2fe4f11f}.feedback-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.feedback-meta{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.feedback-meta span{color:var(--muted);font-size:14px}.feedback-meta span.over-limit{color:var(--coral);font-weight:700}.feedback-meta button,.admin-shell button{border:1px solid var(--cyan);min-height:44px;color:var(--navy);background:var(--cyan);cursor:pointer;border-radius:11px;padding:10px 16px;font:600 15px inherit}.feedback-meta button:disabled,.admin-shell button:disabled{opacity:.55;cursor:wait}.feedback-form>p{color:var(--lime);margin:12px 0 0;font-size:15px}.feedback-form>small{color:#8ea5bf;margin-top:15px;font-size:14px;line-height:1.65;display:block}.admin-shell{box-sizing:border-box;min-height:100vh;color:var(--cream);background:radial-gradient(circle at 88% 0,#2fe4f11f,transparent 30%),var(--navy);padding:42px max(18px,50vw - 560px) 80px}.admin-login{box-sizing:border-box;background:#0b2545;border:1px solid #2fe4f140;border-radius:22px;width:min(480px,100%);margin:10vh auto 0;padding:30px}.admin-login h1,.admin-head h1{letter-spacing:-.04em;margin:8px 0 24px;font-size:clamp(30px,5vw,48px)}.admin-login form{gap:10px;display:grid}.admin-login label{font-size:15px}.admin-login input{min-height:46px;color:var(--cream);background:#06152d;border:1px solid #466680;border-radius:10px;padding:0 12px;font-size:16px}.admin-login small{color:var(--muted);margin-top:18px;font-size:14px;line-height:1.6;display:block}.admin-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.admin-head h1{margin-bottom:0}.admin-head button{color:var(--cream);background:0 0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-grid article{background:#0b2545;border:1px solid #ffffff21;border-radius:17px;padding:20px}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:#a4b8ce;min-height:42px;font-size:15px;line-height:1.4}.metric-grid strong{color:var(--cyan);margin-top:12px;font-size:40px}.validation-status{background:#c7f65b12;border:1px solid #c7f65b40;border-radius:19px;margin-top:16px;padding:24px}.validation-status.signal{border-color:var(--lime)}.validation-status span{color:var(--muted);font-size:14px}.validation-status h2{color:var(--lime);margin:8px 0 4px;font-size:26px}.validation-status p{color:#b5c7d9;margin:0;font-size:15px}.admin-panel{background:#0b2545d1;border:1px solid #ffffff21;border-radius:20px;margin-top:24px;padding:24px}.admin-panel h2{margin:0 0 18px;font-size:23px}.funnel-list{gap:8px;display:grid}.funnel-list div{background:#ffffff0b;border-radius:11px;grid-template-columns:1fr 80px 80px;align-items:center;gap:12px;padding:12px 14px;display:grid}.funnel-list span{font-size:15px}.funnel-list strong{color:var(--cyan);font-size:22px}.funnel-list small{color:var(--lime);text-align:right;font-size:14px}.feedback-list{gap:12px;display:grid}.feedback-list article{background:#071b36;border:1px solid #ffffff1f;border-radius:15px;padding:18px}.feedback-line{color:var(--muted);justify-content:space-between;gap:15px;font-size:14px;display:flex}.feedback-list article>p{color:var(--cream);overflow-wrap:anywhere;margin:13px 0 17px;font-size:17px;line-height:1.6}.feedback-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.feedback-actions label{cursor:pointer;align-items:center;gap:9px;font-size:15px;display:flex}.feedback-actions input{width:19px;height:19px;accent-color:var(--lime)}.feedback-actions button{color:#ffb5b3;background:0 0;border-color:#6a4050;min-height:38px;padding:7px 12px}.admin-empty{color:var(--muted)}.admin-rule{border-left:4px solid var(--lime);background:#ffffff0a;margin-top:24px;padding:20px 24px}.admin-rule b{font-size:16px}.admin-rule p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.65}@media (max-width:760px){.training-placeholder{min-height:calc(100vh - 70px)}.pending-card{margin-top:38px;padding:30px 18px;font-size:24px}.feedback-form{padding:18px}.feedback-form>label:first-child{font-size:17px}.admin-shell{padding-top:24px}.admin-head{align-items:flex-start}.admin-head button{flex:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid article{padding:16px}.metric-grid span{min-height:40px;font-size:14px}.metric-grid strong{font-size:34px}.admin-panel{padding:17px}.funnel-list div{grid-template-columns:1fr 48px 58px;gap:8px;padding:11px}.feedback-line,.feedback-actions{flex-direction:column;align-items:flex-start}.feedback-actions button{width:100%}.admin-login{padding:22px}}