:root{--bg-dark:#090d16;--bg-panel:#111827;--paper-bg:#fdfbf7;--primary:#2563eb;--primary-light:#eff6ff;--indigo:#4f46e5;--indigo-light:#eef2ff;--emerald:#059669;--emerald-light:#ecfdf5;--rose:#e11d48;--rose-light:#fff1f2;--amber:#d97706;--amber-light:#fffbeb;--border:#e2e8f0;--text-main:#0f172a;--text-sub:#475569}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:radial-gradient(circle at 50% 0%, #1e293b 0%, var(--bg-dark) 80%);color:var(--text-main);flex-direction:column;align-items:center;min-height:100vh;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.app-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#111827e0;border:1px solid #ffffff1f;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:1040px;margin-bottom:14px;padding:10px 18px;display:flex;box-shadow:0 10px 30px #0006}.brand-title{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.badge-tag{background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.role-pills{background:#030712;border:1px solid #1f2937;border-radius:999px;padding:3px;display:inline-flex}.role-pill-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .15s}.role-pill-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #2563eb73}.main-deck{background:#fff;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;width:100%;max-width:1040px;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000080}.teacher-dashboard{background:#f8fafc;flex-direction:column;gap:20px;padding:24px 28px;display:flex}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.kpi-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:18px;box-shadow:0 4px 12px #0f172a08}.kpi-title{color:#64748b;margin-bottom:6px;font-size:12.5px;font-weight:700}.kpi-val{color:var(--text-main);font-size:26px;font-weight:800}.kpi-sub{color:#94a3b8;margin-top:4px;font-size:11.5px}.teacher-grid-2{grid-template-columns:1.15fr 1fr;gap:18px;display:grid}.draft-studio-grid{grid-template-columns:1fr 1.4fr;gap:20px;display:grid}@media (width<=820px){.teacher-grid-2,.draft-studio-grid{grid-template-columns:1fr}.teacher-dashboard,.hub-header,.hub-list-view{padding:16px!important}.paper-viewport{padding:20px 16px!important}}.t-box{border:1px solid var(--border);background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 14px #0f172a08}.t-box-title{color:#0f172a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:15.5px;font-weight:800;display:flex}.hub-header{color:#fff;background:#0f172a;flex-direction:column;gap:16px;padding:24px 28px;display:flex}.hub-stat-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.hub-stat-card{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:14px 18px}.hub-stat-num{color:#38bdf8;margin-top:4px;font-size:22px;font-weight:800}.inbox-banner{background:linear-gradient(135deg,#1e293b 0%,#312e81 100%);border:1px solid #818cf866;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.catalog-tabs{background:#111827;border-bottom:1px solid #1f2937;flex-wrap:wrap;gap:10px;padding:12px 28px;display:flex}.catalog-tab-btn{color:#94a3b8;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:10px;padding:8px 16px;font-size:13.5px;font-weight:700}.catalog-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.catalog-tab-btn.inbox-tab.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#a78bfa}.hub-list-view{background:#f8fafc;flex-direction:column;gap:20px;min-height:460px;padding:24px 28px;display:flex}.chapter-group{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #0f172a08}.chapter-title-bar{color:#334155;border-bottom:1px solid var(--border);background:#f1f5f9;justify-content:space-between;align-items:center;padding:12px 18px;font-size:14px;font-weight:800;display:flex}.lesson-item-card{border-bottom:1px solid var(--border);cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:background .15s;display:flex}.lesson-item-card:last-child{border-bottom:none}.lesson-item-card:hover{background:#eff6ff}.upload-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #94a3b8;border-radius:14px;padding:22px;transition:all .2s}.upload-dropzone:hover{border-color:var(--primary);background:#eff6ff}.draft-field-label{color:#334155;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12.5px;font-weight:800;display:flex}.draft-textarea{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;margin-bottom:14px;padding:11px 14px;font-family:inherit;font-size:13.5px;line-height:1.6}.draft-textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #4f46e51f}.photo-thumb-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;margin-bottom:10px;padding:12px 14px}.voice-encourage-box{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1.5px solid #c4b5fd;border-radius:14px;margin-bottom:16px;padding:14px 16px}.student-voice-bubble{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;transition:transform .15s;display:flex;box-shadow:0 8px 20px #10b98147}.student-voice-bubble:hover{transform:translateY(-1px)}.takes-manager-bar{color:#f8fafc;background:#0f172a;border-bottom:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;display:flex}.take-pill{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.take-pill:hover{color:#fff;background:#334155}.take-pill.viewing{color:#fff;background:#38bdf82e;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.take-published-star{color:#fff;background:#059669;border-radius:99px;padding:1px 6px;font-size:10.5px;font-weight:800}.module-nav-bar{color:#fff;background:#111827;border-bottom:1px solid #1f2937;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;display:flex}.stage-switch{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:3px;display:inline-flex}.stage-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 13px;font-size:12.5px;font-weight:700}.stage-btn.active{background:var(--primary);color:#fff}.teacher-record-dock{color:#fff;background:#1e293b;border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;display:flex}.rec-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#e11d48);border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-flex}.rec-btn.recording{background:#dc2626;animation:1.2s infinite recPulse}@keyframes recPulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 8px #ef444400}}.wave-container{background:#0000004d;border-radius:999px;align-items:center;gap:3px;height:20px;padding:0 8px;display:inline-flex}.wave-stick{background:#38bdf8;border-radius:99px;width:3px;height:4px;transition:height 50ms}.paper-viewport{background-color:var(--paper-bg);-webkit-user-select:none;user-select:none;background-image:radial-gradient(#cbd5e1 1.1px,#0000 1.1px);background-size:20px 20px;min-height:410px;padding:30px 36px;position:relative;overflow:hidden}.draw-canvas{z-index:10;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.draw-canvas.readonly{pointer-events:none;touch-action:auto}.word-head-row{border-bottom:2px solid #0f172a14;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.word-main{color:#1e3a8a;font-size:40px;font-weight:800}.phonetic-tag{color:#64748b;margin:0 8px;font-size:17px}.pos-pill{color:#1d4ed8;background:#dbeafe;border-radius:6px;padding:3px 10px;font-size:13.5px;font-weight:700}.dual-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:16px;display:grid}.info-card{background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;box-shadow:0 4px 12px #0f172a08}.info-card.blue{border-left:4px solid #2563eb}.info-card.amber{background:#fef3c780;border-left:4px solid #d97706}.example-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;box-shadow:0 4px 12px #0f172a08}.player-dock-bar{color:#fff;background:#0f172a;border-top:1px solid #1e293b;flex-direction:column;gap:8px;padding:12px 20px;display:flex}.progress-bar-wrap{cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:999px;flex:1;min-width:140px;height:7px;position:relative;overflow:hidden}.progress-fill-line{background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:999px;width:0%;height:100%}.timeline-tick{z-index:2;background:#facc15;width:3px;height:100%;position:absolute;top:0}.btn{color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:700;display:inline-flex}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.indigo{background:var(--indigo);color:#fff;border-color:var(--indigo)}.btn.emerald{background:var(--emerald);color:#fff;border-color:var(--emerald)}.btn.amber{background:var(--amber);color:#fff;border-color:var(--amber)}.btn.rose{background:var(--rose);color:#fff;border-color:var(--rose)}.btn.dark{color:#fff;background:#334155;border-color:#475569}.btn.active-pen{background:var(--primary);color:#fff;border-color:#60a5fa}.fc-scene{perspective:1000px;cursor:pointer;width:100%;max-width:580px;height:270px;margin:10px auto 16px}.fc-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.2,.2,1);position:relative}.fc-inner.flipped{transform:rotateY(180deg)}.fc-face{backface-visibility:hidden;border:2px solid #cbd5e1;border-radius:18px;flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex;position:absolute;inset:0;box-shadow:0 8px 24px #0f172a0f}.fc-front{text-align:center;background:#fff;align-items:center}.fc-back{color:#fff;background:linear-gradient(145deg,#0f172a 0%,#1e3a8a 100%);border-color:#1e40af;transform:rotateY(180deg)}.mcq-btn{border:2px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:13px 16px;font-size:14.5px;font-weight:600;display:flex}.mcq-btn.correct{border-color:var(--emerald);background:var(--emerald-light);color:#065f46}.mcq-btn.wrong{border-color:var(--rose);background:var(--rose-light);color:#9f1239}.login-overlay,.modal-overlay{z-index:500;background:radial-gradient(circle at 50% 30%,#1e3a8a 0%,#030712 85%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:600;background:#0f172ac7}.login-card,.modal-box{background:#fff;border-radius:24px;width:100%;max-width:420px;padding:30px 26px;box-shadow:0 25px 60px #0000008c}.modal-box{max-width:680px;max-height:88vh;overflow-y:auto}.login-input{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;margin-bottom:14px;padding:12px 14px;font-size:14.5px}.pill{border-radius:999px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pill.green{background:var(--emerald-light);color:var(--emerald)}.pill.red{background:var(--rose-light);color:var(--rose)}.pill.blue{background:var(--primary-light);color:var(--primary)}.pill.amber{background:var(--amber-light);color:var(--amber)}.pill.indigo{background:var(--indigo-light);color:var(--indigo)}table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13.5px}th{text-align:left;background:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:10px 12px}td{border-bottom:1px solid var(--border);padding:11px 12px}tr.clickable-row{cursor:pointer;transition:background .15s}tr.clickable-row:hover,tr.selected-row{background:#eff6ff}body{padding:16px 12px 40px}#app{width:100%;max-width:1040px}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #38bdf8}.btn{min-height:36px}.btn.amber{color:#92400e;background:#fffbeb;border-color:#fcd34d}.btn.rose{color:#be123c;background:#fff1f2;border-color:#fda4af}.btn.selected{box-shadow:0 0 0 2px #2563eb}.muted{color:#64748b;font-size:13px}.small{font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.stack{gap:16px;display:grid}.spaced{margin-top:18px}.pad{padding:24px 28px}.app-topbar{max-width:none}.app-topbar select{color:#fff;background:#1e293b;border:1px solid #475569;border-radius:7px;padding:7px}.tag{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border-radius:99px;padding:4px 9px;font-size:11px;display:inline-block}.tag.amber{color:#92400e;background:#fffbeb}.tag.green{color:#047857;background:#ecfdf5}.tag.rose{color:#be123c;background:#fff1f2}.draft-note{color:#64748b;background:#fffbeb;border-bottom:1px solid #fde68a;padding:10px 28px;font-size:12px;line-height:1.7}.draft-note strong{color:#92400e}.hero-desc{color:#cbd5e1;font-size:13px;line-height:1.8}.hub-list-view{gap:14px;padding:24px 28px;display:grid}.group-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.group-card h3{margin-bottom:6px;font-size:16px;line-height:1.6}.group-card p{color:#64748b;margin-bottom:14px;font-size:13px;line-height:1.8}.mode-tabs{flex-wrap:wrap;gap:8px;display:flex}.mode-tabs .btn{padding:9px 16px}.mode-tabs.dark .btn{color:#cbd5e1;background:#1e293b;border-color:#475569}.mode-tabs.dark .btn.selected{color:#fff;background:#2563eb}.section-title{font-size:19px;line-height:1.7}.progress{background:#e2e8f0;border-radius:99px;height:6px;overflow:hidden}.progress>i{background:#2563eb;height:100%;display:block}.word-test{max-width:720px;margin:auto;padding:24px}.test-face{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;place-content:center;gap:16px;min-height:235px;padding:30px 20px;display:grid}.test-face.back{background:#eff6ff}.test-word{overflow-wrap:anywhere;font:800 48px/1.2 Arial,sans-serif}.test-meaning{color:#1e40af;font-size:24px;line-height:1.6}.ratings{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.ratings button{justify-content:center;padding:14px 10px}.options-list{gap:10px;margin-top:20px;display:grid}.option-choice{text-align:left;cursor:pointer;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:12px;min-height:58px;padding:16px;display:flex}.option-choice strong{color:#64748b}.option-choice.correct{color:#065f46;background:#ecfdf5;border-color:#059669}.option-choice.incorrect{color:#9f1239;background:#fff1f2;border-color:#e11d48}.option-choice:disabled{opacity:1;cursor:default}.feedback{color:#1e40af;background:#eff6ff;border-radius:10px;margin-top:15px;padding:14px 16px;line-height:1.8}.notice{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:15px;font-size:13px;line-height:1.8}.notice.error{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:17px}.summary-card strong{margin-top:7px;font-size:30px;display:block}.legend{color:#475569;flex-wrap:wrap;gap:15px;font-size:12px;display:flex}.dot{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.green-bg{background:#059669}.amber-bg{background:#d97706}.rose-bg{background:#e11d48}.distribution{background:#e2e8f0;border-radius:20px;height:11px;display:flex;overflow:hidden}.table-scroll,.chart-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 10px;font-size:13px}th{color:#64748b;background:#f8fafc;font-size:12px}.word-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.word-row:last-child{border:0}.word-row .word-name{font:700 19px Arial,sans-serif}.word-row .meaning{color:#64748b;margin-top:4px;font-size:13px;line-height:1.6}.input,select.field{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-width:100%;min-height:40px;padding:10px}.question-edit label{grid-template-columns:24px 1fr;align-items:center;gap:10px;margin-top:12px;display:grid}.question-edit textarea{resize:vertical;width:100%;min-height:62px}.question-edit input[type=radio]{accent-color:#2563eb;width:18px;height:18px}.studio-stage{aspect-ratio:16/9;background:#fdfbf7;border:1px solid #e2e8f0;width:100%;position:relative;overflow:hidden}.studio-stage iframe{transform-origin:0 0;pointer-events:none;border:0;width:1280px;height:720px;position:absolute;top:0;left:0}.studio-stage canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.studio-stage canvas.readonly{pointer-events:none}.record-tools{color:#e2e8f0;background:#0f172a;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 20px;display:flex}.record-tools .btn{font-size:12px}.record-tools .chosen{outline:2px solid #38bdf8}.recording-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.25}}.player-bar{color:#e2e8f0;background:#111827;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 20px;display:flex}.player-bar input{accent-color:#38bdf8;flex:1;min-width:90px}.player-bar time{font:12px monospace}.take-list{background:#f1f5f9;gap:9px;padding:13px 20px;display:flex;overflow-x:auto}.take-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-width:170px;padding:12px;font-size:12px;line-height:1.8}.take-option.active{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.take-option b{display:block}.take-option small{color:#64748b;display:block}.source-code{white-space:pre-wrap;color:#cbd5e1;background:#0f172a;border-radius:9px;max-height:400px;padding:18px;font:12px/1.7 monospace;overflow:auto}.login-shell{place-items:center;min-height:85vh;display:grid}.login-box{background:#fff;border-radius:20px;width:min(100%,450px);padding:32px;box-shadow:0 25px 60px #0006}.login-box h1{margin:12px 0;font-size:23px}.login-box p{color:#64748b;margin-bottom:20px;font-size:13px;line-height:1.8}.login-box .input{width:100%}.login-box .mode-tabs{margin:20px 0}.login-box .btn.enter{justify-content:center;width:100%;margin-top:20px;padding:12px}.login-box label{color:#475569;margin-bottom:7px;font-size:13px;display:block}.boot-note{color:#cbd5e1;text-align:center;padding:60px}#toast{z-index:9999;color:#fff;background:#111827;border-radius:12px;max-width:90vw;padding:12px 20px;font-size:13px;line-height:1.6;display:none;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0004}#toast.error{background:#9f1239}.empty{text-align:center;color:#64748b;padding:40px 20px;line-height:1.9}.table-scroll .btn{white-space:nowrap}.source-badge{color:#94a3b8;font-size:11px}.report-controls select{min-width:160px;max-width:100%}.recording-save{color:#92400e;background:#fef3c7;padding:12px 20px;font-size:13px}.chart-scroll svg{display:block}.chart-scroll text{font-family:Arial,Microsoft YaHei,sans-serif}.top-student{max-width:230px}.screen-error{color:#fecdd3;padding:40px;line-height:2}.main-deck{width:100%}.report-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.report-row-head h3{font-size:16px}.footer-note{text-align:center;color:#94a3b8;padding:15px 20px;font-size:11px}.pending-card{text-align:center;background:#fdfbf7;padding:50px 24px;line-height:2}.pending-card .test-word{font-size:42px}.pending-card p{margin-top:15px}.word-search{width:min(100%,330px)}@media (width<=650px){body{padding:8px 6px 30px}.app-topbar{border-radius:14px;padding:12px}.role-pill-btn{padding:7px 11px}.top-student{max-width:210px}.pad,.word-test{padding:18px 14px}.hub-list-view{padding:16px!important}.hub-header{padding:20px 16px!important}.draft-note{padding:10px 16px}.test-word{font-size:40px}.ratings{grid-template-columns:1fr}.ratings button{padding:12px}.summary-grid{gap:7px}.summary-card{padding:12px 9px;font-size:12px}.summary-card strong{font-size:24px}.word-row{align-items:flex-start;gap:8px}.word-row .btn{padding:7px 9px;font-size:12px}.group-card{padding:16px}.record-tools,.player-bar{gap:8px;padding:12px}.record-tools .btn{padding:6px 8px}.login-box{padding:24px}.test-meaning{font-size:21px}.report-controls{align-items:stretch}.report-controls select{width:100%}.mode-tabs .btn{padding:8px 12px}.top-student select{width:100%}}.word-test{width:100%;max-width:668px;padding:12px 22px 28px}.mcq-test{max-width:624px}.flashcard-test{max-width:668px}.fc-scene{text-align:inherit;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;padding:0;display:block}.fc-inner{display:block}.fc-face{box-sizing:border-box;gap:18px}.fc-face-label{color:#94a3b8;text-align:left;width:100%;font-size:12px;line-height:1.7}.fc-front .test-word{color:#0f172a;font-size:44px}.fc-flip-hint{color:#64748b;background:#f1f5f9;border-radius:999px;padding:6px 14px;font-size:12px;line-height:1.6}.fc-back .fc-face-label{color:#bfdbfe}.fc-back .test-meaning{color:#fff;overflow-wrap:anywhere;text-align:left;font-size:27px;font-weight:800;line-height:1.6}.fc-back-footer{color:#cbd5e1;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;line-height:1.6;display:flex}.ratings{gap:12px;max-width:580px;margin:0 auto}.ratings .btn{border-width:1px;gap:6px;padding:14px 8px;font-size:14px;font-weight:600}.ratings .btn.emerald{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.ratings .btn.rose{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.ratings .btn.amber{color:#b45309;background:#fffbeb;border-color:#fde68a}.ratings .btn:disabled{opacity:.45}.flashcard-status{text-align:center;max-width:580px;min-height:40px;margin:14px auto 0;font-size:12px;line-height:1.7}.test-navigation{justify-content:space-between;gap:12px;max-width:580px;margin:18px auto 0;display:flex}.test-navigation .btn{justify-content:center;min-height:42px}.mcq-word-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;padding:24px 18px}.mcq-word-card .test-word{color:#0f172a;font-size:36px}.mcq-word-card .muted{margin-top:8px}.mcq-test .options-list{gap:10px;margin:0}.mcq-btn.option-choice{border:2px solid #e2e8f0;border-radius:12px;min-height:60px;margin:0;padding:14px 16px;font-size:14.5px;font-weight:600;line-height:1.6;transition:border-color .16s,background .16s,transform .16s}.mcq-btn.option-choice:not(:disabled):hover{background:#f8fafc;border-color:#64748b;transform:translateY(-1px)}.mcq-btn .option-letter{color:inherit;flex-shrink:0}.mcq-btn .option-mark{flex-shrink:0;margin-left:auto;font-size:19px}.mcq-btn.correct{color:#065f46;background:#ecfdf5;border-color:#10b981}.mcq-btn.wrong{color:#9f1239;background:#fff1f2;border-color:#f43f5e}.mcq-extra{margin-top:15px}.btn.mcq-unknown{color:#64748b;text-underline-offset:4px;background:0 0;border:0;min-height:38px;padding:8px 2px;text-decoration:underline}.btn.mcq-unknown.selected{color:#b45309;box-shadow:none}.mcq-navigation{grid-template-columns:1fr;margin-top:14px;display:grid}.mcq-navigation [data-index]:last-child{order:-1;width:100%;padding:13px;font-size:15px}.mcq-navigation [data-index]:first-child{justify-self:start}.mcq-test .feedback{font-size:13px}.feedback.is-correct{color:#065f46;background:#ecfdf5}.feedback.is-incorrect{color:#9f1239;background:#fff1f2}.feedback.is-unknown{color:#92400e;background:#fffbeb}.teacher-workflow{color:#bfdbfe;margin-top:18px;font-size:13px;line-height:1.8}.teacher-group-status{color:#64748b;gap:5px;font-size:12px;line-height:1.6;display:grid}@media (width<=650px){.word-test{padding:10px 16px 24px}.fc-scene{height:280px;margin:4px auto 16px}.fc-face{gap:14px;padding:18px}.fc-front .test-word{font-size:40px}.fc-back .test-meaning{font-size:24px}.fc-flip-hint{padding:6px 10px;font-size:11px}.ratings{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ratings .btn{flex-wrap:wrap;gap:4px;min-height:48px;padding:12px 5px;font-size:12px}.fc-back-footer{font-size:11px}.test-heading .section-title{font-size:17px}.mcq-word-card .test-word{font-size:36px}.mcq-btn.option-choice{min-height:59px;padding:12px 14px;font-size:14px}.test-heading .row{gap:8px}}@media (prefers-reduced-motion:reduce){.fc-inner,.mcq-btn.option-choice{transition:none}}.library-kicker{color:#93c5fd;letter-spacing:.04em;margin-bottom:12px;font-size:12px}.library-header h1{font-size:28px;line-height:1.4}.library-grid{background:#f8fafc;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px 28px;display:grid}.library-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:24px;min-width:0;padding:24px;display:flex}.library-card.available{border-color:#93c5fd;box-shadow:0 5px 20px #2563eb0b}.library-icon{color:#1d4ed8;background:#eff6ff;border-radius:14px;place-items:center;width:52px;height:52px;font:800 23px/1 Arial,sans-serif;display:grid}.library-icon.pending{color:#64748b;background:#f1f5f9}.library-card h2{color:#0f172a;font-size:24px;line-height:1.4}.library-card h3{color:#475569;margin-top:5px;font-size:13px;font-weight:500}.library-card p{color:#64748b;margin-top:14px;font-size:13px;line-height:1.8}.library-card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.library-count{color:#64748b;font-size:12px}.library-card-bottom .btn{justify-content:center}.library-card.planned .btn:disabled{opacity:1;color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.library-nav{gap:7px}.library-nav .btn{font-size:12px}@media (width<=650px){.library-grid{grid-template-columns:1fr;gap:14px;padding:16px}.library-card{gap:18px;padding:20px}.library-header h1{font-size:24px}.library-card h2{font-size:22px}.library-nav{gap:7px}}.shortcut-key{color:inherit;white-space:nowrap;opacity:.7;vertical-align:middle;background:#ffffff80;border:1px solid;border-radius:5px;padding:2px 6px;font:500 11px/1.3 Arial,sans-serif;display:inline-block}.ratings .btn{flex-direction:column;gap:6px}.rating-label{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:inline-flex}.ratings .shortcut-key{font-size:10px}.mcq-btn .option-key{color:#64748b;flex-shrink:0;margin-left:auto}.mcq-btn .option-mark{margin-left:0}.mcq-btn.correct .option-key,.mcq-btn.wrong .option-key{color:inherit}.btn.mcq-unknown{align-items:center;gap:8px;display:inline-flex}.test-navigation .btn{gap:8px}.test-navigation .primary .shortcut-key{background:#ffffff15}.shortcut-help{color:#64748b;text-align:center;max-width:580px;margin:16px auto 0;font-size:11px;line-height:2}.shortcut-help>span{display:block}@media (width<=650px){.ratings .btn{gap:5px}.ratings .shortcut-key{padding:1px 5px;font-size:9px}.shortcut-help{font-size:10px}.test-navigation .btn{gap:5px}.test-navigation .shortcut-key{font-size:10px}}.login-box label{text-align:left;margin:18px 0 6px;font-weight:600;display:block}.login-box input{width:100%}.account-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.account-form label{flex-direction:column;gap:7px;display:flex}.cloud-status{color:#94a3b8;font-size:12px}.account-list{gap:10px;display:grid}.account-row{border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px;display:flex}.assignment-controls{flex-wrap:wrap;gap:10px;display:flex}.saving-overlay{color:#fff;z-index:200;background:#0f172a;border-radius:12px;padding:12px 22px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.error-retry{background:#fff1f2;border:1px solid #fda4af;border-radius:12px;margin-top:12px;padding:15px}.app-topbar .role-pills{display:none}@media (width<=650px){.account-form{grid-template-columns:1fr}.app-topbar .cloud-status{display:none}}