/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grow{flex-grow:1}}:root{--ink:#f7fbff;--muted:#91a6c5;--navy-950:#041126;--navy-900:#071a37;--navy-850:#092044;--navy-800:#0b2852;--navy-700:#12376a;--line:#c6dcff21;--cyan:#63e4ed;--cyan-dark:#062c42;--amber:#ffd56a;--green:#62d9a7;--rose:#ff8196}*{box-sizing:border-box}html{background:var(--navy-950);min-width:320px}body{background:var(--navy-950);color:var(--ink);margin:0;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline:3px solid var(--cyan);outline-offset:3px}svg{width:22px;height:22px;display:block}.student-shell,.teacher-shell{background-color:var(--navy-950);min-height:100vh}.student-header,.teacher-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05132bf5;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 30px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--cyan);color:#032034;border-radius:14px;place-items:center;width:46px;height:46px;font:900 23px/1 system-ui;display:grid;box-shadow:0 0 28px #63e4ed29}.brand>div:last-child{gap:2px;display:grid}.brand span{color:#63e4edb8;letter-spacing:.2em;font-size:10px;font-weight:900}.brand strong{letter-spacing:.02em;font-size:18px}.header-status,.teacher-head-right{color:#c6d5ea;align-items:center;gap:10px;font-size:13px;display:flex}.live-dot{color:#93edc7;background:#62d9a717;border:1px solid #62d9a738;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-weight:800;display:inline-flex}.live-dot:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #62d9a71a}.seat-picker{background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:4px 5px 4px 12px;display:flex}.seat-picker input{color:#fff;text-align:center;background:#ffffff1a;border:0;border-radius:999px;width:48px;height:31px;font-weight:900}.teacher-link,.teacher-head-right a{color:#a9bad3;border:1px solid var(--line);border-radius:10px;padding:8px 12px;text-decoration:none}.teacher-link:hover,.teacher-head-right a:hover{color:#fff;border-color:#63e4ed59}.content-settings-button{color:var(--cyan);background:#63e4ed1a;border:1px solid #63e4ed59;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:900}.content-settings-button:hover{border-color:var(--cyan);color:#fff;background:#63e4ed29}.roster-settings-button{color:#ffe08a;background:#ffd56a14;border:1px solid #ffd56a52;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:900}.roster-settings-button:hover{border-color:var(--amber);color:#fff}.student-name-button{color:#fff;background:#63e4ed12;border:1px solid #63e4ed40;border-radius:11px;justify-items:start;min-width:118px;padding:6px 12px;display:grid}.student-name-button span{color:#7891b2;font-size:9px}.student-name-button b{color:var(--cyan);margin-top:2px;font-size:12px}.name-selector{z-index:130;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020917ed;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.name-selector-card{text-align:center;background:#09244b;border:1px solid #63e4ed40;border-radius:25px;width:min(790px,100vw - 32px);max-height:calc(100vh - 48px);padding:30px;overflow:auto;box-shadow:0 30px 90px #00000080}.name-selector-card .brand-mark{margin:0 auto 15px}.name-selector-card h1{margin-top:7px;font-size:27px}.name-selector-card>p{color:#93a9c6;max-width:560px;margin:9px auto 22px;font-size:12px;line-height:1.7}.student-name-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.student-name-grid button{border:1px solid var(--line);color:#fff;text-align:left;background:#0c2c58;border-radius:12px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}:is(.student-name-grid button:hover,.student-name-grid button:focus-visible){border-color:var(--cyan);background:#63e4ed1c;transform:translateY(-1px)}.student-name-grid span{width:27px;height:27px;color:var(--cyan);background:#63e4ed1a;border-radius:8px;place-items:center;font-size:9px;font-weight:900;display:grid}.student-name-grid b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.student-grid{grid-template-columns:minmax(0,1fr) 350px;gap:22px;width:min(1480px,100%);margin:0 auto;padding:24px 28px 34px;display:grid}.task-card,.feedback-card,.control-panel,.summary-grid article,.class-panel,.analytics-row article,.student-detail{border:1px solid var(--line);background:var(--navy-900);box-shadow:0 18px 45px #0000002e}.task-card{border-radius:26px;min-width:0;overflow:hidden}.task-head{border-bottom:1px solid var(--line);background:#092044;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;display:flex}.eyebrow{color:#63e4edb8;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}h1,h2,h3,p{margin:0}.task-head h1{margin-top:5px;font-size:clamp(20px,2.5vw,29px);line-height:1.25}.task-switch{background:#010a1b8f;border-radius:12px;padding:4px;display:flex}.task-switch span{color:var(--muted);border-radius:9px;padding:8px 13px;font-size:13px;font-weight:800}.task-switch .active{background:var(--cyan);color:#052038}.reading-stage,.dialogue-stage{min-height:480px;padding:20px 24px 22px}.stage-note{color:#b5c5dc;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.stage-note span{color:#ffe39b;background:#ffd56a1f;border-radius:7px;padding:5px 8px;font-weight:800}.line-list{gap:10px;display:grid}.reading-line{border:1px solid var(--line);border-radius:18px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:13px;min-width:0;min-height:91px;padding:14px 14px 14px 16px;transition:border-color .22s,background .22s,transform .22s,opacity .22s,box-shadow .22s;display:grid}.reading-line.machine-line{color:#afbed4;background:#ffffff06}.reading-line.student-line{background:#63e4ed11;border-color:#63e4ed47}.role-chip{background:#ffffff17;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:950;display:grid}.student-line .role-chip{background:var(--cyan);color:#06213a}.reading-line small{color:#8297b6;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.reading-line p{margin-top:4px;font-size:clamp(18px,2vw,25px);font-weight:780;line-height:1.38}.reading-line.is-complete{opacity:.46}.reading-line.is-active{z-index:2;opacity:1;animation:1.4s ease-in-out infinite activeBreathe;position:relative;transform:translate(5px)scale(1.008);box-shadow:0 12px 30px #00000038}.reading-line.is-active.active-student{border-color:var(--cyan);background:#123e6d;box-shadow:0 0 0 3px #63e4ed1c,0 12px 30px #00000038}.reading-line.is-active.active-machine{border-color:var(--amber);background:#273b60;box-shadow:0 0 0 3px #ffd56a17,0 12px 30px #00000038}.reading-line.is-active.active-machine .role-chip{background:var(--amber);color:#173052}.reading-line.is-active small{color:#fff}.line-progress{background:#ffffff1a;border-radius:99px;width:100%;height:4px;margin-top:9px;overflow:hidden}.line-progress i{border-radius:inherit;background:var(--cyan);min-width:8%;height:100%;transition:width .12s linear;display:block}.active-machine .line-progress i{background:var(--amber);animation:3.8s linear infinite machineProgress}.turn-indicator{border-radius:8px;margin-left:auto;padding:6px 10px;font-size:11px}.turn-indicator.student{color:var(--cyan);background:#63e4ed24}.turn-indicator.machine{color:var(--amber);background:#ffd56a21}.icon-button,.mini-speaker{color:var(--cyan);background:#ffffff14;border:0;place-items:center;display:grid}.icon-button{border-radius:50%;width:42px;height:42px}.icon-button:hover,.mini-speaker:hover{background:#63e4ed24}.icon-button.is-playing svg,.mini-speaker:active svg{animation:.65s infinite alternate speakerPulse}.dialogue-stage{flex-direction:column;gap:14px;display:flex}.scenario-strip{background:#102d58;border:1px solid #ffd56a2b;border-radius:17px;align-items:center;gap:14px;padding:14px 18px;display:flex}.scenario-strip>div:last-child{gap:4px;display:grid}.scenario-strip span{color:#ffd978;font-size:12px;font-weight:800}.scenario-strip strong{font-size:17px}.scenario-strip small{color:#9eb1ca;font-size:11px;line-height:1.5}.cartoon-face{color:#102c51;background:#ffd56a;border-radius:50% 50% 45% 45%;flex:none;justify-content:center;align-items:center;gap:8px;width:48px;height:48px;display:flex;position:relative;box-shadow:inset 0 -5px #ba7f1d1f}.cartoon-face span{color:#102c51;font-size:21px;line-height:1;transform:translateY(-5px)}.cartoon-face i{border-bottom:2px solid #102c51;border-radius:50%;width:17px;height:7px;position:absolute;bottom:10px;left:16px}.chat-list{flex-direction:column;justify-content:flex-end;gap:11px;min-height:260px;display:flex}.chat-row{align-items:flex-end;gap:9px;display:flex}.chat-row>span{color:#bdd3ef;background:#264a7a;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:950;display:grid}.chat-row p{color:#eef6ff;background:#123461;border-radius:16px 16px 16px 4px;max-width:min(78%,620px);padding:12px 15px;font-size:clamp(16px,1.8vw,21px);font-weight:700;line-height:1.45}.chat-row.student{flex-direction:row-reverse}.chat-row.student>span{background:var(--cyan);color:#05243a}.chat-row.student p{color:#082b43;background:#dffcff;border-radius:16px 16px 4px}.mini-speaker{border-radius:50%;width:32px;height:32px}.mini-speaker svg{width:17px}.idea-bank{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.idea-bank>span{color:#8297b6;font-size:12px}.idea-bank button{border:1px solid var(--line);color:#afc4df;background:0 0;border-radius:9px;padding:7px 10px;font-size:12px}.idea-bank button:hover{color:#fff;border-color:#63e4ed59}.record-dock{border-top:1px solid var(--line);background:#061a38;justify-content:space-between;align-items:center;gap:18px;min-height:97px;padding:17px 24px;display:flex}.record-guide{gap:4px;display:grid}.record-guide strong{font-size:17px}.record-guide span{color:var(--muted);font-size:13px}.record-button{background:var(--cyan);color:#052139;border:0;border-radius:16px;justify-content:center;align-items:center;gap:11px;min-width:245px;padding:12px 20px;font-weight:950;transition:transform .18s,background .18s;display:flex;box-shadow:0 12px 30px #63e4ed26}.record-button:hover{background:#91f2f5;transform:translateY(-1px)}.record-button>span{background:#0320341a;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.record-button.recording{background:var(--rose);color:#3c0713;animation:1.4s infinite recordGlow}.error-banner{color:#ffc3cd;background:#ff819617;border-top:1px solid #ff819633;padding:11px 24px;font-size:13px}.feedback-column{flex-direction:column;gap:18px;min-width:0;display:flex}.feedback-card{border-radius:23px;padding:20px}.aside-title,.result-top,.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.aside-title h2,.result-top h2{margin-top:5px;font-size:19px}.star-orbit{width:41px;height:41px;color:var(--amber);background:#ffd56a1f;border-radius:50%;place-items:center;font-size:24px;animation:2.2s ease-in-out infinite starFloat;display:grid}.goal-list{gap:15px;margin-top:20px;display:grid}.goal-list p{align-items:center;gap:11px;display:flex}.goal-list i{width:32px;height:32px;color:var(--cyan);background:#63e4ed1a;border-radius:10px;flex:none;place-items:center;font-style:normal;font-weight:900;display:grid}.goal-list p>span{gap:2px;display:grid}.goal-list b{font-size:14px}.goal-list small{color:var(--muted);font-size:12px}.tip-card{background:#102d58;border-color:#ffd56a29}.tip-card .eyebrow{color:#ffd56abf}.tip-card h3{margin-top:9px;font-size:19px}.tip-card p{color:#aebed4;margin-top:8px;font-size:13px;line-height:1.7}.result-card{padding:19px}.score-ring{border:7px solid #214873;border-top-color:var(--cyan);border-right-color:var(--cyan);background:#081c3a;border-radius:50%;flex:none;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 0 0 4px #63e4ed0a}.score-ring>div{justify-items:center;display:grid}.score-ring strong{color:#fff;font-size:31px;line-height:1}.score-ring span{color:var(--muted);margin-top:3px;font-size:9px}.metric-list{gap:11px;margin-top:20px;display:grid}.metric-list>div>div{color:#c7d5e8;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.metric-list>div>div b{color:#fff}.metric-list i,.detail-metrics i{background:#ffffff13;border-radius:99px;height:7px;display:block;overflow:hidden}.metric-list em,.detail-metrics em{border-radius:inherit;background:var(--cyan);height:100%;display:block}.word-feedback{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.word-feedback>span{color:var(--muted);font-size:11px;font-weight:900}.word-feedback>div{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.word-feedback b{border-radius:6px;padding:4px 7px;font-size:11px}.word-feedback .good{color:#8ee8c1;background:#62d9a71f}.word-feedback .okay{color:#ffdd84;background:#ffd56a1f}.word-feedback .try{color:#ffa6b5;background:#ff81961f}.sentence-feedback{gap:9px;margin-top:16px;display:grid}.section-label{color:var(--amber);font-size:10px;font-weight:900}.sentence-feedback article{background:#ffffff06;border:1px solid #ffffff13;border-radius:11px;padding:11px 12px}.sentence-feedback article>div{color:#8da5c4;justify-content:space-between;gap:10px;font-size:9px;display:flex}.sentence-feedback article>div b{color:var(--cyan)}.sentence-feedback article p{color:#eef5ff;margin-top:5px;font-size:12px;line-height:1.45}.sentence-feedback article small{color:#9eb1ca;margin-top:5px;font-size:10px;line-height:1.55;display:block}.dimension-advice{gap:9px;margin-top:17px;display:grid}.dimension-advice article{background:#ffffff07;border:1px solid #63e4ed1a;border-radius:12px;padding:12px}.dimension-advice article header{justify-content:space-between;align-items:center;gap:10px;display:flex}.dimension-advice article header span{color:#f1f7ff;font-size:11px;font-weight:900}.dimension-advice article header b{color:var(--cyan);background:#63e4ed1a;border-radius:6px;padding:3px 7px;font-size:9px}.dimension-advice article p{color:#aebfd4;margin-top:6px;font-size:10px;line-height:1.55}.dimension-advice article ul{gap:5px;margin:7px 0 0;padding:0;list-style:none;display:grid}.dimension-advice article li{color:#dbe6f3;padding-left:14px;font-size:9px;line-height:1.55;position:relative}.dimension-advice article li:before{content:"✓";color:var(--cyan);font-weight:950;position:absolute;left:0}.dimension-advice .dimension-rhythm{border-color:#ffd56a24}.dimension-advice .dimension-rhythm header b,.dimension-advice .dimension-rhythm li:before{color:var(--amber)}.coach-note{border-left:3px solid var(--amber);background:#ffd56a13;border-radius:4px 12px 12px 4px;margin-top:16px;padding:13px}.coach-note span{color:#ffe093;font-size:11px;font-weight:900}.coach-note p{color:#e7edf7;margin-top:5px;font-size:13px;line-height:1.55}.coach-note small{color:var(--muted);margin-top:5px;line-height:1.5;display:block}.retry-button{width:100%;color:var(--cyan);background:0 0;border:1px solid #63e4ed40;border-radius:11px;margin-top:15px;padding:10px;font-weight:800}.retry-button:hover{background:#63e4ed12}.dialogue-waiting{text-align:center;align-content:center;justify-items:center;min-height:205px;display:grid}.dialogue-waiting>div{width:58px;height:58px;color:var(--cyan);border:1px dashed #63e4ed66;border-radius:19px;place-items:center;font-weight:950;display:grid}.dialogue-waiting strong{margin-top:12px;font-size:15px}.dialogue-waiting p{max-width:420px;color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6}.ai-call-screen{text-align:center;background:radial-gradient(circle at 50% 32%,#1f75a547,#0000 35%),linear-gradient(155deg,#061832,#0a2c54 72%,#0b3856);border:1px solid #63e4ed29;border-radius:21px;align-content:center;justify-items:center;min-height:292px;padding:22px 22px 20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.ai-call-screen:before{content:"";border:1px solid #63e4ed14;border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-65px;box-shadow:0 0 0 34px #63e4ed06,0 0 0 68px #63e4ed05}.call-status{color:#8fa9c9;letter-spacing:.12em;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex;position:absolute;top:15px;left:17px}.call-status i{background:#62d9a7;border-radius:50%;width:7px;height:7px;animation:.8s ease-in-out infinite alternate speakerPulse;box-shadow:0 0 0 5px #62d9a714}.call-avatar-wrap{place-items:center;width:98px;height:98px;display:grid;position:relative}.call-ring{border:1px solid #63e4ed52;border-radius:50%;animation:2s ease-out infinite callRing;position:absolute;inset:2px}.call-ring.ring-two{animation-delay:1s}.call-avatar{z-index:2;color:#05253c;background:linear-gradient(145deg,#70edf0,#2798c5);border:2px solid #bffcff59;border-radius:27px;align-content:center;justify-items:center;width:76px;height:76px;animation:2.2s ease-in-out infinite callFloat;display:grid;position:relative;box-shadow:0 13px 30px #00000040,inset 0 1px #fff6}.call-avatar span{font-size:25px;font-weight:1000;line-height:1}.call-avatar small{margin-top:4px;font-size:8px;font-weight:900}.ai-call-screen>strong{color:#fff;margin-top:7px;font-size:18px}.ai-call-screen>p{color:#9eb2cc;max-width:520px;margin-top:5px;font-size:11px;line-height:1.55}.call-wave{align-items:center;gap:4px;height:20px;margin:11px 0 9px;display:flex}.call-wave i{background:#63e4eda3;border-radius:9px;width:3px;height:7px;animation:1.2s ease-in-out infinite callBars}.call-wave i:nth-child(3n){animation-delay:-.35s}.call-wave i:nth-child(3n+1){animation-delay:-.7s}.answer-call-button{color:#06382e;text-align:left;background:linear-gradient(135deg,#56e5aa,#34c692);border:1px solid #77f7be59;border-radius:15px;grid-template-columns:39px auto;align-items:center;column-gap:10px;min-width:260px;padding:9px 16px 9px 10px;transition:transform .18s,filter .18s;display:grid;box-shadow:0 12px 30px #26c58c2e}.answer-call-button:hover{filter:brightness(1.06);transform:translateY(-2px)}.answer-call-button>span{background:#03483621;border-radius:50%;grid-row:1/3;place-items:center;width:39px;height:39px;font-size:20px;display:grid;transform:rotate(-14deg)}.answer-call-button b{align-self:end;font-size:12px}.answer-call-button small{color:#04362bb8;align-self:start;margin-top:2px;font-size:8px}.dialogue-progress{color:#8299b7;background:#ffffff09;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:10px 0;padding:9px 12px;font-size:9px;display:grid}.dialogue-progress>div{gap:6px;display:flex}.dialogue-progress i{color:#6f88a9;background:#15365f;border-radius:7px;place-items:center;width:23px;height:23px;font-style:normal;font-weight:900;display:grid}.dialogue-progress i.current{color:#06243b;background:var(--amber);box-shadow:0 0 0 4px #ffd56a14}.dialogue-progress i.done{color:#06243b;background:var(--cyan)}.dialogue-progress b{color:#fff;font-size:10px}.turn-feedback{border-left:3px solid var(--amber);color:#dbe6f4;background:#ffd56a0f;border-radius:4px 9px 9px 4px;margin:8px 0;padding:9px 12px;font-size:10px;line-height:1.55}.turn-feedback span{color:var(--amber);margin-right:8px;font-weight:900}.celebration{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0209178f;place-items:center;animation:.22s ease-out fadeIn;display:grid;position:fixed;inset:0}.celebration-card{z-index:2;text-align:center;background:#0c2a56;border:1px solid #ffd56a4d;border-radius:25px;width:min(400px,100vw - 34px);padding:32px 26px;animation:.42s cubic-bezier(.2,.8,.2,1.2) popIn;position:relative;box-shadow:0 30px 90px #00000073}.celebration-card .mascot-badge{background:var(--amber);color:#143057;border-radius:21px;place-items:center;width:66px;height:66px;margin:0 auto 15px;font-size:34px;display:grid;transform:rotate(-5deg);box-shadow:0 10px 25px #ffd56a2e}.celebration-card p{color:var(--amber);letter-spacing:.16em;font-size:11px;font-weight:900}.celebration-card h2{margin-top:6px;font-size:27px}.celebration-card span{color:#aebed4;margin-top:8px;font-size:13px;display:block}.confetti-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-field i{--x:calc((var(--i) * 43) % 100);top:-30px;left:calc(var(--x) * 1%);background:var(--cyan);width:9px;height:16px;animation:confettiFall 2.2s calc((var(--i) % 7) * -.12s) ease-in forwards;transform:rotate(calc(var(--i) * 23deg));border-radius:3px;position:absolute}.confetti-field i:nth-child(3n){background:var(--amber)}.confetti-field i:nth-child(3n+1){background:var(--rose)}.teacher-shell{min-width:1180px}.teacher-gate{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020917f0;place-items:center;display:grid;position:fixed;inset:0}.teacher-gate form{text-align:center;background:#0a234a;border:1px solid #63e4ed33;border-radius:24px;justify-items:center;width:min(420px,100vw - 36px);padding:34px;display:grid;box-shadow:0 28px 80px #00000073}.teacher-gate .brand-mark{margin-bottom:20px}.teacher-gate h1{margin-top:7px;font-size:25px}.teacher-gate p{color:var(--muted);margin:9px 0 20px;font-size:12px;line-height:1.7}.teacher-gate input{border:1px solid var(--line);color:#fff;text-align:center;letter-spacing:.16em;background:#061a38;border-radius:12px;width:100%;height:48px;padding:0 15px;font-size:18px}.teacher-gate button{background:var(--cyan);color:#052139;border:0;border-radius:12px;width:100%;margin-top:11px;padding:13px;font-weight:950}.teacher-gate small{color:#ffadba;margin-top:12px}.teacher-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px;width:min(1800px,100%);margin:0 auto;padding:22px 26px 34px;display:grid}.teacher-main{gap:18px;min-width:0;display:grid}.control-panel{border-radius:21px;grid-template-columns:minmax(260px,.85fr) minmax(620px,1.5fr);align-items:center;gap:22px;padding:19px 21px;display:grid;position:relative}.control-panel h1{margin-top:5px;font-size:24px}.control-panel p{color:var(--muted);margin-top:6px;font-size:12px}.launch-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.launch-grid button{border:1px solid var(--line);color:#dbe8f7;text-align:left;background:#0d2a55;border-radius:13px;justify-items:start;min-width:0;padding:10px;display:grid}.launch-grid button>span{color:#6e8bb2;font-size:9px;font-weight:900}.launch-grid button b{margin-top:3px;font-size:12px}.launch-grid button small{color:#7890b0;margin-top:2px;font-size:9px}.launch-grid button:hover,.launch-grid button.selected{background:#63e4ed1a;border-color:#63e4ed8c}.launch-grid button.selected{box-shadow:inset 0 0 0 1px #63e4ed29}.launch-grid button.dialogue.selected{background:#ffd56a17;border-color:#ffd56a8c}.launch-grid.dynamic{grid-template-columns:repeat(4,minmax(0,1fr))}.teacher-notice{z-index:3;background:var(--cyan);color:#05213a;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:900;position:absolute;bottom:-14px;left:21px;box-shadow:0 6px 18px #00000040}.lesson-modal{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010815c7;place-items:start center;padding:88px 24px 24px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0;overflow:auto}.lesson-modal-panel{background:var(--navy-900);border:1px solid #63e4ed33;border-radius:22px;width:min(1120px,100vw - 48px);max-height:calc(100vh - 112px);position:relative;overflow:auto;box-shadow:0 35px 100px #0000008c}.lesson-modal-close{z-index:2;border:1px solid var(--line);color:#b8cae0;background:#102d58;border-radius:10px;width:36px;height:36px;font-size:25px;line-height:1;position:absolute;top:14px;right:14px}.lesson-modal-close:hover{color:#fff;border-color:#ff819673}.content-editor{border:1px solid var(--line);background:var(--navy-900);border-radius:21px;padding:20px;box-shadow:0 18px 45px #0000002e}.lesson-modal-panel .content-editor{box-shadow:none;border:0;border-radius:0;padding:25px}.editor-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.editor-heading h2{margin-top:4px;font-size:21px}.editor-heading p{color:var(--muted);margin-top:5px;font-size:11px}.editor-heading>button{background:var(--cyan);color:#06243b;border:0;border-radius:11px;padding:11px 17px;font-size:11px;font-weight:950}.editor-actions{gap:9px;display:flex}.editor-actions button{background:var(--cyan);color:#06243b;border:0;border-radius:11px;padding:11px 17px;font-size:11px;font-weight:950}.editor-actions button.secondary{color:var(--cyan);background:0 0;border:1px solid #63e4ed40}.editor-actions button:disabled{opacity:.48;cursor:not-allowed}.editor-tabs{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px;display:grid}.editor-tabs button{border:1px solid var(--line);color:#c3d2e5;background:#0d2a55;border-radius:11px;justify-items:start;min-height:56px;padding:9px 11px;display:grid}.editor-tabs button b{font-size:11px}.editor-tabs button small{color:#7188a8;margin-top:3px;font-size:9px}.editor-tabs button.active{color:#fff;background:#63e4ed1a;border-color:#63e4ed8c}.editor-tabs button.active small{color:var(--cyan)}.editor-tabs.dynamic-tabs{grid-template-columns:repeat(4,1fr)}.stage-editor-toolbar{border:1px solid var(--line);background:#ffffff06;border-radius:12px;justify-content:space-between;align-items:end;gap:15px;margin-top:14px;padding:12px;display:flex}.stage-editor-toolbar label{color:#b9c9de;gap:6px;min-width:260px;font-size:10px;font-weight:800;display:grid}.stage-editor-toolbar select,.editor-form select,.dialogue-library-head select{border:1px solid var(--line);color:#fff;background:#061a38;border-radius:10px;width:100%;height:42px;padding:0 12px}.danger-button{color:#ff9caf;background:#ff81960f;border:1px solid #ff819647;border-radius:9px;height:38px;padding:0 13px;font-size:10px;font-weight:900}.danger-button:disabled{opacity:.4}.editor-form{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.editor-form label{color:#b9c9de;gap:6px;font-size:10px;font-weight:800;display:grid}.editor-form input,.editor-form textarea{border:1px solid var(--line);color:#fff;background:#061a38;border-radius:10px;width:100%;font-size:12px;line-height:1.65}.editor-form input{height:42px;padding:0 12px}.editor-form textarea{resize:vertical;padding:11px 12px}.editor-textarea,.editor-form .wide{grid-column:1/-1}.editor-textarea>span{justify-content:space-between;gap:12px;display:flex}.editor-textarea i{color:#6882a5;font-size:9px;font-style:normal;font-weight:500}.file-import{cursor:pointer;background:#63e4ed09;border:1px dashed #63e4ed40;border-radius:10px;grid-column:1/-1;align-content:center;min-height:51px;padding:10px 13px;position:relative}.file-import input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-import span{color:var(--cyan);font-size:11px}.file-import small{color:#7087a8;font-size:9px}.dialogue-library{margin-top:16px}.dialogue-library-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,1fr) minmax(250px,.9fr) auto;align-items:end;gap:14px;padding-bottom:15px;display:grid}.dialogue-library-head label{color:#b9c9de;gap:6px;font-size:10px;font-weight:800;display:grid}.dialogue-library-head input{border:1px solid var(--line);color:#fff;background:#061a38;border-radius:10px;width:100%;height:42px;padding:0 12px;font-size:12px}.dialogue-library-head>div{border-left:3px solid var(--amber);background:#ffd56a0f;gap:3px;padding:8px 12px;display:grid}.dialogue-library-head>div b{color:#ffe49c;font-size:11px}.dialogue-library-head>div small{color:#8ba0bd;font-size:9px}.dialogue-library-head>button{height:42px;color:var(--cyan);background:#63e4ed17;border:1px solid #63e4ed4d;border-radius:10px;padding:0 15px;font-size:11px;font-weight:900}.dialogue-hint{color:#d6c58f;background:#ffd56a0f;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:10px;line-height:1.6}.compact-modal{width:min(680px,100vw - 48px)}.roster-editor{color:#b9c9de;gap:7px;margin-top:20px;font-size:10px;font-weight:800;display:grid}.roster-editor textarea{border:1px solid var(--line);color:#fff;resize:vertical;background:#061a38;border-radius:12px;width:100%;padding:13px;font-size:13px;line-height:1.8}.privacy-tip{color:#6f86a6;margin-top:9px;font-size:9px}.scenario-editor-list{gap:14px;margin-top:15px;display:grid}.scenario-editor-card{border:1px solid var(--line);background:#092044;border-radius:15px;padding:15px}.scenario-editor-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.scenario-editor-head>div{align-items:center;gap:10px;display:flex}.scenario-editor-head span{color:var(--cyan);background:#63e4ed17;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:900}.scenario-editor-head b{font-size:13px}.scenario-editor-head button{color:#ff9bac;background:0 0;border:1px solid #ff819633;border-radius:7px;padding:5px 9px;font-size:9px}.scenario-editor-head button:disabled{cursor:not-allowed;color:#647998}.scenario-editor-card .editor-form{margin-top:12px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.summary-grid article{border-radius:17px;min-height:108px;padding:16px 18px}.summary-grid article>span{color:var(--muted);font-size:11px;font-weight:800}.summary-grid strong{margin-top:4px;font-size:32px;line-height:1;display:block}.summary-grid strong small{color:#6f88aa;font-size:15px}.summary-grid p{color:#748cac;margin-top:8px;font-size:10px}.summary-grid article.accent{background:#0b2b57;border-color:#63e4ed40}.summary-grid article.accent strong{color:var(--cyan)}.class-panel{border-radius:21px;min-height:360px;padding:19px}.panel-heading{align-items:center}.panel-heading h2{margin-top:3px;font-size:19px}.class-panel-actions{align-items:center;gap:14px;display:flex}.clear-data-button{color:#ff9eae;background:#ff819612;border:1px solid #ff819647;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:900}.clear-data-button:hover{color:#fff;background:#ff81961f;border-color:#ff91a4}.clear-data-button:disabled{opacity:.48;cursor:wait}.empty-roster-state{color:#8298b5;text-align:center;place-items:center;min-height:210px;font-size:12px;display:grid}.legend{color:var(--muted);gap:13px;font-size:10px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{background:#ffffff14;border-radius:3px;width:9px;height:9px}.legend i.done{background:var(--cyan)}.legend i.progress{background:var(--amber)}.legend i.online{background:#5ff0b0;box-shadow:0 0 0 4px #5ff0b014}.seat-grid{grid-template-columns:repeat(10,minmax(54px,1fr));gap:9px;margin-top:17px;display:grid}.seat-grid button{border:1px solid var(--line);color:#6983a6;background:#ffffff06;border-radius:11px;place-items:center;gap:2px;min-height:61px;padding:8px 5px;display:grid}.seat-grid button>span{font-size:9px;font-weight:900}.seat-grid button strong{color:#082039;font-size:20px;line-height:1}.seat-grid button small{font-size:9px}.seat-grid button.completed{background:var(--cyan);color:#0a3550;border-color:#63e4ed4d;box-shadow:0 6px 14px #63e4ed14}.seat-grid button.completed:hover,.seat-grid button.chosen{transform:translateY(-2px);box-shadow:0 9px 20px #63e4ed2b}.seat-grid button.completed strong{color:#07243a}.student-grid-cards{grid-template-columns:repeat(5,minmax(120px,1fr))}.student-grid-cards button{align-content:center;min-height:72px}.student-grid-cards button>span{width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.student-grid-cards button.progress{color:#ffe49a;background:#ffd56a14;border-color:#ffd56a40}.student-grid-cards button.progress:hover,.student-grid-cards button.waiting:hover{border-color:#63e4ed47;transform:translateY(-1px)}.student-grid-cards button.completed{color:#9debf0;box-shadow:none;background:#63e4ed12;border-color:#63e4ed40}.student-grid-cards button.completed strong{color:var(--cyan)}.student-grid-cards button.is-online{color:#052d29;background:linear-gradient(145deg,#2bc891,#67f0bd);border-color:#5ff0b0b3;box-shadow:0 0 0 3px #5ff0b01a,0 9px 24px #2bc89133}.student-grid-cards button.is-online>span,.student-grid-cards button.is-online strong,.student-grid-cards button.is-online small{color:#052d29}.student-grid-cards button.is-offline{opacity:.72}.student-login-state{color:#758dac;font-size:8px;font-style:normal;font-weight:900}.student-grid-cards button.is-online .student-login-state{color:#075845}.loading-line{color:var(--muted);text-align:center;margin-top:12px;font-size:11px}.analytics-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.analytics-row article{border-radius:20px;min-height:215px;padding:18px}.panel-heading.small svg{color:var(--cyan)}.distribution-bars{gap:12px;margin-top:18px;display:grid}.distribution-bars>div{color:var(--muted);grid-template-columns:55px minmax(0,1fr) 38px;align-items:center;gap:9px;font-size:10px;display:grid}.distribution-bars i{background:#ffffff0f;border-radius:99px;height:9px;overflow:hidden}.distribution-bars em{background:var(--cyan);border-radius:99px;height:100%;display:block}.distribution-bars b{color:#d9e6f5;text-align:right;font-size:10px}.leader-list{margin-top:11px;display:grid}.leader-list>div{border-bottom:1px solid #ffffff0e;grid-template-columns:26px minmax(0,1fr) 34px 28px;align-items:center;gap:8px;min-height:32px;display:grid}.leader-list>div>i{width:20px;height:20px;color:var(--amber);background:#ffd56a1a;border-radius:6px;place-items:center;font-size:9px;font-style:normal;font-weight:900;display:grid}.leader-list>div>span{align-items:baseline;gap:7px;display:flex}.leader-list>div>span b{font-size:11px}.leader-list>div>span small{color:#6f87a7;font-size:9px}.leader-list>div>strong{color:var(--cyan);font-size:14px}.leader-list button{color:#87a5c8;background:0 0;border:0;padding:0}.leader-list button svg{width:17px}.empty-state{color:var(--muted);text-align:center;padding:28px 10px;font-size:11px}.student-detail{border-radius:21px;align-self:start;min-height:480px;padding:22px;position:sticky;top:98px}.detail-head h2{margin-top:6px;font-size:23px}.detail-head p{color:var(--muted);margin-top:6px;font-size:11px}.detail-score{border:10px solid #16406e;border-top-color:var(--cyan);background:#071a37;border-radius:50%;place-content:center;justify-items:center;width:142px;height:142px;margin:28px auto 24px;display:grid}.detail-score strong{font-size:45px;line-height:1}.detail-score span{color:var(--muted);margin-top:5px;font-size:10px}.detail-metrics{gap:14px;display:grid}.detail-metrics>div{color:#bac9dc;grid-template-columns:32px minmax(0,1fr) 25px;align-items:center;gap:8px;font-size:11px;display:grid}.detail-metrics b{color:#fff;text-align:right;font-size:11px}.detail-advice{background:#ffd56a13;border-radius:12px;margin-top:23px;padding:14px}.detail-advice span{color:var(--amber);font-size:10px;font-weight:900}.detail-advice p{color:#dce6f3;margin-top:5px;font-size:12px;line-height:1.65}.comprehensive-card{background:#ffd56a0e;border:1px solid #ffd56a2e;border-radius:13px;margin-top:18px;padding:13px}.comprehensive-card>div{color:var(--amber);justify-content:space-between;align-items:center;font-size:10px;font-weight:900;display:flex}.comprehensive-card strong{font-size:24px}.comprehensive-card p{color:#dbe5f1;margin-top:6px;font-size:11px;line-height:1.65}.stage-result-tabs{gap:6px;margin-top:13px;display:grid}.stage-result-tabs button{border:1px solid var(--line);color:#91a5c1;text-align:left;background:#0b2952;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:7px 9px;display:flex}.stage-result-tabs button span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.stage-result-tabs button b{color:var(--cyan);font-size:12px}.stage-result-tabs button.active{color:#fff;background:#63e4ed17;border-color:#63e4ed73}.teacher-sentence-feedback{gap:8px;margin-top:18px;display:grid}.teacher-sentence-feedback>span{color:var(--amber);font-size:10px;font-weight:900}.teacher-sentence-feedback article{border:1px solid var(--line);background:#ffffff06;border-radius:10px;padding:9px 10px}.teacher-sentence-feedback article>div{gap:3px;display:grid}.teacher-sentence-feedback article b{color:var(--cyan);font-size:10px}.teacher-sentence-feedback article small{color:#d9e4f2;font-size:10px;line-height:1.45}.teacher-sentence-feedback article p{color:#8fa4bf;margin-top:5px;font-size:9px;line-height:1.55}.teacher-dimension-advice{gap:8px;margin-top:18px;display:grid}.teacher-dimension-advice>span{color:var(--amber);font-size:10px;font-weight:900}.teacher-dimension-advice article{background:#ffffff06;border:1px solid #63e4ed1a;border-radius:10px;padding:10px}.teacher-dimension-advice header{justify-content:space-between;align-items:center;display:flex}.teacher-dimension-advice header b{color:#f0f6ff;font-size:10px}.teacher-dimension-advice header strong{color:var(--cyan);font-size:10px}.teacher-dimension-advice p{color:#a9bbd0;margin-top:5px;font-size:9px;line-height:1.55}.teacher-dimension-advice ul{color:#d9e5f2;margin:6px 0 0;padding-left:15px}.teacher-dimension-advice li{margin-top:3px;font-size:8px;line-height:1.5}.detail-audio{width:100%;height:38px;margin-top:18px}.project-button{width:100%;color:var(--cyan);background:#63e4ed14;border:1px solid #63e4ed40;border-radius:10px;margin-top:16px;padding:10px;font-size:11px;font-weight:900}.detail-placeholder{text-align:center;align-content:center;justify-items:center;min-height:360px;display:grid}.detail-placeholder>div{color:#43658d;border:2px dashed #25466d;border-radius:26px;place-items:center;width:90px;height:90px;font-size:35px;font-weight:900;display:grid}.detail-placeholder strong{margin-top:19px;font-size:15px}.detail-placeholder p{max-width:230px;color:var(--muted);margin-top:8px;font-size:11px;line-height:1.7}.student-detail.focus-detail{z-index:60;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-color:var(--cyan) #071a37;scrollbar-width:auto;min-height:auto;max-height:calc(96vh - 82px);position:fixed;inset:82px 7vw 4vh;overflow:hidden scroll;box-shadow:0 0 0 999px #010712db}.student-detail.focus-detail::-webkit-scrollbar{width:12px}.student-detail.focus-detail::-webkit-scrollbar-track{background:#071a37;border-radius:99px}.student-detail.focus-detail::-webkit-scrollbar-thumb{background:var(--cyan);border:3px solid #071a37;border-radius:99px}.focus-report-content{width:min(900px,100%);margin:0 auto;padding-bottom:22px}.focus-detail .detail-head,.focus-detail .comprehensive-card,.focus-detail .stage-result-tabs{width:min(900px,100%);margin-left:auto;margin-right:auto}.focus-detail .detail-close{place-items:center;margin-left:auto;display:grid;position:sticky;top:0}.detail-close{z-index:4;color:#fff;background:#12345f;border:1px solid #ffffff24;border-radius:11px;width:40px;height:40px;font-size:27px;line-height:1;position:absolute;top:14px;right:14px}.detail-close:hover{color:#ffb1bf;border-color:#ff9caf}.admin-shell{background:radial-gradient(circle at 85% 5%, #63e4ed12, transparent 27%), var(--navy-950);min-width:1180px;min-height:100vh}.archive-safe{color:#71efbd;background:#5ff0b014;border:1px solid #5ff0b040;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900}.admin-content{width:min(1700px,100%);margin:0 auto;padding:28px 30px 50px}.admin-title{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.admin-title h1{margin-top:5px;font-size:29px}.admin-title p{color:var(--muted);margin-top:7px;font-size:12px}.export-buttons{gap:9px;display:flex}.export-buttons a{background:var(--cyan);color:#05283c;border-radius:11px;padding:11px 16px;font-size:11px;font-weight:950;text-decoration:none}.export-buttons a.secondary{color:var(--cyan);background:0 0;border:1px solid #63e4ed4d}.archive-summary{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:22px;display:grid}.archive-summary article{border:1px solid var(--line);background:var(--navy-900);border-radius:16px;padding:17px 19px;display:grid}.archive-summary span{color:#9aadc6;font-size:10px;font-weight:800}.archive-summary strong{color:var(--cyan);margin-top:4px;font-size:31px}.archive-summary small{color:#6c84a4;margin-top:5px;font-size:9px}.archive-panel{border:1px solid var(--line);background:var(--navy-900);border-radius:20px;margin-top:18px;padding:19px}.archive-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.archive-toolbar h2{margin-top:4px;font-size:19px}.archive-toolbar>small{color:#7289a8;font-size:9px}.archive-filters{gap:8px;display:flex}.archive-filters input,.archive-filters select{border:1px solid var(--line);color:#fff;background:#061a38;border-radius:9px;height:39px;padding:0 12px;font-size:10px}.archive-filters input{width:210px}.archive-table-wrap{border:1px solid #ffffff0f;border-radius:12px;margin-top:15px;overflow:auto}.archive-table{border-collapse:collapse;width:100%;font-size:10px}.archive-table th{z-index:1;color:#8299b7;text-align:left;white-space:nowrap;background:#0d2b56;padding:10px;position:sticky;top:0}.archive-table td{color:#b6c6d9;vertical-align:middle;border-top:1px solid #ffffff0e;min-width:86px;padding:10px}.archive-table td:nth-child(2) b{color:#fff;white-space:nowrap}.archive-table td:nth-child(3) span,.archive-table td:nth-child(3) small{display:block}.archive-table td:nth-child(3) small{color:#6f86a5;margin-top:3px}.archive-table td:nth-child(4) strong{color:var(--cyan);font-size:16px}.archive-status{white-space:nowrap;border-radius:7px;padding:4px 7px;font-size:8px;font-weight:900}.archive-status.active{color:#71efbd;background:#5ff0b01a}.archive-status.archived{color:#ffe08b;background:#ffd56a1a}.archive-audio-actions{align-items:center;gap:7px;display:flex}.archive-audio-actions audio{width:190px;height:29px}.archive-audio-actions a{color:var(--cyan);font-size:9px;text-decoration:none}.archive-empty{color:#7188a8;place-items:center;min-height:90px;font-size:11px;display:grid}.archive-limit-note{color:#758dab;text-align:right;margin-top:9px;font-size:9px}.login-event-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px;display:grid}.login-event-grid article{background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;gap:4px;padding:10px;display:grid}.login-event-grid span{color:#fff;font-size:10px;font-weight:800}.login-event-grid time{color:#7088a8;font-size:8px}@keyframes speakerPulse{to{transform:scale(1.15)}}@keyframes activeBreathe{50%{transform:translate(5px)scale(1.013)}}@keyframes machineProgress{0%{width:8%}to{width:100%}}@keyframes recordGlow{50%{box-shadow:0 0 0 8px #ff81961a,0 12px 30px #ff819626}}@keyframes starFloat{50%{transform:translateY(-4px)rotate(8deg)}}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(18px)scale(.92)}}@keyframes confettiFall{to{top:105%;transform:translate(65px)rotate(520deg)}}@keyframes callRing{0%{opacity:.65;transform:scale(.82)}to{opacity:0;transform:scale(1.45)}}@keyframes callBars{50%{opacity:1;height:19px}}@keyframes callFloat{50%{transform:translateY(-3px)rotate(1deg)}}@media (max-width:1060px){.student-grid{grid-template-columns:1fr}.feedback-column{grid-template-columns:1fr 1fr;display:grid}.feedback-card.result-card{grid-column:1/-1}}@media (max-width:700px){.student-header{padding:11px 14px}.brand-mark{width:40px;height:40px}.brand strong{font-size:15px}.live-dot,.teacher-link{display:none}.student-grid{padding:14px 10px 24px}.task-card{border-radius:19px}.task-head{align-items:flex-start;padding:16px}.task-switch{display:none}.reading-stage,.dialogue-stage{min-height:0;padding:15px 12px 17px}.reading-line{border-radius:14px;grid-template-columns:37px minmax(0,1fr) 38px;gap:9px;min-height:79px;padding:10px}.role-chip{width:35px;height:35px}.icon-button{width:36px;height:36px}.reading-line p{font-size:17px}.record-dock{flex-direction:column;align-items:stretch;padding:14px}.record-guide{text-align:center}.record-button{width:100%;min-width:0}.feedback-column{grid-template-columns:1fr}.feedback-card.result-card{grid-column:auto}.scenario-strip strong{font-size:14px}.ai-call-screen{min-height:310px;padding-inline:13px}.answer-call-button{width:min(100%,290px);min-width:0}.chat-row p{max-width:80%;font-size:15px}.name-selector{padding:12px}.name-selector-card{width:100%;max-height:calc(100vh - 24px);padding:22px 14px}.student-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.student-name-button{min-width:96px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
