:root{--color-bg: #06151d;--color-bg-2: #0a2029;--color-surface: #102a36;--color-surface-2: #163a48;--color-border: rgba(125, 185, 205, .16);--color-border-strong: rgba(125, 185, 205, .32);--color-text: #eaf4f7;--color-muted: #93b2bd;--color-accent: #34e0ad;--color-accent-2: #ffb454;--color-danger: #ff6b6b;--accent-grad: linear-gradient(135deg, #3ce8b4, #14b6cf);--radius: 16px;--radius-sm: 11px;--space: clamp(1rem, .6rem + 2vw, 1.5rem);--shadow: 0 18px 44px -14px rgba(0, 0, 0, .6);--shadow-sm: 0 8px 22px -10px rgba(0, 0, 0, .55);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Consolas", monospace}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--color-text);background:radial-gradient(900px 500px at 78% -12%,rgba(52,224,173,.1) 0%,transparent 55%),radial-gradient(700px 500px at 0% 110%,rgba(20,182,207,.08) 0%,transparent 50%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-2) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(125,185,205,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(125,185,205,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 30%,black,transparent 85%);mask-image:radial-gradient(circle at 50% 30%,black,transparent 85%)}#root{position:relative;z-index:1}.auth-screen{min-height:100%;display:grid;place-items:center;padding:var(--space)}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));border:1px solid var(--color-border);border-radius:var(--radius);padding:clamp(1.5rem,1rem + 4vw,2.5rem);box-shadow:var(--shadow)}.kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.instructor .kicker{color:var(--color-accent-2)}.auth-card h1{font-size:clamp(1.8rem,1.2rem + 3vw,2.4rem);margin:.3rem 0 .6rem;line-height:1.05}.subtitle{color:var(--color-muted);margin-bottom:1.5rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-size:.8rem;color:var(--color-muted);margin-top:.5rem}input{width:100%;padding:.85rem 1rem;font-size:1rem;color:var(--color-text);background:#00000040;border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2fd6a62e}button{margin-top:1.2rem;padding:.9rem 1.2rem;font-size:1rem;font-weight:600;color:#042019;background:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:transform .12s ease,filter .15s ease,opacity .15s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{margin:0;background:transparent;color:var(--color-muted);border:1px solid var(--color-border);font-weight:500}.error{color:var(--color-danger);font-size:.85rem;margin-top:.5rem}.app-screen{max-width:720px;margin:0 auto;padding:var(--space);display:flex;flex-direction:column;gap:1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.app-header h2{font-size:1.4rem}.section-title{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.8rem}.muted{color:var(--color-muted)}.lesson-list,.student-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.lesson-card,.student-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.lesson-card h4,.student-card h4{margin:.4rem 0 .2rem}.badge{display:inline-block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-2);background:#f4a7381f;border:1px solid rgba(244,167,56,.3);padding:.15rem .5rem;border-radius:999px}.lesson-card button{margin:0;white-space:nowrap}.status{font-size:.78rem;font-weight:600;padding:.25rem .6rem;border-radius:999px}.status.on{color:var(--color-accent);background:#2fd6a61f}.status.off{color:var(--color-danger);background:#ff6b6b1f}code{font-family:var(--mono);color:var(--color-accent)}.header-actions{display:flex;gap:.5rem;align-items:center}.ghost.icon{font-size:.8rem;padding:.5rem .7rem}.btn-link{display:inline-block;padding:.7rem 1.1rem;font-weight:600;color:#042019;background:var(--color-accent);border-radius:var(--radius-sm);text-decoration:none;white-space:nowrap}.btn-link:hover{filter:brightness(1.08)}.btn-link.disabled{background:transparent;color:var(--color-muted);border:1px solid var(--color-border);cursor:not-allowed}.lesson-card.locked{opacity:.6}.new-student-form{display:flex;gap:.6rem;align-items:stretch}.new-student-form input{flex:1}.new-student-form button{margin:0;white-space:nowrap}.new-code{margin-top:.7rem;padding:.7rem .9rem;background:#2fd6a61a;border:1px solid rgba(47,214,166,.25);border-radius:var(--radius-sm);font-size:.9rem}.briefing{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;line-height:1.6}.briefing p{color:var(--color-muted);margin:.5rem 0 1.2rem}.briefing strong{color:var(--color-text)}.flight-strip{display:flex;gap:.6rem}.strip-item{flex:1;display:flex;flex-direction:column;gap:.15rem;padding:.6rem .9rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.strip-item strong{font-family:var(--mono);font-size:1.15rem;color:var(--color-accent);letter-spacing:.04em}.strip-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.lesson-briefing{color:var(--color-muted);line-height:1.5;font-size:.92rem;padding:0 .2rem}.hint{padding:.8rem 1rem;border-radius:var(--radius-sm);background:#2fd6a61a;border:1px solid rgba(47,214,166,.28);color:var(--color-text);line-height:1.5;font-size:.95rem}.hint-label{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-weight:700;margin-bottom:.25rem}.live-partial{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:var(--radius-sm);background:#ff6b6b14;border:1px solid rgba(255,107,107,.25);color:var(--color-text);font-size:.95rem;min-height:2.2rem}.rec-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--color-danger);animation:pulse 1.1s ease-in-out infinite}.reveal-btn{margin:0;width:100%;background:transparent;color:var(--color-accent-2);border:1px dashed rgba(244,167,56,.4);font-weight:500;font-size:.9rem}.reveal-btn:hover:not(:disabled){background:#f4a73814;filter:none}.revealed{padding:.9rem 1rem;border-radius:var(--radius-sm);background:#f4a7381a;border:1px solid rgba(244,167,56,.3);color:var(--color-text);line-height:1.5}.revealed-label{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-2);font-weight:700;margin-bottom:.3rem}.assisted-note{color:var(--color-accent-2);font-size:.9rem;margin-top:-.8rem;margin-bottom:1rem}.status-bar{padding:.8rem 1rem;border-radius:var(--radius-sm);background:#f4a7381a;border:1px solid rgba(244,167,56,.25);color:var(--color-accent-2);font-size:.92rem;text-align:center}.radio-log{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem;min-height:120px}.radio-line{display:flex;gap:.7rem;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);line-height:1.4}.radio-line.atc{background:#2fd6a614}.radio-line.student{background:#ffffff08}.radio-line .who{flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.15rem .5rem;height:fit-content;border-radius:999px}.radio-line.atc .who{color:var(--color-accent);background:#2fd6a626}.radio-line.student .who{color:var(--color-text);background:#ffffff14}.said-wrap{display:flex;flex-direction:column;gap:.5rem}.radio-line .said{color:var(--color-text)}.eval{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .7rem;border-radius:var(--radius-sm);border-left:3px solid var(--color-border);background:#0003}.eval.ok{border-left-color:var(--color-accent)}.eval.warn{border-left-color:var(--color-accent-2)}.eval-score{font-family:var(--mono);font-weight:700;font-size:.85rem}.eval.ok .eval-score{color:var(--color-accent)}.eval.warn .eval-score{color:var(--color-accent-2)}.eval-fb{font-size:.85rem;color:var(--color-muted);line-height:1.4}.summary{text-align:center;padding:1.5rem 1rem}.big-score{font-size:clamp(3rem,2rem + 8vw,5rem);font-weight:800;line-height:1;margin:.5rem 0 1.5rem}.big-score span{font-size:.35em;color:var(--color-muted)}.big-score.ok{color:var(--color-accent)}.big-score.warn{color:var(--color-accent-2)}.student-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;text-decoration:none;color:inherit}.stat-row{display:flex;gap:.8rem}.stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1rem .5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.stat-num{font-family:var(--mono);font-size:1.4rem;font-weight:700;color:var(--color-accent)}.stat-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.weakness-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem}.weakness{display:flex;justify-content:space-between;padding:.6rem .9rem;background:#f4a73814;border:1px solid rgba(244,167,56,.2);border-radius:var(--radius-sm)}.weakness-count{font-family:var(--mono);font-weight:700;color:var(--color-accent-2)}.attempt-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem}.attempt-card a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:inherit}.score-badge{flex-shrink:0;font-family:var(--mono);font-weight:700;font-size:1.1rem;padding:.3rem .7rem;border-radius:var(--radius-sm);background:#ffffff0f;color:var(--color-muted)}.score-badge.ok{color:var(--color-accent);background:#2fd6a61f}.score-badge.warn{color:var(--color-accent-2);background:#f4a7381f}.turn-detail-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.turn-detail{padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);line-height:1.5}.turn-atc{display:flex;gap:.7rem;align-items:baseline;padding:.7rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(52,224,173,.22);background:#34e0ad12;line-height:1.5;font-size:.92rem}.who-atc{flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--color-accent);background:#34e0ad26;padding:.15rem .5rem;border-radius:999px}.turn-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.turn-idx{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.turn-expected,.turn-said,.turn-missing,.turn-fb{margin:.3rem 0;font-size:.92rem}.turn-expected{color:var(--color-accent)}.turn-said{color:var(--color-text)}.turn-missing{color:var(--color-danger);font-size:.85rem}.turn-fb{color:var(--color-muted);font-size:.85rem;font-style:italic}.turn-audio{width:100%;height:36px;margin:.5rem 0}.note-area{width:100%;resize:vertical;font-family:var(--font);font-size:.95rem;padding:.8rem 1rem;color:var(--color-text);background:#00000040;border:1px solid var(--color-border);border-radius:var(--radius-sm);line-height:1.5}.note-area:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2fd6a62e}.note-actions{display:flex;align-items:center;gap:1rem;margin-top:.6rem}.note-actions button{margin:0}.note-status{font-size:.85rem;color:var(--color-accent)}.lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.ptt{width:100%;margin-top:.5rem;padding:1.6rem 1rem;font-size:1.05rem;font-weight:700;border-radius:var(--radius);background:var(--color-surface-2);color:var(--color-text);border:2px solid var(--color-border);touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .1s ease,background .15s ease,border-color .15s ease}.ptt:disabled{opacity:.5}.ptt.rec{background:var(--color-danger);border-color:var(--color-danger);color:#2a0000;transform:scale(.99);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff6b6b80}50%{box-shadow:0 0 0 12px #ff6b6b00}}button{background:var(--accent-grad);box-shadow:var(--shadow-sm);letter-spacing:.01em}button:hover:not(:disabled){filter:brightness(1.06) saturate(1.05);transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button.ghost{background:#ffffff08;box-shadow:none}button.ghost:hover:not(:disabled){background:#ffffff12;filter:none}.btn-link{background:var(--accent-grad);box-shadow:var(--shadow-sm)}.reveal-btn{box-shadow:none}.auth-card{background:linear-gradient(180deg,#ffffff0a,#fff0),var(--color-surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.auth-card:after{content:"";position:absolute;top:-40%;right:-30%;width:60%;height:80%;background:radial-gradient(circle,rgba(52,224,173,.14),transparent 70%);pointer-events:none}.auth-card h1{letter-spacing:-.02em;background:linear-gradient(120deg,#eaf4f7,#9fe7d2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-header{position:sticky;top:0;z-index:5;margin:calc(-1 * var(--space)) calc(-1 * var(--space)) 0;padding:var(--space) var(--space) .9rem;background:linear-gradient(180deg,#06151dd9,#06151d66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.app-header h2{letter-spacing:-.01em}.lesson-card,.student-card,.briefing,.stat,.turn-detail,.attempt-card a{box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.lesson-card:not(.locked):hover,.student-card:hover,.attempt-card a:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow)}.strip-item{background:linear-gradient(180deg,rgba(52,224,173,.06),transparent),var(--color-surface-2)}.ptt{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.ptt:not(:disabled){background:linear-gradient(180deg,rgba(52,224,173,.14),transparent),var(--color-surface-2)}@media(max-width:640px){.app-screen{padding:var(--space);padding-bottom:calc(7rem + env(safe-area-inset-bottom));gap:1.1rem}.app-header{padding-top:max(var(--space),env(safe-area-inset-top))}.app-header h2{font-size:1.2rem}.ghost.icon{font-size:.72rem;padding:.45rem .6rem}.stat-row{gap:.5rem}.stat{padding:.8rem .3rem}.stat-num{font-size:1.15rem}.new-student-form{flex-direction:column}.ptt{position:fixed;left:max(.8rem,env(safe-area-inset-left));right:max(.8rem,env(safe-area-inset-right));bottom:calc(.8rem + env(safe-area-inset-bottom));width:auto;margin:0;padding:1.5rem 1rem;z-index:10;box-shadow:var(--shadow)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}