*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #0f766e;--primary-lt: #ccfbf1;--primary-dk: #0d5f58;--accent: #f59e0b;--danger: #ef4444;--danger-lt: #fee2e2;--success: #22c55e;--success-lt: #dcfce7;--warning: #f59e0b;--warning-lt: #fef3c7;--white: #ffffff;--bg-card: #ffffff;--radius-lg: 16px;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-secondary: #6b7280;--header-h: 60px;--radius: 12px;--bg-app: var(--gray-50);--bg-surface: #ffffff;--bg-surface-alt: var(--gray-50);--bg-subtle: var(--gray-100);--text: var(--gray-600);--text-strong: var(--gray-800);--text-muted: var(--gray-500);--border: var(--gray-200);--border-strong: #cbd5e1;--card-bg: #ffffff;--surface: #ffffff;--sidebar-bg: #f8fafc;--overlay: rgba(15, 23, 42, .52);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-app);color:var(--text);font-size:14px;line-height:1.5;min-height:100vh;overflow-x:hidden}.hidden{display:none!important}.document-editor-indent{display:inline-block;width:4ch;min-width:4ch;white-space:nowrap;vertical-align:baseline;pointer-events:none;user-select:none;-webkit-user-select:none}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));z-index:100;box-shadow:var(--shadow)}.app-header.hidden{display:none}.header-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--primary)}.header-logo{font-size:22px}.header-user{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-student-name{font-weight:600;font-size:13px;color:var(--text-strong);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.header-class-name{font-size:12px;color:var(--text-muted);background:var(--bg-subtle);padding:2px 10px;border-radius:99px}.btn-logout{background:none;border:1px solid var(--border);color:var(--text);padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.btn-logout:hover{background:var(--danger-lt);border-color:var(--danger);color:var(--danger)}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative;background:none;border:none;font-size:20px;cursor:pointer;padding:4px 6px;border-radius:8px;line-height:1;transition:background .15s;display:flex;align-items:center}.notif-bell-btn:hover{background:var(--bg-subtle)}.notif-badge{position:absolute;top:-2px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none;border:2px solid var(--card-bg)}.notif-badge.hidden{display:none}.notif-panel{position:fixed;top:calc(var(--header-h) + 6px);right:16px;width:340px;max-height:320px;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #0000001f;overflow:hidden;z-index:9999;display:flex;flex-direction:column}.notif-panel.hidden{display:none}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.notif-panel-title{font-weight:700;font-size:14px;color:var(--text-strong)}.notif-mark-all-btn{background:none;border:none;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;padding:2px 4px;border-radius:4px}.notif-mark-all-btn:hover{background:var(--bg-subtle)}.notif-list{background:var(--card-bg);overflow-y:auto;flex:1;-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to bottom,black calc(100% - 24px),transparent 100%)}.notif-list.at-bottom{-webkit-mask-image:none;mask-image:none}.notif-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:14px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);transition:background .12s}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:color-mix(in srgb,var(--primary) 6%,var(--card-bg));border-left:3px solid var(--primary)}.notif-item--read{border-left:3px solid transparent;opacity:.75}.notif-item--urgent{background:color-mix(in srgb,#ef4444 8%,var(--card-bg));border-left-color:#ef4444}.notif-item--warn{background:color-mix(in srgb,#f97316 6%,var(--card-bg));border-left-color:#f97316}.notif-item--caution{background:color-mix(in srgb,#eab308 6%,var(--card-bg));border-left-color:#eab308}.notif-item-icon{font-size:18px;flex-shrink:0;margin-top:2px}.notif-item-body{flex:1;min-width:0;cursor:pointer}.notif-item-body:hover .notif-item-title{text-decoration:underline}.notif-item-title{font-size:13px;font-weight:700;color:var(--text-strong);line-height:1.4;display:flex;align-items:center;flex-wrap:wrap;gap:3px}.notif-item--read .notif-item-title{font-weight:400;color:var(--text-muted)}.notif-item-desc{font-size:11px;color:var(--text-muted);margin-top:3px}.notif-item-btns{display:flex;flex-direction:column;gap:4px;flex-shrink:0;align-items:center}.notif-btn-read,.notif-btn-delete{background:none;border:1px solid var(--border);border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background .12s,border-color .12s;color:var(--text-muted);padding:0}.notif-btn-read:hover{background:color-mix(in srgb,var(--primary) 12%,var(--card-bg));border-color:var(--primary);color:var(--primary)}.notif-btn-delete:hover{background:color-mix(in srgb,#ef4444 10%,var(--card-bg));border-color:#ef4444;color:#ef4444}.notif-btn-read:disabled,.notif-btn-delete:disabled{opacity:.4;cursor:not-allowed}.notif-skill-badge{font-size:10px;padding:1px 5px;border-radius:4px;flex-shrink:0}@media (max-width: 480px){.notif-panel{width:calc(100vw - 20px);right:10px}}[data-theme=dark] .notif-panel{box-shadow:0 8px 32px #0006}[data-theme=dark] .notif-item--unread{background:color-mix(in srgb,var(--primary) 10%,var(--card-bg))}[data-theme=dark] .notif-btn-read,[data-theme=dark] .notif-btn-delete{border-color:var(--border)}#app{min-height:100vh}#app.with-header{padding-top:var(--header-h)}.container{max-width:800px;margin:0 auto;padding:28px 20px}.container-wide{max-width:1000px;margin:0 auto;padding:28px 20px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:var(--text-muted)}.spinner{width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f0fdf4 0%,#ccfbf1 50%,#f0fdf4 100%)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:40px 36px;width:100%;max-width:380px}.login-logo{text-align:center;margin-bottom:28px}.login-logo-icon{font-size:48px;display:block;margin-bottom:8px}.login-logo-title{font-size:22px;font-weight:800;color:var(--primary)}.login-logo-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.login-error{background:var(--danger-lt);color:var(--danger);padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;display:none}.login-error.show{display:block}.login-secondary-actions{display:flex;justify-content:flex-end;margin:-6px 0 14px}.login-forgot-btn{width:auto;padding-inline:14px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-strong);background:var(--surface);transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--primary)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-strong);background:var(--surface);transition:border-color .15s;outline:none;resize:vertical;min-height:240px;line-height:1.7;font-family:inherit}.form-textarea:focus{border-color:var(--primary)}.form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;width:100%;justify-content:center}.btn-primary:hover{background:var(--primary-dk)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-outline{background:var(--surface);color:var(--text);border:1.5px solid var(--border);width:auto}.btn-outline:hover{background:var(--bg-subtle)}.btn-sm{padding:6px 14px;font-size:12px}.btn-back{display:inline-flex;align-items:center;gap:6px;color:var(--text);background:none;border:none;font-size:13px;font-weight:600;cursor:pointer;padding:6px 0;margin-bottom:16px;transition:color .15s;flex-shrink:0;white-space:nowrap}.btn-back:hover{color:var(--primary)}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}.btn-spinner--dark{border-color:#1d827a38;border-top-color:var(--primary-dk)}#toast-container{position:fixed;top:72px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 18px;border-radius:10px;font-size:13px;font-weight:500;animation:slideIn .25s ease;box-shadow:0 4px 12px #00000026;max-width:320px}.toast-success{background:#166534;color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--primary);color:#fff}.toast-warning{background:var(--warning-lt);color:#92400e;border:1px solid rgba(217,119,6,.28)}.toast-sticky{max-width:360px}.toast-warning-title{font-size:14px;font-weight:800;margin-bottom:4px}.toast-warning-copy{font-size:13px;line-height:1.45}.toast-action-btn{margin-top:10px;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(146,64,14,.2);background:rgba(255,255,255,.65);color:#92400e;font-size:12px;font-weight:700;cursor:pointer}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:24px}.page-title{font-size:22px;font-weight:800;color:var(--text-strong);margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600}.badge-reading{background:#dbeafe;color:#1d4ed8}.badge-listening{background:#fce7f3;color:#be185d}.badge-writing{background:#fef9c3;color:#854d0e}.badge-speaking{background:#f0fdf4;color:#166534}.badge-composite{background:#f0f0ff;color:#4338ca}.badge-done{background:var(--success-lt);color:#166534}.badge-pending{background:var(--gray-100);color:var(--gray-600)}.badge-overdue{background:var(--danger-lt);color:var(--danger)}.badge-rewrite{background:#fee2e2;color:#dc2626;font-weight:700}.rewrite-score{color:#dc2626!important}.assignment-list{display:flex;flex-direction:column;gap:12px}.assignment-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .15s;box-shadow:var(--shadow);text-decoration:none;color:inherit}.assignment-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.assignment-card.done{border-color:var(--gray-200);opacity:.85}.assignment-card-icon{font-size:28px;flex-shrink:0}.assignment-card-body{flex:1;min-width:0}.assignment-card-title{font-weight:700;font-size:15px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.assignment-card-deadline{font-size:12px;color:var(--text-muted)}.assignment-card-deadline.overdue{color:var(--danger);font-weight:600}.assignment-card-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.score-pill{font-size:18px;font-weight:800;color:var(--primary)}.score-label{font-size:10px;color:var(--text-muted);text-align:right}.assignment-page{padding-top:var(--header-h)}.assignment-toolbar .btn-back{margin-bottom:0}.assignment-toolbar{background:#fff;border-bottom:1px solid var(--gray-200);padding:12px 24px;display:flex;align-items:center;gap:16px;position:sticky;top:var(--header-h);z-index:50}.assignment-toolbar-title{font-weight:700;font-size:15px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.mode-badge--exam{background:#fef3c7;color:#92400e}.mode-badge--practice{background:#ede9fe;color:#5b21b6}.assignment-content{display:grid;grid-template-columns:1fr 1fr;gap:0;height:calc(100vh - var(--header-h) - 53px);height:calc(100dvh - var(--header-h) - 53px);min-height:0}.content-pane{overflow-y:auto;padding:24px;border-right:1px solid var(--gray-200);min-height:0}.answer-pane{overflow-y:auto;padding:24px;background:var(--gray-50);min-height:0}.assignment-content.single-col{grid-template-columns:1fr;height:auto}.assignment-content.single-col .content-pane{border-right:none;border-bottom:1px solid var(--gray-200);max-height:40vh;max-height:40dvh}.assignment-content.single-col .answer-pane{min-height:50vh;min-height:50dvh}.reading-text{font-size:14px;line-height:1.9;color:var(--gray-800);font-family:Georgia,Times New Roman,serif}.mixed-content{display:flex;flex-direction:column;gap:16px}.mixed-content-text{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.mixed-content-text .editor-table,.mixed-content-text table{border-collapse:collapse;table-layout:fixed;margin:8px 0;max-width:100%}.mixed-content-text .editor-table th,.mixed-content-text .editor-table td,.mixed-content-text table th,.mixed-content-text table td{border:1px solid #cbd5e1;padding:6px 10px;vertical-align:top;white-space:pre-wrap;overflow-wrap:break-word}.mixed-content-text .editor-table th,.mixed-content-text table th{background:#f1f5f9;font-weight:700;text-align:left}.mixed-content-image-wrap{margin:0}.mixed-content-image{display:block;max-width:100%;max-height:none;object-fit:contain;border:1px solid var(--gray-200);border-radius:8px;background:#fff}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:16px}.audio-player-box{background:var(--primary-lt);border-radius:var(--radius);padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.audio-player-icon{font-size:24px}.audio-player-box audio{flex:1;height:36px}.audio-player-box--locked{display:block}.audio-player-box--locked .locked-audio{display:none}.locked-audio-shell{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.75);border:1px solid rgba(15,118,110,.16)}.locked-audio-shell-icon{font-size:20px;line-height:1;flex-shrink:0}.locked-audio-shell-main{flex:1;min-width:0}.locked-audio-progress-wrap{display:flex;align-items:center;gap:10px}.locked-audio-progress-bar{flex:1;height:8px;border-radius:999px;background:rgba(15,23,42,.1);overflow:hidden}.locked-audio-progress-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#14b8a6);transition:width .12s linear}.locked-audio-time{min-width:86px;display:flex;justify-content:space-between;gap:8px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--gray-600)}.listening-once-notice{margin-bottom:16px;padding:12px 14px;border-radius:10px;border:1px solid #fbbf24;background:#fffbeb;color:#92400e;font-size:13px;line-height:1.55}.locked-audio-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.locked-audio-start{min-width:130px;justify-content:center}.locked-audio-status{font-size:12px;color:var(--gray-600)}.answer-grid{display:flex;flex-direction:column;gap:10px}.answer-row{display:flex;align-items:center;gap:10px}.q-label{font-size:12px;font-weight:700;color:var(--text-muted);width:30px;flex-shrink:0}.answer-input{flex:1;padding:8px 12px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:13px;outline:none;transition:border-color .15s}.answer-input:focus{border-color:var(--primary)}.answer-input.correct{border-color:var(--success);background:var(--success-lt)}.answer-input.wrong{border-color:var(--danger);background:var(--danger-lt)}.prompt-box{background:var(--primary-lt);border-radius:var(--radius);padding:20px;margin-bottom:20px;font-size:14px;line-height:1.8;border-left:4px solid var(--primary)}.word-count{text-align:right;font-size:12px;color:var(--text-muted);margin-top:6px}.word-count.warning{color:var(--warning)}.word-count.ok{color:var(--success)}.cue-card{background:linear-gradient(135deg,#f0fdf4,#ccfbf1);border:1.5px solid var(--primary-lt);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px;font-size:14px;line-height:1.8}.recorder-area{background:#fff;border:2px dashed var(--gray-200);border-radius:var(--radius);padding:32px 24px;text-align:center;margin-bottom:16px;transition:border-color .15s}.recorder-area.recording{border-color:var(--danger);background:var(--danger-lt)}.recorder-area.has-audio{border-color:var(--success);background:var(--success-lt)}.record-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:99px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;margin-bottom:12px}.record-btn.idle{background:var(--primary);color:#fff}.record-btn.idle:hover{background:var(--primary-dk)}.record-btn.recording-active{background:var(--danger);color:#fff;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.record-timer{font-size:20px;font-weight:800;color:var(--danger);margin-bottom:8px;display:none}.recorder-area.recording .record-timer{display:block}.audio-preview{margin-top:12px}.audio-preview audio{width:100%;border-radius:8px}.audio-submit-status{margin-top:12px;padding:12px 14px;border:1px solid rgba(29,130,122,.18);border-radius:12px;background:rgba(29,130,122,.06)}.audio-submit-status.hidden{display:none}.audio-submit-status-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--gray-700);margin-bottom:8px}.audio-submit-status-label strong{color:var(--primary-dk)}.audio-submit-progress{width:100%;height:8px;border-radius:999px;background:rgba(17,24,39,.08);overflow:hidden}.audio-submit-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-dk));transition:width .2s ease}.audio-submit-processing{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gray-700)}.recorder-hint{font-size:12px;color:var(--text-muted);margin-top:8px}.upload-link{color:var(--primary);cursor:pointer;text-decoration:underline;font-size:12px}.submit-bar{padding:16px 24px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;bottom:0}.submit-bar-info{font-size:12px;color:var(--text-muted)}.result-header{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);margin-bottom:24px;text-align:center}.score-display{margin:16px 0}.score-number{font-size:72px;font-weight:900;color:var(--primary);line-height:1}.score-band{font-size:14px;color:var(--text-muted);margin-top:4px}.result-stats{display:flex;justify-content:center;gap:32px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-100)}.stat-item{text-align:center}.stat-value{font-size:24px;font-weight:800;color:var(--gray-800)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.result-answers{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.result-table{width:100%;border-collapse:collapse;min-width:560px}.result-table th{background:var(--gray-50);padding:10px 16px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--gray-200)}.result-table td{padding:10px 16px;border-bottom:1px solid var(--gray-100);font-size:13px}.result-table tr:last-child td{border-bottom:none}.result-correct{color:var(--success);font-weight:700}.result-wrong{color:var(--danger);font-weight:700}.result-actions{text-align:right;white-space:nowrap}.btn-result-action{background:none;border:1px solid var(--gray-200);border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;padding:2px 8px;margin-left:4px;transition:all .15s;white-space:nowrap}.btn-result-explain{border-color:#d97706;color:#d97706}.btn-result-explain:hover{background:#fffbeb}.btn-result-locate{border-color:var(--primary);color:var(--primary)}.btn-result-locate:hover{background:var(--primary-lt)}.explanation-row{background:var(--gray-50)}.explanation-row.hidden{display:none}.explanation-content{padding:8px 16px;font-size:13px;color:var(--gray-600);line-height:1.6}.explanation-label{font-weight:700;margin-right:6px;color:var(--gray-800)}@keyframes locateFlash{0%,60%{background:#fef08a}to{background:transparent}}.locate-flash{background:#fef08a;border-radius:2px;animation:locateFlash 2.5s ease-out forwards}.vocab-result-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.vocab-result-item{background:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.vocab-result-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;user-select:none}.vocab-result-header:hover{background:var(--gray-50)}.vocab-result-word{font-weight:700;color:var(--primary-dk);flex:1}.vocab-result-toggle{font-size:10px;color:var(--text-muted)}.vocab-result-detail{padding:8px 12px 10px;border-top:1px solid var(--gray-100);background:var(--gray-50)}.vocab-result-detail.hidden{display:none}.vocab-result-def{font-size:13px;color:var(--gray-800);line-height:1.5}.vocab-result-pronunciation{font-size:12px;color:var(--gray-500);font-style:italic;margin-top:4px}.vocab-result-collocation{font-size:12px;color:var(--primary);margin-top:4px}.vocab-result-example{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:4px}.pending-feedback{background:var(--warning-lt);border:1.5px solid var(--warning);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.pending-feedback-icon{font-size:24px;flex-shrink:0}.pending-feedback-text h4{font-size:14px;font-weight:700;margin-bottom:4px}.pending-feedback-text p{font-size:13px;color:var(--gray-600)}.submitted-content{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;white-space:pre-wrap;font-size:14px;line-height:1.8}.empty-state{text-align:center;padding:48px 24px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-title{font-size:18px;font-weight:700;margin-bottom:8px}.empty-desc{font-size:13px;color:var(--text-muted)}.section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.section-label-rewrite{display:flex;align-items:center;gap:6px;font-size:14px;color:#dc2626}.section-label-pending{font-size:14px;color:var(--primary)}.assignment-card.rewrite{border:2px solid #ef4444;background:linear-gradient(180deg,#fff5f5 0%,var(--card-bg) 70%);box-shadow:0 4px 14px #ef44442e}.assignment-card.rewrite:hover{border-color:#dc2626;box-shadow:0 6px 18px #ef444442}.assignment-card.pending-card{border-color:var(--primary-lt);border-left:4px solid var(--primary)}.assignment-card.pending-card:hover{border-color:var(--primary)}[data-theme=dark] .assignment-card.rewrite{border-color:#f87171;background:linear-gradient(180deg,rgba(239,68,68,.12) 0%,var(--card-bg) 70%);box-shadow:0 4px 14px #ef444440}[data-theme=dark] .section-label-rewrite{color:#f87171}[data-theme=dark] .section-label-pending{color:#5eead4}.btn-switch-class{background:var(--primary-lt);border:1px solid var(--primary);color:var(--primary);padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.btn-switch-class:hover{background:var(--primary);color:#fff}.btn-full{width:100%;justify-content:center}.class-select-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f0fdf4 0%,#ccfbf1 50%,#f0fdf4 100%)}.class-select-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:32px 28px;width:100%;max-width:420px}.class-select-header{text-align:center;margin-bottom:24px}.class-select-avatar{font-size:40px;margin-bottom:10px}.class-select-name{font-size:18px;font-weight:800;color:var(--gray-800);margin-bottom:4px}.class-select-sub{font-size:13px;color:var(--text-muted)}.class-list{display:flex;flex-direction:column;gap:10px}.class-card{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .15s;text-align:left;font-size:14px}.class-card:hover{border-color:var(--primary);background:var(--primary-lt)}.class-card-icon{font-size:24px;flex-shrink:0}.class-card-name{font-weight:700;flex:1}.class-card-arrow{font-size:20px;color:var(--text-muted)}@media (max-width: 680px){.assignment-content{grid-template-columns:1fr;height:auto}.content-pane{border-right:none;border-bottom:1px solid var(--gray-200);max-height:45vh}.assignment-toolbar{padding:10px 16px;flex-wrap:wrap;gap:8px}.assignment-toolbar #submit-btn{width:100%;order:10}.q-navigator{top:calc(var(--header-h) + 53px - 24px);margin:-24px -24px 14px}.container{padding:20px 16px}.login-card{padding:28px 20px}.result-stats{gap:16px}.score-number{font-size:56px}.header-class-name{display:none}}.writing-prompt-body{font-size:14px;line-height:1.8;color:var(--gray-800)}.writing-prompt-body img{max-width:100%;height:auto;border-radius:8px;display:block;margin:8px 0}.writing-answer-pane{display:flex;flex-direction:column}.writing-textarea{flex:1;width:100%;min-height:200px;padding:12px 14px;font-size:14px;line-height:1.8;border:1px solid var(--gray-300);border-radius:8px;background:#fff;color:var(--gray-900);resize:vertical;font-family:inherit;box-sizing:border-box}.writing-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light, rgba(15,118,110,.12))}.score-chip{background:var(--primary);color:#fff;border-radius:99px;padding:4px 14px;display:flex;align-items:baseline;gap:3px;flex-shrink:0}.score-chip-val{font-size:18px;font-weight:800}.score-chip-label{font-size:11px;opacity:.8}.score-chip-rewrite{background:#dc2626}.rewrite-request-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin:0 16px}.rewrite-request-text{display:flex;align-items:center;gap:8px;font-weight:600;color:#dc2626;font-size:14px}.rewrite-request-icon{font-size:18px}.version-selector{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gray-50);border-bottom:1px solid var(--gray-200);flex-wrap:wrap}.version-selector-label{font-size:12px;font-weight:600;color:var(--gray-500);white-space:nowrap}.version-btn{border:1px solid var(--gray-300);background:var(--white);border-radius:99px;padding:3px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--gray-600);transition:all .15s}.version-btn:hover{background:var(--gray-100)}.version-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.feedback-ann-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.feedback-ann-clickable:hover{transform:translate(4px);box-shadow:var(--shadow-md)}@keyframes annFlash{0%,50%{background:#fde68a;outline:3px solid #f59e0b;border-radius:2px}to{background:#fef08a;outline:none}}.ann-flash{animation:annFlash 1.5s ease-out forwards}.feedback-essay{position:relative;isolation:isolate}.feedback-hint{font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:99px;margin-left:8px}.ann-highlight{border-radius:2px;padding:1px 0;cursor:default;mix-blend-mode:multiply}.ann-highlight.ann-c0{background:#fef08a;border-bottom:2px solid #eab308}.ann-highlight.ann-c1{background:#bfdbfe;border-bottom:2px solid #2563eb}.ann-highlight.ann-c2{background:#fecaca;border-bottom:2px solid #dc2626}.ann-highlight.ann-c3{background:#bbf7d0;border-bottom:2px solid #16a34a}.ann-highlight.ann-c4{background:#e9d5ff;border-bottom:2px solid #9333ea}.ann-highlight.ann-c5{background:#fed7aa;border-bottom:2px solid #ea580c}.ann-delete{text-decoration:line-through;text-decoration-color:#dc2626;text-decoration-thickness:2px;background:#fee2e2;color:#991b1b;border-radius:2px;padding:1px 0}.ann-marker{font-size:9px;font-weight:800;color:#fff;padding:1px 4px;border-radius:99px;margin-left:2px;vertical-align:super;line-height:1}.ann-marker-c0{background:#ca8a04}.ann-marker-c1{background:#2563eb}.ann-marker-c2{background:#dc2626}.ann-marker-c3{background:#16a34a}.ann-marker-c4{background:#9333ea}.ann-marker-c5{background:#ea580c}.ai-overall-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--chip-color, var(--primary));padding:16px 18px;margin-bottom:12px}.ai-overall-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ai-overall-label{font-weight:700;font-size:15px;color:var(--text)}.ai-overall-comment{font-size:13px;color:var(--text-secondary);line-height:1.6}.ai-overall-comment p{margin:0 0 6px}.ai-overall-note{margin-top:10px;font-size:11.5px;color:var(--text-muted);font-style:italic;border-top:1px solid var(--border);padding-top:8px}.ai-band-chip{display:inline-flex;align-items:center;background:var(--chip-color, var(--primary));color:#fff;font-weight:700;font-size:13px;padding:3px 10px;border-radius:20px;white-space:nowrap}.ai-criterion-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:10px}.ai-advice-card{border-left:3px solid var(--gray-300)}.ai-criterion-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.ai-criterion-title{font-weight:600;font-size:13px;color:var(--text);flex:1;min-width:0}.ai-advice-label{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--gray-100);padding:2px 8px;border-radius:10px;white-space:nowrap}.ai-criterion-body{font-size:13px;color:var(--text-secondary);line-height:1.65}.ai-criterion-body p{margin:0 0 6px}.ai-criterion-body ul,.ai-criterion-body ol{margin:4px 0 8px 16px;padding:0}.ai-criterion-body li{margin-bottom:3px}.ai-criterion-body h5{font-size:12px;font-weight:600;margin:8px 0 4px;color:var(--text)}.ai-criterion-body strong{color:var(--text)}.ai-criterion-body code{background:var(--gray-100);padding:1px 5px;border-radius:4px;font-size:12px}.ai-criterion-sections{display:flex;flex-direction:column;gap:10px}.ai-section-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.ai-section-body{font-size:13px;color:var(--text-secondary);line-height:1.65}.ai-section-body p{margin:0 0 4px}.ai-section-body ul,.ai-section-body ol{margin:2px 0 6px 16px;padding:0}.ai-section-body li{margin-bottom:3px}.ai-section-body strong{color:var(--text)}.ai-section-body em{color:var(--text-secondary)}.ai-section-body code{background:var(--gray-100);padding:1px 5px;border-radius:4px;font-size:12px}[data-theme=dark] .ai-section-body code{background:var(--gray-700)}.btn-retry-ai{width:100%;margin-top:8px;padding:8px;font-size:12px;color:var(--text-muted);background:transparent;border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:color .15s,border-color .15s}.btn-retry-ai:hover{color:var(--primary);border-color:var(--primary)}[data-theme=dark] .ai-overall-card,[data-theme=dark] .ai-criterion-card{background:var(--card-bg);box-shadow:var(--shadow)}[data-theme=dark] .ai-advice-label,[data-theme=dark] .ai-criterion-body code{background:var(--gray-700)}[data-theme=dark] .btn-retry-ai{border-color:var(--gray-600);color:var(--gray-500)}[data-theme=dark] .btn-retry-ai:hover{color:var(--primary);border-color:var(--primary)}[data-theme=dark] .badge-reading{background:rgba(29,78,216,.2);color:#93c5fd}[data-theme=dark] .badge-listening{background:rgba(190,24,93,.2);color:#f9a8d4}[data-theme=dark] .badge-writing{background:rgba(133,77,14,.2);color:#fcd34d}[data-theme=dark] .badge-speaking{background:rgba(22,101,52,.2);color:#86efac}[data-theme=dark] .badge-composite{background:rgba(67,56,202,.2);color:#a5b4fc}[data-theme=dark] .badge-done{color:#86efac}[data-theme=dark] .badge-overdue{color:#fca5a5}[data-theme=dark] .mode-badge--exam{background:rgba(146,64,14,.25);color:#fcd34d}[data-theme=dark] .mode-badge--practice{background:rgba(91,33,182,.25);color:#c4b5fd}[data-theme=dark] .writing-textarea{background:var(--surface);color:var(--text-strong);border-color:var(--border)}[data-theme=dark] .btn-save-word{background:var(--surface);border-color:var(--border)}[data-theme=dark] .btn-result-explain:hover{background:rgba(251,191,36,.08)}.feedback-overall{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;font-size:14px;line-height:1.8;white-space:pre-wrap;border-left:4px solid var(--primary);margin-bottom:4px}.feedback-annotations{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.feedback-ann-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;border-left:3px solid #eab308}.feedback-ann-card.feedback-ann-c0{border-left-color:#eab308}.feedback-ann-card.feedback-ann-c1{border-left-color:#2563eb}.feedback-ann-card.feedback-ann-c2{border-left-color:#dc2626}.feedback-ann-card.feedback-ann-c3{border-left-color:#16a34a}.feedback-ann-card.feedback-ann-c4{border-left-color:#9333ea}.feedback-ann-card.feedback-ann-c5{border-left-color:#ea580c}.feedback-ann-card.feedback-ann-delete{border-left-color:#dc2626;background:#fff5f5}.feedback-ann-delete-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;color:#fff;background:#dc2626;padding:2px 7px;border-radius:99px;flex-shrink:0;margin-top:1px}.feedback-ann-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.feedback-ann-number{font-size:10px;font-weight:800;color:#fff;background:#ca8a04;padding:2px 7px;border-radius:99px;flex-shrink:0;margin-top:1px}.feedback-ann-number.feedback-ann-num-c0{background:#ca8a04}.feedback-ann-number.feedback-ann-num-c1{background:#2563eb}.feedback-ann-number.feedback-ann-num-c2{background:#dc2626}.feedback-ann-number.feedback-ann-num-c3{background:#16a34a}.feedback-ann-number.feedback-ann-num-c4{background:#9333ea}.feedback-ann-number.feedback-ann-num-c5{background:#ea580c}.feedback-ann-quote{font-size:12px;color:var(--text-muted);font-style:italic;line-height:1.5}.feedback-ann-comment{font-size:14px;line-height:1.7;color:var(--gray-800);white-space:pre-wrap}.student-highlight{color:#1f2937;cursor:pointer;border-radius:2px;padding:0 1px;transition:opacity .2s}.student-highlight:hover{opacity:.7}.hl-yellow{background:#fef08a;border-bottom:1.5px solid #eab308}.hl-green{background:#bbf7d0;border-bottom:1.5px solid #22c55e}.hl-blue{background:#bfdbfe;border-bottom:1.5px solid #3b82f6}.hl-pink{background:#fbcfe8;border-bottom:1.5px solid #ec4899}.highlight-toolbar{display:flex;align-items:center;gap:4px}.hl-label{font-size:11px;color:var(--text-muted);margin-right:2px}.hl-btn{background:none;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:16px;line-height:1;padding:2px 3px;transition:all .15s}.hl-btn:hover{background:var(--gray-100)}.hl-btn-active{background:var(--gray-100);border-color:var(--gray-600)}[data-theme=dark]{--gray-50: #111827;--gray-100: #1f2937;--gray-200: #334155;--gray-300: rgba(148,163,184,.35);--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #dbe4f0;--gray-700: #1e293b;--gray-800: #f8fafc;--gray-900: #f8fafc;--text-secondary: #94a3b8;--primary-lt: rgba(20,184,166,.15);--warning-lt: rgba(245,158,11,.15);--success-lt: rgba(34,197,94,.15);--danger-lt: rgba(239,68,68,.15);--bg-app: #111827;--bg-surface: #182235;--bg-surface-alt: #0f172a;--bg-subtle: #1f2937;--text: #dbe4f0;--text-strong: #f8fafc;--text-muted: #94a3b8;--border: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .34);--card-bg: #182235;--bg-card: #182235;--white: #1f2937;--surface: #1f2937;--sidebar-bg: #0f172a;--overlay: rgba(2, 6, 23, .72);--shadow: 0 1px 3px rgba(0,0,0,.4);--shadow-md:0 10px 24px rgba(0,0,0,.3)}[data-theme=dark] body{background:var(--bg-app);color:var(--text)}[data-theme=dark] .app-header{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .band-pill{color:#4ade80}[data-theme=dark] .badge-closed{color:#cbd5e1}[data-theme=dark] .login-card{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--surface);border-color:var(--border);color:var(--text-strong)}[data-theme=dark] .btn-outline{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .btn-outline:hover{background:var(--bg-subtle)}[data-theme=dark] .assignment-card{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .assignment-card:hover{background:var(--surface)}[data-theme=dark] .content-pane,[data-theme=dark] .answer-pane{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .answer-input{background:var(--surface);border-color:var(--border);color:var(--text-strong)}[data-theme=dark] .assignment-toolbar{background:var(--card-bg);border-color:var(--border)}#app{transition:opacity .12s ease}#app.page-exit{opacity:0;pointer-events:none}.btn-dark-toggle{background:none;border:1px solid var(--gray-200);border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0}.btn-dark-toggle:hover{background:var(--gray-100)}.password-wrap{position:relative;display:flex;align-items:center}.password-wrap .form-input{flex:1;padding-right:40px}.btn-eye{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-muted);padding:4px;display:flex;align-items:center}.btn-eye:hover{color:var(--gray-600)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;flex-wrap:wrap}.modal-actions .btn-primary,.modal-actions .btn-outline{width:auto}.assignment-card-deadline-row{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.countdown-chip{font-size:11px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:99px;padding:1px 8px;white-space:nowrap;font-weight:600}.card-chevron{font-size:20px;color:var(--text-muted);line-height:1}.score-band{font-size:28px;font-weight:800;color:var(--primary);line-height:1}.score-pending-icon{font-size:22px;line-height:1}.badge-waiting{background:#fef3c7;color:#92400e}.skill-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.skill-filter-tab{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:99px;padding:5px 14px;font-size:12px;font-weight:500;cursor:pointer;color:var(--gray-600);transition:all .15s;white-space:nowrap}.skill-filter-tab:hover{border-color:var(--primary);color:var(--primary)}.skill-filter-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.deadline-timer{font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-lt);border-radius:99px;padding:3px 12px;white-space:nowrap}.deadline-timer.expired{color:var(--danger);background:var(--danger-lt)}.badge-closed{background:var(--gray-200);color:var(--gray-500)}.assignment-card-closed{opacity:.72;cursor:default;pointer-events:none;background:var(--gray-50, #f9fafb);border-color:var(--gray-200)}.section-label-closed{color:var(--text-muted)}.btn-vocab-games-link{display:inline-flex;align-items:center;gap:5px;background:var(--primary-lt);color:var(--primary);border:1px solid var(--primary);border-radius:99px;padding:6px 16px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .15s}.btn-vocab-games-link:hover{background:var(--primary);color:#fff}.btn-vocab-toolbar{display:inline-flex;align-items:center;gap:4px;background:var(--primary-lt);color:var(--primary);border:1px solid var(--primary);border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .15s}.btn-vocab-toolbar:hover{background:var(--primary);color:#fff}.toolbar-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn-practice{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s;border:1px solid}.btn-practice-wrong{background:#fef3c7;color:#92400e;border-color:#f59e0b}.btn-practice-wrong:hover{background:#f59e0b;color:#fff}.btn-practice-full{background:var(--gray-50, #f9fafb);color:var(--gray-700, #374151);border-color:var(--gray-300, #d1d5db)}.btn-practice-full:hover{background:var(--gray-200, #e5e7eb)}.vocab-hub-page{max-width:720px}.vocab-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.vocab-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gray-100)}.vocab-section-icon{font-size:28px;flex-shrink:0}.vocab-section-title{font-weight:700;font-size:16px}.vocab-section-sub{font-size:12px;color:var(--gray-500);margin-top:2px}.vocab-empty-mini{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;padding:12px 4px}.vocab-empty-icon{font-size:20px}.vocab-count-badge{background:var(--primary-light, #ede9fe);color:var(--primary);font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px}.vocab-my-card{background:var(--gray-50);border-radius:var(--radius);padding:16px}.vocab-my-empty{display:flex;flex-direction:column;gap:4px;color:var(--gray-500);font-size:14px}.vocab-my-empty-hint{font-size:12px;color:var(--text-muted)}.vocab-my-info{margin-bottom:14px}.vocab-my-count{font-size:28px;font-weight:800;color:var(--primary);line-height:1;margin-bottom:10px}.vocab-my-count span{font-size:14px;font-weight:500;color:var(--gray-600)}.vocab-my-preview{display:flex;flex-wrap:wrap;gap:6px}.vocab-my-pill{background:#fff;border:1px solid var(--gray-200);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;color:var(--gray-700)}.vocab-my-pill.muted{color:var(--text-muted)}.vocab-my-actions{display:flex;gap:10px;flex-wrap:wrap}.vocab-game-list{display:flex;flex-direction:column;gap:10px}.vocab-game-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s;cursor:pointer}.vocab-game-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.vocab-game-card-icon{font-size:28px;flex-shrink:0}.vocab-game-card-body{flex:1;min-width:0}.vocab-game-card-title{font-weight:700;font-size:15px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocab-game-card-meta{display:flex;gap:6px;align-items:center}.vocab-game-card-arrow{font-size:22px;color:var(--text-muted)}.vocab-search-bar{margin-bottom:12px}.vocab-search-bar .form-input{width:100%}.vocab-skill-group{margin-bottom:16px}.vocab-skill-group-header{display:flex;align-items:center;gap:8px;padding:8px 4px;margin-bottom:6px;border-bottom:2px solid var(--gray-200)}.vocab-skill-group-icon{font-size:18px}.vocab-skill-group-name{font-weight:700;font-size:14px;color:var(--gray-800);flex:1}.vocab-skill-group-count{font-size:12px;color:var(--text-muted);background:var(--gray-100);padding:2px 8px;border-radius:99px}.vocab-show-more{display:block;width:100%;margin-top:6px;padding:8px;background:none;border:1.5px dashed var(--gray-200);border-radius:var(--radius);color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.vocab-show-more:hover{background:var(--gray-100)}.vocab-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}@media (max-width: 480px){.vocab-mode-grid{grid-template-columns:1fr}}.vocab-mode-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);padding:24px 20px;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;user-select:none}.vocab-mode-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.vocab-mode-icon{font-size:40px;margin-bottom:10px}.vocab-mode-title{font-size:18px;font-weight:800;margin-bottom:8px;color:var(--gray-800)}.vocab-mode-desc{font-size:13px;color:var(--gray-600);line-height:1.5;margin-bottom:12px}.vocab-mode-tip{color:var(--text-muted);font-size:11px}.vocab-mode-count{display:inline-block;background:var(--primary-lt);color:var(--primary);border-radius:99px;padding:3px 12px;font-size:12px;font-weight:600}.fc-counter{font-size:14px;font-weight:700;color:var(--gray-600);white-space:nowrap}.flashcard-scene{perspective:1000px;margin:16px auto 0;max-width:480px;cursor:pointer}.flashcard{position:relative;height:260px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);border-radius:var(--radius)}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;gap:10px;box-shadow:var(--shadow-md)}.flashcard-front{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dk) 100%);color:#fff}.flashcard-back{background:#fff;border:2px solid var(--primary-lt);color:var(--gray-800);transform:rotateY(180deg)}.flashcard-lang{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.flashcard-word{font-size:clamp(20px,5vw,28px);font-weight:800;text-align:center;line-height:1.3}.flashcard-hint-text{font-size:11px;opacity:.6;margin-top:4px}.flashcard-example{font-size:13px;font-style:italic;color:var(--gray-600);text-align:center;margin-top:6px}.flashcard-pronunciation{font-size:13px;color:var(--gray-500);font-style:italic;text-align:center;margin-top:6px}.flashcard-collocation{font-size:12px;color:var(--primary);text-align:center;margin-top:8px}.fc-nav{display:flex;align-items:center;gap:12px;margin:20px auto 0;max-width:480px}.btn-fc-nav{padding:8px 18px;border:1px solid var(--gray-200);border-radius:99px;background:#fff;color:var(--gray-600);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-fc-nav:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-fc-nav:disabled{opacity:.35;cursor:default}.fc-progress{flex:1;height:6px;background:var(--gray-200);border-radius:99px;overflow:hidden}.fc-progress-bar{height:100%;background:var(--primary);border-radius:99px;transition:width .3s;min-width:6px}.match-stat-bar{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;flex-wrap:wrap}.match-stat-wrong{color:var(--danger)}.match-stat-left{color:var(--primary)}.match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}@media (max-width: 600px){.match-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 400px){.match-grid{grid-template-columns:repeat(2,1fr)}}.match-card{background:#fff;border:2px solid var(--gray-200);border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;min-height:80px;text-align:center;transition:border-color .12s,box-shadow .12s,transform .1s,opacity .3s;user-select:none}.match-card:hover:not(.matched){border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.match-card.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px #2563eb26}.match-card.wrong{border-color:var(--danger);background:var(--danger-lt);animation:shake .3s ease}.match-card.matched{opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .4s,transform .4s}.match-card-lang{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.match-card-text{font-size:13px;font-weight:600;color:var(--gray-800);word-break:break-word;line-height:1.3}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.match-finish{text-align:center;padding:40px 20px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);margin-top:8px}.match-finish-icon{font-size:56px;margin-bottom:12px}.match-finish-title{font-size:24px;font-weight:800;margin-bottom:16px}.match-finish-streak{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fbbf24;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;color:#92400e;margin-bottom:20px}.match-finish-stats{display:flex;justify-content:center;gap:32px;margin-bottom:8px}.match-finish-stat{text-align:center}.mfs-val{font-size:24px;font-weight:700;margin-bottom:4px}.mfs-label{font-size:12px;color:var(--text-muted)}.match-finish-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}:root{--skill-reading: #06b6d4;--skill-listening: #8b5cf6;--skill-writing: #f59e0b;--skill-speaking: #ef4444;--info: #3b82f6;--info-lt: #dbeafe;--t-fast: .12s ease;--t-base: .2s ease}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite ease-in-out;border-radius:6px}.skeleton-line{height:12px;margin:8px 0}.skeleton-line.lg{height:18px}.skeleton-line.sm{height:10px;width:60%}.skeleton-block{height:80px;margin:8px 0;border-radius:var(--radius)}.skeleton-card{padding:16px;border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:12px;background:#fff}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state-v2{text-align:center;padding:48px 24px;color:var(--gray-600)}.empty-state-v2 .empty-illu{font-size:56px;opacity:.7;margin-bottom:12px;display:block}.empty-state-v2 .empty-title{font-weight:700;font-size:15px;color:var(--gray-800);margin-bottom:6px}.empty-state-v2 .empty-desc{font-size:12px;color:var(--text-muted);max-width:380px;margin:0 auto 16px;line-height:1.55}.empty-state-v2 .empty-action{margin-top:8px}.task-timer{font-family:var(--font-mono, ui-monospace, Menlo, monospace);font-weight:600;font-size:13px;color:var(--primary-dk);background:var(--primary-lt);border-radius:var(--radius-pill, 99px);padding:4px 12px;margin-right:10px;flex-shrink:0;white-space:nowrap}.assign-countdown-wrap{display:flex;align-items:center;gap:4px;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:4px 10px;font-size:13px;min-width:108px;justify-content:center;flex-shrink:0}.assign-countdown-label{font-size:13px;color:var(--gray-500)}.assign-countdown{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;color:var(--primary);letter-spacing:.5px}.assign-countdown.timer-urgent{color:#dc2626;animation:pulse-timer .8s ease-in-out infinite}.save-indicator{font-size:11px;color:var(--text-muted);opacity:0;transition:opacity .2s;margin-right:8px;white-space:nowrap}.save-indicator.show{opacity:1}.q-navigator{background:#fff;border-bottom:1px solid var(--gray-200);border-radius:0;padding:12px 24px;margin:-24px -24px 14px;position:sticky;top:-24px;z-index:10}.q-nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-weight:700}.q-nav-grid{display:flex;flex-wrap:wrap;gap:4px}.q-nav-btn{width:30px;height:30px;flex-shrink:0;border-radius:4px;border:1px solid var(--gray-200);background:#fff;font-size:10px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .12s;padding:0;line-height:1}.q-nav-btn:hover{border-color:var(--primary);color:var(--primary)}.q-nav-btn.answered{background:var(--success-lt);border-color:var(--success);color:var(--success-dk, #15803d)}.q-nav-btn.flagged{background:#fef3c7;border-color:#fbbf24;color:#92400e}.q-nav-legend{margin-top:10px;display:flex;gap:12px;font-size:10px;color:var(--text-muted);align-items:center;flex-wrap:wrap}.q-nav-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:middle}.q-nav-dot.answered{background:var(--success)}.q-nav-dot.flagged{background:#fbbf24}.note-panel{border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;margin-bottom:14px}.note-panel-toggle{width:100%;background:var(--gray-50, #f9fafb);border:none;padding:8px 12px;text-align:left;font-size:12px;font-weight:600;color:var(--gray-700);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.note-panel-toggle:hover{background:var(--gray-100, #f3f4f6)}.note-panel-arrow{font-size:10px;color:var(--text-muted)}.note-panel-body{padding:8px;background:#fff}.note-panel-body.hidden{display:none}.note-panel-textarea{width:100%;min-height:80px;border:1px solid var(--gray-200);border-radius:6px;padding:8px;font-size:12px;resize:vertical;font-family:inherit;color:var(--gray-800);box-sizing:border-box}.note-panel-textarea:focus{outline:none;border-color:var(--primary)}.q-flag-btn{background:transparent;border:1px solid var(--gray-200);border-radius:6px;padding:4px 6px;cursor:pointer;font-size:12px;filter:grayscale(1);opacity:.5;margin-left:4px}.q-flag-btn:hover{opacity:1}.q-flag-btn.flagged{filter:none;opacity:1;background:#fef3c7;border-color:#fbbf24}.answer-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.answer-row .answer-input{flex:1}.audio-replay-controls{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.btn-replay{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;font-weight:600;color:var(--gray-600)}.btn-replay:hover{background:var(--primary-lt);color:var(--primary-dk);border-color:var(--primary)}.word-count-extended{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--gray-500, var(--gray-400));margin-top:6px;padding:6px 10px;background:var(--gray-50);border-radius:6px;border:1px solid var(--gray-200)}.word-count-extended span{font-weight:600}.waveform-canvas{width:100%;max-width:600px;height:80px;border-radius:8px;background:#0d5f58;margin:0 auto 8px;display:block}.record-actions{display:flex;gap:8px;align-items:center;justify-content:center}#speaking-slot-list{display:flex;flex-direction:column;gap:10px}.audio-slot{display:flex;align-items:flex-start;gap:10px;background:var(--surface, #fff);border:1px solid var(--gray-200, #e5e7eb);border-radius:10px;padding:12px 14px}.audio-slot-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;background:var(--primary, #2563eb);color:#fff;border-radius:50%;font-size:12px;font-weight:700;margin-top:6px}.audio-slot-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.audio-slot-name{font-size:13px;padding:6px 10px;border:1px solid var(--gray-200, #e5e7eb);border-radius:7px;outline:none;width:100%;box-sizing:border-box}.audio-slot-name:focus{border-color:var(--primary, #2563eb)}.audio-slot-file{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:32px}.audio-pick-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--primary, #2563eb);background:#eff6ff;border:1.5px dashed var(--primary, #2563eb);border-radius:7px;cursor:pointer;transition:background .15s}.audio-pick-btn:hover{background:#dbeafe}.audio-slot-done{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audio-slot-filename{font-size:13px;color:var(--text, #111827);word-break:break-all}.remove-audio-slot{background:none;border:none;cursor:pointer;color:var(--gray-400, #9ca3af);font-size:18px;line-height:1;padding:2px 4px;margin-top:4px;flex-shrink:0;border-radius:4px;transition:color .15s}.remove-audio-slot:hover{color:var(--danger, #dc2626)}.audio-upload-done{font-size:13px;font-weight:700;color:#166534}.upload-progress-row{display:flex;align-items:center;gap:8px;width:100%}.upload-progress-bar-wrap{flex:1;height:6px;background:var(--gray-100, #f3f4f6);border-radius:99px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--primary, #2563eb);border-radius:99px;transition:width .3s ease}.upload-progress-label{font-size:11px;font-weight:600;color:var(--primary, #2563eb);white-space:nowrap;min-width:52px;text-align:right}.submit-confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.submit-confirm-modal{background:#fff;border-radius:var(--radius-md, 12px);padding:24px;max-width:460px;width:100%;box-shadow:var(--shadow-xl, 0 20px 25px rgba(0,0,0,.1))}.submit-confirm-title{font-size:17px;font-weight:700;margin-bottom:12px;color:var(--gray-800)}.submit-confirm-body{font-size:14px;color:var(--gray-600)}.submit-confirm-stats{list-style:none;padding:12px;background:var(--gray-50);border-radius:8px;margin:8px 0}.submit-confirm-stats li{padding:4px 0}.submit-confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}mark.student-note{background:linear-gradient(transparent 50%,#fde68a 50%);cursor:help;padding:0 2px;border-bottom:1px dashed #f59e0b}mark.student-note:after{content:"\1f4dd";font-size:10px;vertical-align:super;margin-left:1px}.header-nav{display:flex;gap:4px;align-items:center;flex:1;justify-content:center;max-width:720px;margin:0 12px}.header-nav-link{text-decoration:none;font-size:12px;font-weight:600;color:var(--gray-600);padding:6px 10px;border-radius:6px;white-space:nowrap}.header-nav-link:hover{background:var(--gray-100);color:var(--primary-dk)}.home-page{padding-top:16px}.home-greeting{margin-bottom:20px}.home-hi{font-size:22px;font-weight:800;color:var(--gray-800)}.home-sub{font-size:13px;color:var(--gray-500, var(--gray-400));margin-top:4px}.home-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.home-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px;text-align:center;text-decoration:none;color:inherit;transition:all .15s;box-shadow:var(--shadow)}.home-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.home-stat-card .stat-icon{font-size:22px;margin-bottom:4px}.home-stat-card .stat-num{font-size:22px;font-weight:800;color:var(--primary-dk)}.home-stat-card .stat-label{font-size:11px;color:var(--gray-500, var(--gray-400));text-transform:uppercase;letter-spacing:.5px;font-weight:600}.home-streak-card{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fbbf24;border-radius:var(--radius);padding:16px;margin-bottom:24px}.home-streak-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.streak-fire{font-size:32px}.streak-current{font-weight:800;font-size:17px;color:#92400e}.streak-best{font-size:12px;color:#b45309}.home-streak-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.home-streak-day{text-align:center;background:rgba(255,255,255,.6);border-radius:8px;padding:8px 4px}.home-streak-day.on{background:#f59e0b;color:#7c2d12}.streak-dot{font-size:16px}.streak-day-label{font-size:10px;margin-top:2px}.home-section-title{font-weight:700;font-size:14px;margin:18px 0 10px;color:var(--gray-700, var(--gray-600))}.home-due-today,.home-pending-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.home-assign-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .15s}.home-assign-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-assign-card.urgent{border-color:var(--danger);background:var(--danger-lt)}.home-assign-icon{font-size:24px}.home-assign-body{flex:1;min-width:0}.home-assign-title{font-weight:700;margin-bottom:4px}.home-assign-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:11px}.home-assign-date{color:var(--gray-500, var(--gray-400))}.home-assign-arrow{font-size:20px;color:var(--text-muted)}.home-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:24px}.home-quick-actions--top{margin-top:0;margin-bottom:18px}.home-quick-btn{display:block;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px;text-align:center;text-decoration:none;color:var(--gray-700, var(--gray-600));font-weight:600;font-size:13px;transition:all .15s}.home-quick-btn:hover{background:var(--primary-lt);color:var(--primary-dk);border-color:var(--primary)}.target-summary-card{background:linear-gradient(140deg,#effcf7 0%,#ecfeff 100%);border:1px solid #bbf7d0;border-radius:18px;padding:18px;margin-bottom:20px}.target-summary-main{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.target-summary-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#0f766e;margin-bottom:4px}.target-summary-value{font-size:32px;font-weight:900;color:var(--primary-dk);line-height:1}.target-summary-sub{margin-top:6px;font-size:12px;color:var(--gray-600)}.target-summary-link{text-decoration:none;color:var(--primary-dk);font-weight:700;background:rgba(255,255,255,.8);border:1px solid rgba(15,118,110,.12);border-radius:999px;padding:8px 12px}.target-chip-row{display:flex;flex-wrap:wrap;gap:8px}.target-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(15,118,110,.08);font-size:12px;color:var(--gray-700, var(--gray-600))}.chart-section-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.chart-section-toolbar--compact{margin-bottom:12px}.chart-section-copy{font-size:12px;color:var(--gray-600)}.chart-range-tabs{display:flex;flex-wrap:wrap;gap:8px}.chart-range-btn{border:1px solid var(--gray-200);background:#fff;color:var(--gray-600);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer}.chart-range-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.home-chart-grid,.profile-chart-grid{display:grid;gap:14px}.home-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.profile-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-chart-card{background:#fff;border:1px solid var(--gray-200);border-radius:18px;padding:16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.skill-chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.skill-chart-card-home{padding:14px}.skill-chart-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.skill-chart-label{font-size:15px;font-weight:800;color:var(--gray-800);margin-bottom:6px}.skill-chart-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.skill-chart-avg{font-size:28px;font-weight:900;line-height:1}.skill-chart-delta{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px}.skill-chart-delta.ok{background:#dcfce7;color:#166534}.skill-chart-delta.gap{background:#fee2e2;color:#991b1b}.skill-chart-sub{font-size:11px;color:var(--gray-500, var(--gray-400))}.skill-chart-latest{text-align:right;min-width:70px;color:var(--gray-700, var(--gray-600))}.skill-chart-latest-label{display:block;font-size:10px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.skill-chart-latest strong{font-size:20px;color:var(--gray-800)}.skill-chart-frame{border:1px solid var(--gray-100);border-radius:14px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);padding:10px 10px 6px;min-height:180px}.skill-chart-card-home .skill-chart-frame{min-height:150px}.progress-chart-svg{width:100%;display:block}.skill-chart-footer{margin-top:10px;font-size:11px;color:var(--gray-500, var(--gray-400))}.chart-empty-state{min-height:150px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:var(--gray-600);padding:18px 10px}.chart-empty-title{font-size:14px;font-weight:700;color:var(--gray-800);margin-bottom:6px}.chart-empty-desc{font-size:12px;line-height:1.55}.progress-point-tooltip{position:fixed;z-index:800;width:min(300px,calc(100vw - 24px));background:rgba(15,23,42,.95);color:#fff;border-radius:14px;padding:12px;box-shadow:0 16px 40px #0f172a47;pointer-events:none}.progress-tooltip-date{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#cbd5e1;margin-bottom:6px}.progress-tooltip-avg{font-size:13px;margin-bottom:10px}.progress-tooltip-list{display:flex;flex-direction:column;gap:8px}.progress-tooltip-item{border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.progress-tooltip-item:first-child{border-top:none;padding-top:0}.progress-tooltip-item-title{font-size:12px;font-weight:700;margin-bottom:2px}.progress-tooltip-item-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#cbd5e1}.history-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.history-band-filter{font-size:12px;color:var(--gray-500, var(--gray-400))}.history-band-filter select{margin-left:6px;padding:5px 8px;border-radius:6px;border:1px solid var(--gray-200);font-size:12px;background:#fff}.history-list{display:flex;flex-direction:column;gap:8px}.history-row{display:flex;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .15s}.history-row:hover{border-color:var(--primary);box-shadow:var(--shadow)}.history-row-icon{font-size:22px}.history-row-body{flex:1;min-width:0}.history-row-title{font-weight:700}.history-row-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--gray-500, var(--gray-400))}.history-row-date{color:var(--gray-500, var(--gray-400))}.history-row-score{text-align:right;min-width:64px}.band-pill{display:inline-block;padding:6px 10px;background:var(--success-lt);color:var(--success-dk, #15803d);border-radius:99px;font-weight:800;font-size:16px}.band-pill.waiting{background:var(--warning-lt);color:var(--warning-dk, #b45309);font-size:14px}.band-pill-label{font-size:10px;color:var(--text-muted);margin-top:2px}.cal-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cal-month-label{font-weight:700;font-size:16px;color:var(--gray-800);text-transform:capitalize}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:8px}.cal-weekday{text-align:center;font-size:11px;font-weight:700;color:var(--text-muted);padding:6px 0;text-transform:uppercase}.cal-cell{aspect-ratio:1 / 1;border-radius:6px;padding:4px 6px;cursor:pointer;background:var(--gray-50);display:flex;flex-direction:column;justify-content:space-between;font-size:12px}.cal-cell.empty{visibility:hidden}.cal-cell:hover:not(.empty){background:var(--primary-lt)}.cal-cell.today{background:var(--primary-lt);border:2px solid var(--primary);font-weight:700}.cal-cell.has-event{background:#fef3c7}.cal-day-num{font-weight:600}.cal-dots{display:flex;gap:2px}.cal-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.cal-dot.deadline{background:var(--danger)}.cal-dot.submitted{background:var(--success)}.cal-legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--gray-500, var(--gray-400))}.cal-legend .cal-dot{width:10px;height:10px;vertical-align:middle;margin-right:4px}.cal-detail{margin-top:16px}.cal-detail-empty{color:var(--text-muted);font-size:13px;padding:12px}.cal-detail-title{font-weight:700;margin-bottom:8px;color:var(--gray-700, var(--gray-600))}.cal-event-item{display:flex;gap:10px;align-items:center;padding:10px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;text-decoration:none;color:inherit;margin-bottom:6px}.cal-event-item:hover{border-color:var(--primary)}.cal-event-title{flex:1;font-weight:600}.cal-event-status{font-size:11px;color:var(--gray-500, var(--gray-400))}@media (max-width: 768px){.home-stats-row{grid-template-columns:repeat(2,1fr)}}.profile-page{padding-top:16px}.profile-anchor-section{scroll-margin-top:calc(var(--header-h) + 88px)}.profile-nav{position:sticky;top:calc(var(--header-h) + 10px);z-index:90;margin:14px 0 18px}.profile-nav-list{display:flex;gap:10px;overflow-x:auto;padding:10px;background:rgba(255,255,255,.92);border:1px solid var(--gray-200);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-overflow-scrolling:touch}.profile-nav-list::-webkit-scrollbar{display:none}.profile-nav-btn{flex:0 0 auto;border:1px solid var(--gray-200);background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);color:var(--gray-700, var(--gray-600));border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:all .16s ease;white-space:nowrap}.profile-nav-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow)}.profile-section-title{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500, var(--gray-400));margin:24px 0 12px}.profile-hero{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);margin-bottom:4px}.profile-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;flex-shrink:0}.profile-hero-info{flex:1;min-width:0}.profile-name{font-size:18px;font-weight:800;color:var(--gray-800);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profile-name-edit-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;border-radius:4px;display:inline-flex;align-items:center;flex-shrink:0}.profile-name-edit-btn:hover{color:var(--gray-700);background:var(--gray-100)}.profile-name-input{font-size:16px;font-weight:700;border:1.5px solid var(--primary);border-radius:6px;padding:3px 8px;outline:none;width:200px}.profile-name-save-btn{font-size:12px;font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:6px;padding:4px 10px;cursor:pointer}.profile-name-save-btn:hover{opacity:.88}.profile-name-cancel-btn{font-size:12px;background:none;border:1px solid var(--gray-300);border-radius:6px;padding:4px 10px;cursor:pointer;color:var(--gray-500)}.profile-meta{font-size:13px;color:var(--gray-500, var(--gray-400));margin-top:2px}.profile-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:13px;margin-top:4px}.profile-streak{font-weight:700}.profile-dot{color:var(--gray-300)}.profile-target-box{text-align:center;flex-shrink:0}.profile-target-box--summary{min-width:120px}.profile-target-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.profile-target-select{font-size:22px;font-weight:800;color:var(--primary);border:none;background:var(--gray-50);border-radius:8px;padding:4px 8px;cursor:pointer;-webkit-appearance:auto}.profile-target-pill{display:inline-block;font-size:26px;font-weight:900;color:var(--primary-dk);background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;padding:6px 14px}.target-editor-card{background:#fff;border:1px solid var(--gray-200);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.target-editor-overview{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.target-editor-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.target-editor-overall{font-size:32px;font-weight:900;color:var(--primary-dk);line-height:1}.target-editor-sub{margin-top:6px;font-size:12px;color:var(--gray-600)}.target-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.target-editor-item{display:flex;flex-direction:column;gap:6px}.target-editor-item-overall{min-width:150px}.target-editor-item-label{font-size:12px;font-weight:700;color:var(--text-strong)}.target-editor-select{width:100%;border:1px solid var(--gray-200);border-radius:12px;background:var(--gray-50);padding:10px 12px;font-size:14px;font-weight:700;color:var(--gray-800)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.52);display:flex;align-items:center;justify-content:center;padding:20px;z-index:600}.modal-shell{width:min(760px,100%);max-height:min(82vh,760px);overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 24px 72px #0f172a38;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--gray-200)}.modal-title{font-size:18px;font-weight:800;color:var(--gray-800)}.modal-close{width:38px;height:38px;border:none;border-radius:999px;background:var(--gray-100);color:var(--gray-600);font-size:24px;line-height:1;cursor:pointer}.modal-close:hover{background:var(--gray-200);color:var(--gray-800)}.modal-body{padding:18px 20px 20px;overflow-y:auto}.skill-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skill-progress-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s;width:100%;text-align:left;cursor:pointer;font-family:inherit}.skill-progress-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.spc-head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.spc-icon{font-size:18px}.spc-name{font-size:13px;font-weight:700;flex:1}.spc-band-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.spc-band{font-size:32px;font-weight:900;line-height:1}.spc-vs{font-size:11px;font-weight:600;padding:2px 6px;border-radius:99px}.spc-vs.ok{background:#dcfce7;color:#166534}.spc-vs.gap{background:#fee2e2;color:#991b1b}.spc-bar-wrap{height:6px;background:var(--gray-100);border-radius:99px;overflow:hidden;margin-bottom:4px}.spc-bar{height:100%;border-radius:99px;transition:width .6s ease}.spc-bar-label{font-size:11px;color:var(--text-muted);margin-bottom:6px}.spc-spark{margin-bottom:6px;opacity:.85}.spc-spark-empty{font-size:11px;color:var(--gray-300);margin-bottom:6px;font-style:italic}.spc-meta{font-size:11px;color:var(--text-muted)}.spc-footnote{margin-top:8px;font-size:11px;color:var(--gray-600);font-weight:600}.spc-reading{border-top:3px solid #0f766e}.spc-listening{border-top:3px solid #7c3aed}.spc-writing{border-top:3px solid #d97706}.spc-speaking{border-top:3px solid #dc2626}.skill-modal-list{display:flex;flex-direction:column;gap:10px}.skill-modal-row{display:flex;gap:12px;align-items:center;padding:14px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .15s}.skill-modal-row:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px)}.skill-modal-row-icon{font-size:24px}.skill-modal-row-body{flex:1;min-width:0}.skill-modal-row-title{font-size:15px;font-weight:700;color:var(--gray-800);margin-bottom:4px}.skill-modal-row-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;color:var(--text-muted)}.skill-modal-row-date{color:var(--gray-500, var(--gray-400))}.skill-modal-row-score{text-align:right;min-width:72px}.skill-modal-empty{padding:24px 12px;text-align:center;color:var(--gray-600)}.skill-modal-empty-icon{font-size:42px;margin-bottom:10px}.skill-modal-empty-title{font-size:18px;font-weight:800;color:var(--gray-800);margin-bottom:6px}.skill-modal-empty-desc{max-width:420px;margin:0 auto;line-height:1.6}.activity-wrap{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.activity-day-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.activity-day-labels span{font-size:10px;font-weight:600;color:var(--text-muted);text-align:center}.activity-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.act-cell{height:14px;border-radius:3px}.act-pad{background:transparent}.act-none{background:var(--gray-100)}.act-done{background:#0f766e}.activity-legend{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:var(--text-muted)}.act-sample{display:inline-block;width:12px;height:12px;border-radius:3px}.milestones-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.ms-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px 20px;text-align:center;box-shadow:var(--shadow)}.ms-icon{font-size:22px;margin-bottom:4px}.ms-val{font-size:22px;font-weight:800;color:var(--primary-dk)}.ms-label{font-size:11px;color:var(--gray-500, var(--gray-400));margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.profile-quick-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.profile-quick-btn{padding:10px 18px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:13px;font-weight:600;text-decoration:none;color:var(--gray-700, var(--gray-600));transition:all .15s;box-shadow:var(--shadow);display:flex;align-items:center;gap:6px}.profile-quick-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md)}.pqb-vocab{border-color:var(--primary);color:var(--primary)}.pqb-badge{background:var(--primary);color:#fff;border-radius:99px;font-size:11px;font-weight:700;padding:1px 7px;min-width:20px;text-align:center}.my-vocab-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mvc-count{font-size:13px;color:var(--text-muted);white-space:nowrap}.my-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.mvc{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);position:relative;transition:box-shadow .15s,transform .15s}.mvc:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mvc-word{font-size:17px;font-weight:800;color:var(--primary-dk);margin-bottom:4px}.mvc-pron{font-size:12px;color:var(--gray-500);font-style:italic;margin-bottom:2px}.mvc-def{font-size:13px;color:var(--gray-700, var(--gray-600));margin-bottom:4px;line-height:1.4}.mvc-ex{font-size:11px;color:var(--text-muted);font-style:italic;margin-bottom:4px}.mvc-src{font-size:10px;color:var(--gray-300);margin-top:6px}.mvc-del{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.4;padding:2px}.mvc-del:hover{opacity:1}.btn-save-word{font-size:11px;padding:2px 8px;border-radius:99px;border:1px solid var(--gray-300);background:#fff;cursor:pointer;color:var(--gray-600);transition:all .15s;margin-left:4px;white-space:nowrap}.btn-save-word:hover{border-color:var(--primary);color:var(--primary)}.btn-save-word.saved{background:var(--success-lt);border-color:var(--success);color:#166534}.mfc-page{padding-top:16px}.mfc-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.mfc-prog-wrap{flex:1;height:6px;background:var(--gray-100);border-radius:99px;overflow:hidden}.mfc-prog-bar{height:100%;background:var(--primary);border-radius:99px;transition:width .4s}.mfc-counter{font-size:13px;color:var(--text-muted);white-space:nowrap;font-weight:600}.mfc-scene{perspective:1000px;cursor:pointer;height:260px;margin:0 auto 24px;max-width:480px}.mfc-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s ease;position:relative}.mfc-inner.flipped{transform:rotateY(180deg)}.mfc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:2px solid var(--gray-200);border-radius:20px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.mfc-back{transform:rotateY(180deg)}.mfc-hint{font-size:11px;color:var(--gray-300);position:absolute;top:16px}.mfc-word{font-size:36px;font-weight:900;color:var(--primary-dk);line-height:1.2}.mfc-src{font-size:11px;color:var(--gray-300);position:absolute;bottom:16px}.mfc-def{font-size:20px;font-weight:700;color:var(--gray-800);line-height:1.4}.mfc-ex{font-size:13px;color:var(--text-muted);font-style:italic;margin-top:10px}.mfc-actions{display:flex;gap:16px;justify-content:center;margin-bottom:20px;transition:opacity .2s}.mfc-actions.hidden{opacity:0;pointer-events:none}.mfc-btn{flex:1;max-width:160px;padding:14px;border-radius:var(--radius);font-size:15px;font-weight:700;border:none;cursor:pointer;transition:transform .1s,box-shadow .1s}.mfc-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mfc-retry{background:#fee2e2;color:#991b1b}.mfc-known{background:#dcfce7;color:#166534}.mfc-score-row{display:flex;justify-content:center;gap:24px;font-size:13px;font-weight:600;color:var(--gray-500, var(--gray-400))}.mfc-s-known{color:#166534}.mfc-s-retry{color:#991b1b}.mfc-end{text-align:center;padding:60px 24px;background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);max-width:400px;margin:0 auto}.mfc-end-emoji{font-size:64px;margin-bottom:12px}.mfc-end-title{font-size:24px;font-weight:800;color:var(--gray-800);margin-bottom:8px}.mfc-end-pct{font-size:32px;font-weight:900;color:var(--primary);margin:12px 0 20px}.mfc-end-btns{display:flex;gap:12px;justify-content:center}@media (max-width: 640px){.profile-anchor-section{scroll-margin-top:calc(var(--header-h) + 76px)}.profile-nav{top:calc(var(--header-h) + 8px);margin:12px 0 16px}.profile-nav-list{padding:8px;border-radius:16px}.profile-nav-btn{padding:9px 12px;font-size:12px}.skill-cards-grid{grid-template-columns:repeat(2,1fr)}.profile-hero{flex-wrap:wrap}.profile-target-box{width:100%;display:flex;align-items:center;gap:10px}.my-vocab-grid{grid-template-columns:repeat(2,1fr)}.modal-overlay{padding:14px}.modal-shell{max-height:88vh}.modal-header,.modal-body{padding-left:14px;padding-right:14px}.skill-modal-row{align-items:flex-start}.skill-modal-row-score{min-width:58px}}@media (max-width: 560px){.skill-cards-grid,.home-chart-grid,.profile-chart-grid{grid-template-columns:1fr}}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;flex-shrink:0}.hamburger-btn span{display:block;width:20px;height:2px;background:var(--gray-800);border-radius:2px;transition:all .2s}.hamburger-btn:hover span{background:var(--primary)}.mobile-nav-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:199;opacity:0;pointer-events:none;transition:opacity .25s}.mobile-nav-backdrop.active{opacity:1;pointer-events:auto}.mobile-nav{position:fixed;top:0;left:0;bottom:0;width:260px;background:#fff;z-index:200;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #00000026;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}.mobile-nav.open{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 14px;border-bottom:1px solid var(--gray-200);font-weight:700;font-size:15px;color:var(--primary)}.mobile-nav-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.mobile-nav-close:hover{background:var(--gray-100);color:var(--gray-800)}.mobile-nav-link{display:flex;align-items:center;gap:10px;padding:14px 20px;text-decoration:none;color:var(--gray-700, var(--gray-600));font-weight:600;font-size:15px;border-bottom:1px solid var(--gray-100);transition:background .12s;min-height:52px}.mobile-nav-link:hover{background:var(--gray-50)}.mobile-nav-link.active{color:var(--primary);background:var(--primary-lt)}.mobile-nav-footer{margin-top:auto;padding:16px 20px;border-top:1px solid var(--gray-200)}.mobile-nav-footer .btn-logout{width:100%;justify-content:center;padding:12px;font-size:14px}[data-theme=dark] .mobile-nav{background:#1e293b}[data-theme=dark] .mobile-nav-header{border-color:#ffffff14;color:#5eead4}[data-theme=dark] .mobile-nav-link{color:#cbd5e1;border-color:#ffffff0f}[data-theme=dark] .mobile-nav-link:hover{background:rgba(255,255,255,.05)}[data-theme=dark] .mobile-nav-footer{border-color:#ffffff14}@media (max-width: 1024px){.hamburger-btn{display:flex}.header-nav,.btn-logout-desktop{display:none}.mobile-nav-backdrop{display:block}.header-student-name,.header-class-name{display:none}}@media (max-width: 768px){.app-header{padding:0 14px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:480px}.home-stats-row{grid-template-columns:repeat(2,1fr)}.modal-overlay{padding:0;align-items:flex-end}.modal-shell{border-radius:var(--radius) var(--radius) 0 0;max-height:92vh;width:100%;max-width:100%}}@media (max-width: 480px){.btn{min-height:44px;padding:10px 18px}.btn-sm{min-height:36px;padding:7px 14px}input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{min-height:44px;font-size:16px;padding:10px 14px}.answer-input{min-height:44px;font-size:16px!important}.answer-grid{grid-template-columns:1fr!important}.assignment-actions{flex-wrap:wrap}.submit-bar{padding:10px 14px}.submit-bar .btn{flex:1;justify-content:center}.note-popup{width:min(320px,calc(100vw - 24px))!important;left:12px!important;right:12px!important}.vocab-mode-grid,.my-vocab-grid{grid-template-columns:1fr}.history-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.result-table{min-width:500px}.container,.container-wide{padding:16px 12px}}.pi-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.pi-card--compact .pi-account-box{margin-bottom:0;padding-bottom:0;border-bottom:0}.pi-account-box{display:block;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--gray-200)}.pi-account-grid{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(360px,1.35fr);gap:16px;align-items:stretch}.pi-account-panel{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--sidebar-bg, #f8fafc)}.pi-account-panel-actions{margin-top:auto}.pi-account-username{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:700;color:var(--gray-700)}.pi-account-email-edit-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.pi-account-email-input{flex:1;min-width:240px}.pi-account-email-input:disabled{background:var(--bg-subtle);color:var(--text-muted, var(--gray-500))}.pi-account-email-actions{display:flex;flex-direction:column;gap:8px}.pi-account-btn{width:fit-content;white-space:nowrap}.pi-empty{color:var(--text-muted, var(--gray-400));font-size:14px;text-align:center;padding:16px 0}.pi-details{border:1px solid var(--border);border-radius:10px;background:var(--sidebar-bg, #f8fafc);overflow:hidden}.pi-details-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;user-select:none}.pi-details-summary::-webkit-details-marker{display:none}.pi-details-title{display:block;font-size:14px;font-weight:700;color:var(--text)}.pi-details-sub{display:block;margin-top:2px;font-size:12px;color:var(--text-muted, var(--gray-400))}.pi-details-arrow{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted, var(--gray-500));font-size:18px;line-height:1;transition:transform .16s ease,color .16s ease,border-color .16s ease}.pi-details[open] .pi-details-arrow{transform:rotate(180deg);color:var(--primary);border-color:var(--primary)}.pi-details-body{border-top:1px solid var(--border);padding:16px 14px 14px;background:var(--card-bg)}.pi-fields{display:flex;flex-direction:column;gap:16px}.pi-field{display:flex;flex-direction:column;gap:5px}.pi-label{font-size:13px;font-weight:600;color:var(--text-muted, #64748b)}.pi-input{width:100%;background:var(--sidebar-bg, #f8fafc);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;color:var(--text);transition:border-color .15s}.pi-input:focus{outline:none;border-color:var(--primary)}select.pi-input{height:42px;cursor:pointer}.pi-actions{margin-top:20px;display:flex;justify-content:flex-end}@media (max-width: 900px){.pi-account-grid{grid-template-columns:1fr}.pi-account-email-actions{flex-direction:row;flex-wrap:wrap}}.script-section{margin:12px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.script-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--sidebar-bg, #f8fafc);border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);text-align:left;transition:background .15s}.script-toggle:hover{background:var(--primary-lt, #e0f2fe)}#script-toggle-icon{font-size:11px;color:var(--text-muted)}.script-body{padding:14px 16px;background:var(--surface);border-top:1px solid var(--border)}#listening-script-text{font-size:14px;line-height:1.8;color:var(--text);white-space:pre-wrap;word-break:break-word}[data-theme=dark] .login-page{background:linear-gradient(135deg,#0f172a 0%,#15273c 55%,#0f172a 100%)}[data-theme=dark] .header-nav-link,[data-theme=dark] .btn-logout,[data-theme=dark] .btn-back,[data-theme=dark] .history-band-filter,[data-theme=dark] .history-row-meta,[data-theme=dark] .history-row-date,[data-theme=dark] .cal-legend,[data-theme=dark] .cal-event-status,[data-theme=dark] .chart-section-copy,[data-theme=dark] .skill-chart-sub,[data-theme=dark] .skill-chart-footer,[data-theme=dark] .profile-meta,[data-theme=dark] .target-editor-sub,[data-theme=dark] .activity-day-labels span,[data-theme=dark] .activity-legend,[data-theme=dark] .mvc-count,[data-theme=dark] .mvc-ex,[data-theme=dark] .mfc-counter,[data-theme=dark] .mfc-score-row,[data-theme=dark] .pi-account-username,[data-theme=dark] .pi-account-email,[data-theme=dark] .pi-empty,[data-theme=dark] .pi-details-sub,[data-theme=dark] .pi-label{color:var(--text-muted)}[data-theme=dark] .header-nav-link:hover,[data-theme=dark] .mobile-nav-close:hover,[data-theme=dark] .script-toggle:hover{background:rgba(255,255,255,.06)}[data-theme=dark] .home-hi,[data-theme=dark] .home-section-title,[data-theme=dark] .skill-chart-label,[data-theme=dark] .chart-empty-title,[data-theme=dark] .cal-month-label,[data-theme=dark] .profile-name,[data-theme=dark] .modal-title,[data-theme=dark] .skill-modal-row-title,[data-theme=dark] .skill-modal-empty-title,[data-theme=dark] .mfc-def,[data-theme=dark] .mfc-end-title,[data-theme=dark] .pi-details-title,[data-theme=dark] #listening-script-text{color:var(--text-strong)}[data-theme=dark] .home-stat-card,[data-theme=dark] .home-assign-card,[data-theme=dark] .home-quick-btn,[data-theme=dark] .chart-range-btn,[data-theme=dark] .skill-chart-card,[data-theme=dark] .history-band-filter select,[data-theme=dark] .history-row,[data-theme=dark] .cal-grid,[data-theme=dark] .cal-event-item,[data-theme=dark] .profile-hero,[data-theme=dark] .target-editor-card,[data-theme=dark] .modal-shell,[data-theme=dark] .skill-progress-card,[data-theme=dark] .skill-modal-row,[data-theme=dark] .activity-wrap,[data-theme=dark] .ms-card,[data-theme=dark] .profile-quick-btn,[data-theme=dark] .mvc,[data-theme=dark] .mfc-face,[data-theme=dark] .mfc-end,[data-theme=dark] .vocab-section,[data-theme=dark] .vocab-game-card,[data-theme=dark] .vocab-mode-card,[data-theme=dark] .pi-card{background:var(--card-bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .vocab-my-card,[data-theme=dark] .target-editor-select,[data-theme=dark] .profile-target-select,[data-theme=dark] .script-body,[data-theme=dark] .pi-details,[data-theme=dark] .pi-input{background:var(--surface);border-color:var(--border);color:var(--text-strong)}[data-theme=dark] .profile-nav-list,[data-theme=dark] .profile-nav-btn,[data-theme=dark] .skill-chart-frame,[data-theme=dark] .mobile-nav,[data-theme=dark] .mobile-nav-link,[data-theme=dark] .mobile-nav-header,[data-theme=dark] .mobile-nav-footer{border-color:var(--border)}[data-theme=dark] .profile-nav-list,[data-theme=dark] .mobile-nav,[data-theme=dark] .script-toggle{background:var(--card-bg)}[data-theme=dark] .profile-nav-btn,[data-theme=dark] .skill-chart-frame,[data-theme=dark] .btn-save-word,[data-theme=dark] .vocab-my-pill,[data-theme=dark] .mobile-nav-close{background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] .mobile-nav-header{color:#5eead4}[data-theme=dark] .mobile-nav-link{color:var(--text)}[data-theme=dark] .mobile-nav-link.active{background:rgba(94,234,212,.12);color:#5eead4}[data-theme=dark] .mobile-nav-footer .btn-logout{border-color:var(--border);color:var(--text-strong)}[data-theme=dark] .home-streak-card{background:linear-gradient(135deg,rgba(180,83,9,.24) 0%,rgba(245,158,11,.18) 100%);border-color:#f59e0b80}[data-theme=dark] .home-streak-day{background:rgba(15,23,42,.38);color:#fde68a}[data-theme=dark] .streak-current,[data-theme=dark] .streak-best{color:#fef3c7}[data-theme=dark] .target-summary-card{background:linear-gradient(140deg,rgba(15,118,110,.22) 0%,rgba(14,165,233,.16) 100%);border-color:#5eead438}[data-theme=dark] .target-summary-label,[data-theme=dark] .target-summary-value,[data-theme=dark] .target-summary-link{color:#ccfbf1}[data-theme=dark] .target-summary-sub,[data-theme=dark] .target-chip{color:#dbe4f0}[data-theme=dark] .target-summary-link,[data-theme=dark] .target-chip{background:rgba(15,23,42,.32);border-color:#5eead42e}[data-theme=dark] .skill-chart-latest,[data-theme=dark] .skill-chart-latest strong,[data-theme=dark] .target-editor-overall,[data-theme=dark] .home-stat-card .stat-num,[data-theme=dark] .ms-val,[data-theme=dark] .mvc-word,[data-theme=dark] .mfc-word,[data-theme=dark] .mfc-end-pct{color:#5eead4}[data-theme=dark] .skill-chart-frame{background:linear-gradient(180deg,#0f172a 0%,#152238 100%)}[data-theme=dark] .history-band-filter select,[data-theme=dark] .target-editor-select,[data-theme=dark] .profile-target-select,[data-theme=dark] .pi-input{color-scheme:dark}[data-theme=dark] .toast-warning{background:#3b2a12;color:#fde68a;border-color:#f59e0b59}[data-theme=dark] .toast-action-btn{background:rgba(15,23,42,.45);color:#fde68a;border-color:#f59e0b3d}[data-theme=dark] .pi-account-email-input:disabled{background:rgba(15,23,42,.4);color:#cbd5e1}[data-theme=dark] .cal-cell,[data-theme=dark] .vocab-my-card,[data-theme=dark] .activity-wrap .act-none{background:var(--bg-subtle)}[data-theme=dark] .cal-cell{color:var(--text)}[data-theme=dark] .cal-cell.today{color:#ecfeff}[data-theme=dark] .cal-cell.has-event{background:rgba(245,158,11,.18);color:#fde68a}[data-theme=dark] .modal-overlay,[data-theme=dark] .mobile-nav-backdrop{background:var(--overlay)}[data-theme=dark] .modal-close{background:var(--bg-subtle);color:var(--text)}[data-theme=dark] .modal-close:hover{background:var(--surface);color:var(--text-strong)}[data-theme=dark] .profile-target-pill{background:rgba(16,185,129,.12);border-color:#34d3994d;color:#99f6e4}[data-theme=dark] .spc-bar-wrap,[data-theme=dark] .mfc-prog-wrap{background:rgba(148,163,184,.16)}[data-theme=dark] .profile-quick-btn:hover,[data-theme=dark] .skill-chart-card:hover,[data-theme=dark] .history-row:hover,[data-theme=dark] .cal-event-item:hover,[data-theme=dark] .vocab-game-card:hover,[data-theme=dark] .vocab-mode-card:hover,[data-theme=dark] .home-assign-card:hover,[data-theme=dark] .home-stat-card:hover{border-color:#5eead45c}[data-theme=dark] .vocab-section-header,[data-theme=dark] .pi-account-box,[data-theme=dark] .modal-header,[data-theme=dark] .mobile-nav-header,[data-theme=dark] .mobile-nav-footer{border-color:var(--border)}[data-theme=dark] .vocab-section-sub,[data-theme=dark] .vocab-my-empty,[data-theme=dark] .vocab-my-count span,[data-theme=dark] .vocab-game-card-arrow,[data-theme=dark] .vocab-mode-desc,[data-theme=dark] .vocab-mode-tip,[data-theme=dark] .band-pill-label{color:var(--text-muted)}[data-theme=dark] .vocab-mode-count,[data-theme=dark] .vocab-mode-title,[data-theme=dark] .vocab-game-card-title,[data-theme=dark] .history-row-title,[data-theme=dark] .cal-detail-title,[data-theme=dark] .home-assign-title,[data-theme=dark] .profile-target-label,[data-theme=dark] .target-editor-label{color:var(--text-strong)}[data-theme=dark] .btn-save-word.saved{background:rgba(34,197,94,.16);border-color:#4ade8052;color:#86efac}[data-theme=dark] .mfc-retry{background:rgba(239,68,68,.18);color:#fca5a5}[data-theme=dark] .mfc-known{background:rgba(34,197,94,.18);color:#86efac}[data-theme=dark] .q-navigator,[data-theme=dark] .note-panel,[data-theme=dark] .note-panel-body{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .q-nav-title,[data-theme=dark] .q-nav-legend,[data-theme=dark] .note-panel-arrow{color:var(--text-muted)}[data-theme=dark] .q-nav-btn{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .q-nav-btn:hover{border-color:var(--primary);color:#99f6e4}[data-theme=dark] .q-nav-btn.answered{background:rgba(34,197,94,.18);border-color:#4ade8057;color:#86efac}[data-theme=dark] .q-nav-btn.flagged{background:rgba(245,158,11,.18);border-color:#fbbf246b;color:#fde68a}[data-theme=dark] .note-panel-toggle{background:var(--bg-surface-alt);color:var(--text-strong)}[data-theme=dark] .note-panel-toggle:hover{background:var(--bg-subtle)}[data-theme=dark] .note-panel-textarea{background:var(--surface);border-color:var(--border);color:var(--text-strong)}[data-theme=dark] .note-panel-textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .fc-counter,[data-theme=dark] .match-card-lang,[data-theme=dark] .mfs-label{color:var(--text-muted)}[data-theme=dark] .flashcard-back,[data-theme=dark] .btn-fc-nav,[data-theme=dark] .match-card,[data-theme=dark] .match-finish{background:var(--card-bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .flashcard-back{border-color:#5eead447}[data-theme=dark] .flashcard-example,[data-theme=dark] .btn-fc-nav,[data-theme=dark] .match-card-text,[data-theme=dark] .match-finish-title{color:var(--text-strong)}[data-theme=dark] .btn-fc-nav:hover:not(:disabled){border-color:var(--primary);background:var(--bg-subtle);color:#99f6e4}[data-theme=dark] .fc-progress{background:rgba(148,163,184,.16)}[data-theme=dark] .match-card:hover:not(.matched){border-color:#5eead45c}[data-theme=dark] .match-card.selected{border-color:#60a5fa94;background:rgba(59,130,246,.16);box-shadow:0 0 0 3px #3b82f629}[data-theme=dark] .match-card.wrong{background:rgba(239,68,68,.18)}[data-theme=dark] .class-select-card,[data-theme=dark] .result-header,[data-theme=dark] .result-answers,[data-theme=dark] .vocab-result-item,[data-theme=dark] .submitted-content,[data-theme=dark] .feedback-overall,[data-theme=dark] .feedback-ann-card,[data-theme=dark] .submit-confirm-modal{background:var(--card-bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .submit-bar{background:var(--card-bg);border-top-color:var(--border)}[data-theme=dark] .writing-textarea,[data-theme=dark] .audio-slot,[data-theme=dark] .audio-slot-name{background:var(--surface);border-color:var(--border);color:var(--text-strong)}[data-theme=dark] .audio-slot-name::placeholder,[data-theme=dark] .writing-textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .vocab-result-detail,[data-theme=dark] .submit-confirm-stats{background:var(--bg-subtle);border-color:var(--border)}[data-theme=dark] .vocab-result-header:hover,[data-theme=dark] .audio-pick-btn:hover{background:var(--bg-subtle)}[data-theme=dark] .audio-pick-btn{background:rgba(45,212,191,.12);border-color:#5eead457;color:#99f6e4}[data-theme=dark] .class-select-page{background:linear-gradient(135deg,#0f172a 0%,#152238 50%,#0f172a 100%)}[data-theme=dark] .result-table th{background:var(--bg-subtle);border-bottom-color:var(--border);color:var(--text-muted)}[data-theme=dark] .result-table td,[data-theme=dark] .result-stats{border-color:var(--border)}[data-theme=dark] .class-select-name,[data-theme=dark] .stat-value,[data-theme=dark] .vocab-result-def,[data-theme=dark] .submit-confirm-title,[data-theme=dark] .feedback-ann-comment,[data-theme=dark] .submitted-content{color:var(--text-strong)}[data-theme=dark] .class-select-sub,[data-theme=dark] .score-band,[data-theme=dark] .stat-label,[data-theme=dark] .vocab-result-pronunciation,[data-theme=dark] .vocab-result-collocation,[data-theme=dark] .vocab-result-example,[data-theme=dark] .submit-confirm-body,[data-theme=dark] .submit-bar-info,[data-theme=dark] .feedback-ann-quote,[data-theme=dark] .audio-slot-filename,[data-theme=dark] .flashcard-pronunciation,[data-theme=dark] .flashcard-collocation{color:var(--text-muted)}[data-theme=dark] .recorder-area{background:var(--surface);border-color:var(--border)}[data-theme=dark] .skeleton-card{background:var(--card-bg);border-color:var(--border)}.tab-row{display:flex;gap:4px;flex-wrap:wrap}.tab-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--card-bg);color:var(--gray-600);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.tab-btn:hover{background:var(--primary-lt);border-color:var(--primary);color:var(--primary-dk)}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}[data-theme=dark] .tab-btn{color:var(--text-muted)}[data-theme=dark] .tab-btn:hover{color:var(--primary-lt)}[data-theme=dark] .tab-btn.active{color:#fff}.shared-pool-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.shared-pool-search{flex:1;min-width:180px;max-width:300px;height:36px;padding:0 12px;font-size:13px}.shared-pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.shared-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.shared-card:hover{box-shadow:0 4px 16px #00000014;border-color:var(--primary)}.shared-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.shared-card-timer{font-size:11px;background:#fef3c7;color:#92400e;border-radius:6px;padding:2px 8px;font-weight:600}[data-theme=dark] .shared-card-timer{background:rgba(251,191,36,.15);color:#fbbf24}.shared-card-title{font-weight:600;font-size:14px;margin-bottom:8px;line-height:1.4}.shared-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.shared-card-stats{font-size:12px;color:var(--gray-500);display:flex;gap:12px;margin-top:4px}.shared-detail-header{margin-bottom:24px}.shared-detail-badges{display:flex;align-items:center;gap:8px;margin-bottom:8px}.shared-detail-title{font-size:20px;font-weight:700;margin:0 0 8px}.shared-mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.shared-mode-card{border:2px solid var(--border);border-radius:14px;padding:20px 16px;cursor:pointer;text-align:center;transition:box-shadow .15s,border-color .15s,background .15s}.shared-mode-card:hover{box-shadow:0 4px 20px #0000001a}.shared-mode-practice:hover{border-color:#10b981;background:#f0fdf4}.shared-mode-real:hover{border-color:#f59e0b;background:#fffbeb}[data-theme=dark] .shared-mode-practice:hover{background:rgba(16,185,129,.08)}[data-theme=dark] .shared-mode-real:hover{background:rgba(245,158,11,.08)}.shared-mode-icon{font-size:32px;margin-bottom:8px}.shared-mode-title{font-size:15px;font-weight:700;margin-bottom:6px}.shared-mode-desc{font-size:12px;color:var(--gray-500);line-height:1.5}.shared-history-section{margin-top:8px}.shared-history-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;font-size:13px;transition:background .1s}.shared-history-row:hover{background:var(--primary-lt);border-radius:6px;padding-left:8px}.shared-history-mode{flex:1;font-weight:500}.shared-history-score{min-width:60px;text-align:right;font-weight:700;color:var(--primary)}.shared-history-date{min-width:100px;text-align:right;color:var(--text-muted);font-size:12px}.shared-history-modal{max-height:60vh;overflow-y:auto}.shared-practice-banner{background:#fef3c7;border-bottom:1px solid #fbbf24;padding:8px 16px;font-size:12px;color:#92400e}.shared-realtest-banner{background:#fef2f2;border-bottom:1px solid #fca5a5;padding:8px 16px;font-size:12px;color:#991b1b;font-weight:600}[data-theme=dark] .shared-practice-banner{background:rgba(251,191,36,.1);color:#fbbf24;border-color:#fbbf244d}[data-theme=dark] .shared-realtest-banner{background:rgba(220,38,38,.1);color:#f87171;border-color:#dc26264d}.shared-timer-wrap{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:13px;min-width:72px;justify-content:center}.shared-timer-label{font-size:14px}.shared-countdown{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;color:var(--primary);letter-spacing:.5px}.shared-countdown.timer-urgent{color:#dc2626;animation:pulse-timer .8s ease-in-out infinite}@keyframes pulse-timer{0%,to{opacity:1}50%{opacity:.55}}th.sortable{cursor:pointer;user-select:none}th.sortable:hover{color:var(--primary, #0f766e)}.sort-icon{font-size:10px;color:#9ca3af;margin-left:2px}.sort-icon.active{color:var(--primary, #0f766e)}.mvc-sort-pills{display:flex;gap:4px;flex-wrap:wrap}.mvc-sort-pill{padding:3px 10px;border-radius:999px;border:1px solid var(--border, #e5e7eb);background:none;font-size:12px;font-weight:500;color:var(--gray-600, #4b5563);cursor:pointer;transition:all .15s}.mvc-sort-pill:hover{border-color:var(--primary, #0f766e);color:var(--primary, #0f766e)}.mvc-sort-pill.active{background:var(--primary, #0f766e);border-color:var(--primary, #0f766e);color:#fff}.composite-section-header{display:flex;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:10px;margin-bottom:4px;cursor:pointer;background:var(--bg-card);transition:border-color .15s,background .15s;user-select:none}.composite-section-header:hover{border-color:var(--primary);background:var(--primary-lt, #f0fdfa)}.composite-section-header.active{border-color:var(--primary);background:var(--primary-lt, #f0fdfa);border-radius:10px 10px 0 0;margin-bottom:0}.composite-section-header.submitted{opacity:.8}.composite-section-body{border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;margin-bottom:4px;overflow:hidden}.csec-chevron{font-size:11px;color:var(--text-muted);margin-left:8px;flex-shrink:0;transition:transform .2s}.result-section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.composite-result-page{max-width:1120px;margin:0 auto;padding:24px 0 40px}.composite-result-hero{background:radial-gradient(circle at top right,rgba(15,118,110,.16),transparent 32%),linear-gradient(135deg,#ffffff 0%,#f5fbfa 100%);border:1px solid rgba(15,118,110,.14);border-radius:28px;padding:24px;box-shadow:0 24px 60px #0f172a14;margin-bottom:24px}.composite-result-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.composite-result-hero-main{display:flex;flex-direction:column;gap:20px}.composite-result-title-block{flex:1;min-width:0}.composite-result-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(15,118,110,.08);color:var(--primary-dk);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.composite-result-title{margin:0;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.08;color:var(--gray-800)}.composite-result-subtitle{margin-top:12px;font-size:15px;line-height:1.7;color:var(--gray-500, var(--gray-400))}.composite-result-skill-scores{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.composite-skill-score-chip{flex:1;min-width:120px;display:flex;align-items:center;gap:10px;background:rgba(15,118,110,.07);border:1px solid rgba(15,118,110,.12);border-radius:14px;padding:12px 16px}.composite-skill-score-icon{font-size:20px;flex-shrink:0}.composite-skill-score-info{display:flex;flex-direction:column;gap:2px;min-width:0}.composite-skill-score-name{font-size:12px;color:var(--gray-500, var(--gray-400));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composite-skill-score-val{font-size:16px;font-weight:800;color:var(--primary-dk)}.composite-result-metrics{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.composite-result-metric{background:rgba(255,255,255,.82);border:1px solid rgba(15,23,42,.07);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.composite-result-metric-label{font-size:12px;font-weight:700;color:var(--gray-500, var(--gray-400));text-transform:uppercase;letter-spacing:.06em}.composite-result-metric strong{font-size:28px;line-height:1;color:var(--gray-800)}.composite-result-sections{display:flex;flex-direction:column;gap:14px}.composite-result-sections-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:2px}.composite-result-sections-kicker{font-size:12px;font-weight:800;color:var(--primary-dk);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.composite-result-sections-title{font-size:22px;font-weight:800;color:var(--gray-800)}.composite-result-card{padding:18px 20px;border-radius:22px;box-shadow:0 12px 32px #0f172a0a}.composite-result-card-link{display:block;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.composite-result-card-link:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0f172a14;border-color:#0f766e47}.composite-result-card-locked{opacity:.72;background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(241,245,249,.96))}.composite-result-card-top{display:flex;align-items:start;justify-content:space-between;gap:16px}.composite-result-card-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}.composite-result-card-icon{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,rgba(15,118,110,.12),rgba(13,148,136,.18));box-shadow:inset 0 1px #ffffffb3;flex-shrink:0}.composite-result-card-title{font-size:22px;font-weight:800;color:var(--gray-800);line-height:1.2}.composite-result-card-subtitle{margin-top:4px;font-size:13px;color:var(--gray-500, var(--gray-400))}.composite-result-card-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:8px;flex-shrink:0}.result-score-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;font-size:13px;font-weight:800;letter-spacing:.02em}.composite-result-card-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.16);display:flex;align-items:center;justify-content:space-between;gap:12px}.composite-result-card-preview{font-size:14px;line-height:1.65;color:var(--gray-600)}.composite-result-card-cta{white-space:nowrap;font-size:13px;font-weight:800;color:var(--primary-dk)}[data-theme=dark] .composite-section-header{background:var(--bg-card)}[data-theme=dark] .composite-section-header:hover,[data-theme=dark] .composite-section-header.active{background:rgba(99,102,241,.1);border-color:var(--primary)}[data-theme=dark] .result-section-card,[data-theme=dark] .composite-result-card,[data-theme=dark] .composite-result-card-locked{background:var(--bg-card)}[data-theme=dark] .composite-result-hero{background:radial-gradient(circle at top right,rgba(20,184,166,.12),transparent 30%),linear-gradient(135deg,rgba(15,23,42,.96) 0%,rgba(17,24,39,.98) 100%);border-color:#94a3b81f}[data-theme=dark] .composite-result-kicker,[data-theme=dark] .composite-result-score-panel{background:rgba(20,184,166,.12)}[data-theme=dark] .composite-result-metric{background:rgba(15,23,42,.72);border-color:#94a3b81f}[data-theme=dark] .composite-result-card-link:hover{border-color:#2dd4bf47}[data-theme=dark] .composite-result-card-footer{border-top-color:#94a3b81f}@media (max-width: 860px){.composite-result-page{padding:18px 0 32px}.composite-result-hero{border-radius:22px;padding:18px}.composite-result-topbar,.composite-result-hero-main,.composite-result-card-top,.composite-result-card-footer{flex-direction:column;align-items:stretch}.composite-result-score-panel{min-width:0}.composite-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.composite-result-card-status{justify-content:start}}@media (max-width: 560px){.composite-result-title{font-size:24px}.composite-result-sections-title{font-size:18px}.composite-result-card{border-radius:18px;padding:16px}.composite-result-card-icon{width:44px;height:44px;font-size:20px}.composite-result-card-title{font-size:18px}}@media (max-width: 360px){.assignment-toolbar{padding:8px 10px;gap:6px}.assign-countdown-wrap{min-width:90px;font-size:12px}.assignment-toolbar-title{font-size:13px}}[data-theme=dark] .countdown-chip{background:rgba(194,65,12,.2);color:#fca5a5;border-color:#c2410c66}[data-theme=dark] .listening-once-notice{background:rgba(245,158,11,.12);border-color:#f59e0b4d;color:#fcd34d}[data-theme=dark] .pending-feedback{background:rgba(245,158,11,.1);border-color:#f59e0b4d}[data-theme=dark] .feedback-hint{background:rgba(245,158,11,.15);color:#fcd34d}[data-theme=dark] .badge-waiting{background:rgba(245,158,11,.2);color:#fcd34d}[data-theme=dark] .btn-practice-wrong{background:rgba(245,158,11,.15);color:#fcd34d;border-color:#f59e0b66}[data-theme=dark] .btn-practice-wrong:hover{background:rgba(245,158,11,.3);color:#fff}[data-theme=dark] .q-flag-btn.flagged{background:rgba(245,158,11,.2);border-color:#f59e0b66}[data-theme=dark] .match-finish-streak{background:rgba(245,158,11,.15);border-color:#f59e0b4d;color:#fcd34d}[data-theme=dark] .cue-card{background:rgba(20,184,166,.1);border-color:#14b8a640}[data-theme=dark] .vocab-mode-count{background:rgba(20,184,166,.15);color:#5eead4}[data-theme=dark] .result-score-badge{background:rgba(34,197,94,.15);color:#86efac}[data-theme=dark] .composite-skill-score-chip{background:rgba(20,184,166,.1);border-color:#14b8a633}[data-theme=dark] .composite-result-card-icon{background:rgba(20,184,166,.15)}[data-theme=dark] .mixed-content-text table th,[data-theme=dark] .mixed-content-text .editor-table th{background:rgba(148,163,184,.1);border-color:#94a3b833}[data-theme=dark] .mixed-content-text table td,[data-theme=dark] .mixed-content-text .editor-table td{border-color:#94a3b826}[data-theme=dark] .mixed-content-image{background:var(--surface)}[data-theme=dark] .ann-highlight{mix-blend-mode:screen}[data-theme=dark] .ann-highlight.ann-c0{background:rgba(234,179,8,.3);border-bottom-color:#ca8a04}[data-theme=dark] .ann-highlight.ann-c1{background:rgba(37,99,235,.3);border-bottom-color:#3b82f6}[data-theme=dark] .ann-highlight.ann-c2{background:rgba(220,38,38,.3);border-bottom-color:#f87171}[data-theme=dark] .student-highlight{color:inherit}[data-theme=dark] .hl-yellow{background:rgba(234,179,8,.3);border-bottom-color:#ca8a04}[data-theme=dark] .hl-green{background:rgba(34,197,94,.25);border-bottom-color:#16a34a}[data-theme=dark] .hl-blue{background:rgba(59,130,246,.3);border-bottom-color:#2563eb}[data-theme=dark] .hl-pink{background:rgba(236,72,153,.3);border-bottom-color:#db2777}[data-theme=dark] .skill-chart-delta.ok,[data-theme=dark] .spc-vs.ok{background:rgba(34,197,94,.15);color:#86efac}[data-theme=dark] .skill-chart-delta.gap,[data-theme=dark] .spc-vs.gap{background:rgba(239,68,68,.15);color:#fca5a5}[data-theme=dark] .version-selector{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .version-selector-label{color:var(--text-muted)}[data-theme=dark] .btn-practice-full{background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] .btn-practice-full:hover{background:var(--bg-subtle)}:focus-visible{outline:2px solid var(--primary, #2563eb);outline-offset:2px;border-radius:3px}.writing-textarea:focus-visible,.form-input:focus-visible,.form-textarea:focus-visible,.answer-input:focus-visible,.note-panel-textarea:focus-visible,.audio-slot-name:focus-visible,.pi-input:focus-visible,.profile-name-input:focus-visible{outline:2px solid var(--primary, #2563eb);outline-offset:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.toast{display:flex;align-items:center;gap:8px}.toast-close{background:none;border:none;color:inherit;font-size:18px;line-height:1;padding:0 2px;cursor:pointer;opacity:.7;flex-shrink:0}.toast-close:hover{opacity:1}