:root{--brand-primary:#1d3d8f;--brand-primary-rgb:29, 61, 143;--brand-primary-hover:#152d6a;--brand-primary-light:#e8eefb;--brand-secondary:#4a6cb3;--brand-secondary-rgb:74, 108, 179;--brand-secondary-hover:#3a5796;--brand-accent:#f0f4fc;--brand-accent-hover:#e2ebf9;--brand-text:#0f172a;--brand-muted:#475569;--brand-muted-light:#94a3b8;--brand-bg:#fff;--brand-surface:#fff;--brand-card:#f8fafc;--brand-border:#e2e8f0;--brand-border-focus:#4a6cb3;--brand-success:#15803d;--brand-success-bg:#dcfce7;--brand-danger:#b91c1c;--brand-danger-bg:#fee2e2;--brand-warning:#b45309;--brand-warning-bg:#fef3c7;--brand-info:#0369a1;--brand-info-bg:#e0f2fe;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 2px 4px 0 #0f172a0f;--shadow-md:0 4px 12px -2px #0f172a14, 0 2px 6px -2px #0f172a0a;--shadow-lg:0 12px 24px -4px #0f172a1a, 0 4px 10px -3px #0f172a0d;--shadow-glow:0 0 20px #1d3d8f2e;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.22s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--brand-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;min-height:100vh;line-height:1.55}h1,h2,h3,h4,h5,h6{color:var(--brand-text);letter-spacing:-.02em;font-weight:700;line-height:1.25}p{color:var(--brand-muted)}code,kbd,samp,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--brand-primary);color:#fff;box-shadow:0 2px 6px #1d3d8f40}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1d3d8f59}.btn-secondary{background-color:var(--brand-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--brand-secondary-hover);transform:translateY(-1px)}.btn-accent{background-color:var(--brand-accent);color:var(--brand-primary);border-color:#1d3d8f1f}.btn-accent:hover:not(:disabled){background-color:var(--brand-accent-hover);border-color:#1d3d8f40}.btn-outline{color:var(--brand-text);border-color:var(--brand-border);background-color:#fff}.btn-outline:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.btn-ghost{color:var(--brand-muted);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--brand-accent);color:var(--brand-primary)}.btn-danger{background-color:var(--brand-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#991b1b}.btn-sm{border-radius:var(--radius-sm);padding:.45rem .75rem;font-size:.775rem}.btn-lg{border-radius:var(--radius-md);padding:.85rem 1.6rem;font-size:1rem}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-flex}.badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.badge-brand{background-color:var(--brand-accent);color:var(--brand-primary);border:1px solid #1d3d8f26}.badge-success{background-color:var(--brand-success-bg);color:var(--brand-success)}.badge-warning{background-color:var(--brand-warning-bg);color:var(--brand-warning)}.badge-danger{background-color:var(--brand-danger-bg);color:var(--brand-danger)}.badge-neutral{color:var(--brand-muted);background-color:#f1f5f9}.form-group{flex-direction:column;gap:.4rem;display:flex}.label{color:var(--brand-text);justify-content:space-between;align-items:center;font-size:.825rem;font-weight:600;display:flex}.input,.textarea,.select{font-family:var(--font-sans);border:1px solid var(--brand-border);border-radius:var(--radius-md);color:var(--brand-text);transition:all var(--transition-fast);background-color:#fff;outline:none;width:100%;padding:.65rem .85rem;font-size:.9rem}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px #4a6cb326}.input-mono,.textarea-mono{font-family:var(--font-mono);font-size:.875rem}.textarea{resize:vertical;min-height:120px;line-height:1.45}@keyframes popIn{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-pop-in{animation:.22s cubic-bezier(.4,0,.2,1) forwards popIn}@keyframes pulseGlow{0%{box-shadow:0 0 #1d3d8f66}70%{box-shadow:0 0 0 14px #1d3d8f00}to{box-shadow:0 0 #1d3d8f00}}.animate-pulse-glow{animation:1.8s infinite pulseGlow}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.65rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast-item{pointer-events:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--brand-primary);background:#fff;align-items:center;gap:.75rem;min-width:280px;max-width:440px;padding:.85rem 1.25rem;font-size:.875rem;font-weight:500;animation:.2s ease-out popIn;display:flex}.toast-item.success{border-left-color:var(--brand-success)}.toast-item.error{border-left-color:var(--brand-danger)}.toast-item.info{border-left-color:var(--brand-secondary)}.toast-close{cursor:pointer;color:var(--brand-muted);background:0 0;border:none;margin-left:auto}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:1.5rem 1rem 3rem}.app-header{border-bottom:1px solid var(--brand-border);z-index:100;box-shadow:var(--shadow-xs);background-color:#fff;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1360px;margin:0 auto;padding:.75rem 1.25rem;display:flex}.brand-block{align-items:center;gap:.85rem;text-decoration:none;display:flex}.brand-avatar{border-radius:var(--radius-md);object-fit:cover;width:2.5rem;height:2.5rem;box-shadow:var(--shadow-sm);border:1px solid #1d3d8f33}.brand-text-group{flex-direction:column;display:flex}.brand-title{color:var(--brand-primary);letter-spacing:-.03em;align-items:center;gap:.4rem;font-size:1.15rem;font-weight:800;display:flex}.brand-tagline{color:var(--brand-muted);font-size:.725rem;font-weight:500}.nav-tabs{border-radius:var(--radius-md);background-color:#f1f5f9;align-items:center;gap:.35rem;padding:.25rem;display:flex}.nav-tab-btn{color:var(--brand-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.nav-tab-btn:hover{color:var(--brand-primary)}.nav-tab-btn.active{color:var(--brand-primary);box-shadow:var(--shadow-xs);background-color:#fff}.header-actions{align-items:center;gap:.75rem;display:flex}.page-hero{background:linear-gradient(135deg, #fff 0%, var(--brand-accent) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #1d3d8f1f;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.75rem;padding:1.75rem 2rem;display:flex;position:relative;overflow:hidden}.hero-content{max-width:680px}.hero-badge-row{align-items:center;gap:.65rem;margin-bottom:.65rem;display:flex}.hero-heading{color:var(--brand-primary);letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.85rem;font-weight:800}.hero-description{color:var(--brand-muted);font-size:.95rem;line-height:1.6}.hero-stats-banner{align-items:center;gap:1.25rem;display:flex}.hero-stat-card{border:1px solid var(--brand-border);border-radius:var(--radius-md);text-align:center;min-width:105px;box-shadow:var(--shadow-xs);background:#fff;padding:.75rem 1.25rem}.hero-stat-num{color:var(--brand-primary);font-size:1.25rem;font-weight:800;font-family:var(--font-mono)}.hero-stat-label{color:var(--brand-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.725rem;font-weight:600}.studio-layout{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}@media (width<=1024px){.studio-layout{grid-template-columns:1fr}}.card-panel{border:1px solid var(--brand-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);background-color:#fff;flex-direction:column;display:flex;overflow:hidden}.card-panel:hover{border-color:#cbd5e1}.card-header{border-bottom:1px solid var(--brand-border);background-color:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex}.card-title-group{align-items:center;gap:.75rem;display:flex}.card-icon-bubble{border-radius:var(--radius-md);background-color:var(--brand-accent);width:2.25rem;height:2.25rem;color:var(--brand-primary);justify-content:center;align-items:center;font-size:.95rem;display:flex}.card-title{color:var(--brand-text);font-size:1.05rem;font-weight:700}.card-subtitle{color:var(--brand-muted);font-size:.775rem}.card-body{padding:1.5rem}.card-footer{background-color:var(--brand-card);border-top:1px solid var(--brand-border);justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background-color:#0f172a8c;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-box{border:1px solid var(--brand-border);background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:min(88vh,720px);margin:auto;animation:.22s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #e2e8f0d9}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--brand-border);background:#fff;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--brand-border);background:#f8fafc;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.keyboard-kbd{font-family:var(--font-mono);color:var(--brand-muted);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;margin-left:.4rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px #94a3b8}.app-footer{border-top:1px solid var(--brand-border);background-color:#fff;margin-top:auto;padding:2rem 1.25rem 2.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1360px;margin:0 auto;display:flex}.footer-copy{color:var(--brand-muted);font-size:.825rem}.footer-links{align-items:center;gap:1.25rem;display:flex}.footer-link{color:var(--brand-muted);transition:color var(--transition-fast);font-size:.825rem;text-decoration:none}.footer-link:hover{color:var(--brand-primary)}.stt-record-bar{background:linear-gradient(to right, #fff, var(--brand-accent));border-radius:var(--radius-lg);border:1px solid var(--brand-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1.15rem 1.5rem;display:flex}.mic-toggle-btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);background:var(--brand-primary);color:#fff;border:none;align-items:center;gap:.75rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 14px #1d3d8f47}.mic-toggle-btn:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.mic-toggle-btn.recording{background:#dc2626;animation:1.5s infinite pulseRecording;box-shadow:0 0 #dc262680}@keyframes pulseRecording{0%{box-shadow:0 0 #dc262699}70%{box-shadow:0 0 0 14px #dc262600}to{box-shadow:0 0 #dc262600}}.mic-icon-circle{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.85rem;display:flex}.visualizer-container{border-radius:var(--radius-md);border:1px solid var(--brand-border);background:#fff;flex:1;align-items:center;min-width:200px;max-width:420px;height:44px;padding:.25rem .5rem;display:flex;overflow:hidden}.visualizer-canvas{width:100%;height:100%;display:block}.stt-controls-group{align-items:center;gap:.75rem;display:flex}.transcript-wrapper{flex-direction:column;display:flex;position:relative}.transcript-area{width:100%;min-height:320px;font-family:var(--font-sans);color:var(--brand-text);border:1px solid var(--brand-border);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast);background:#fff;outline:none;padding:1rem 1.15rem 2.75rem;font-size:.975rem;line-height:1.45}.transcript-area:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px #4a6cb326}.interim-preview-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px dashed var(--brand-secondary);border-radius:var(--radius-md);color:var(--brand-primary);white-space:nowrap;text-overflow:ellipsis;background:#f0f4fcf2;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.825rem;animation:.15s ease-out popIn;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem;overflow:hidden}.editor-status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .25rem 0;display:flex}.stats-group{color:var(--brand-muted);align-items:center;gap:1.25rem;font-size:.8rem;display:flex}.stat-item{align-items:center;gap:.35rem;display:flex}.stat-item strong{color:var(--brand-text);font-family:var(--font-mono)}.editor-action-buttons{align-items:center;gap:.5rem;display:flex}.rules-container{flex-direction:column;gap:.75rem;display:flex}.rule-chip-grid{flex-wrap:wrap;gap:.45rem;display:flex}.rule-chip{border-radius:var(--radius-sm);border:1px solid var(--brand-border);font-size:.75rem;font-family:var(--font-mono);color:var(--brand-text);cursor:pointer;transition:all var(--transition-fast);background:#fff;align-items:center;gap:.4rem;padding:.25rem .55rem;display:inline-flex}.rule-chip:hover{border-color:var(--brand-secondary);background:var(--brand-accent)}.rule-chip .trigger{color:var(--brand-primary);font-weight:600}.rule-chip .arrow{color:var(--brand-muted-light)}.rule-chip .replacement{color:var(--brand-success);font-weight:600}.rule-table-container{border:1px solid var(--brand-border);border-radius:var(--radius-md);background:#fff;overflow-x:auto}.rule-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.rule-table th{background-color:var(--brand-card);color:var(--brand-muted);border-bottom:1px solid var(--brand-border);padding:.65rem .85rem;font-weight:700}.rule-table td{border-bottom:1px solid var(--brand-border);vertical-align:middle;padding:.65rem .85rem}.rule-table tr:last-child td{border-bottom:none}.rule-table tr:hover td{background-color:#fafbfc}.switch{width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider-toggle{cursor:pointer;background-color:#cbd5e1;border-radius:20px;transition:all .2s;position:absolute;inset:0}.slider-toggle:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider-toggle{background-color:var(--brand-primary)}input:checked+.slider-toggle:before{transform:translate(16px)}.history-list{flex-direction:column;gap:.65rem;max-height:480px;padding-right:.25rem;display:flex;overflow-y:auto}.history-card{border:1px solid var(--brand-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background:#fff;flex-direction:column;gap:.4rem;padding:.75rem .85rem;display:flex}.history-card:hover{border-color:var(--brand-secondary);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.history-card-header{color:var(--brand-muted);justify-content:space-between;align-items:center;font-size:.725rem;display:flex}.history-snippet{color:var(--brand-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.825rem;line-height:1.4;display:-webkit-box;overflow:hidden}.tts-tag-toolbar{background:var(--brand-accent);border-radius:var(--radius-md);border:1px solid #1d3d8f1f;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.6rem .85rem;display:flex}.tag-toolbar-label{color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.3rem;margin-right:.4rem;font-size:.75rem;font-weight:700;display:flex}.tag-insert-btn{font-family:var(--font-mono);color:var(--brand-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #1d3d8f33;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.775rem;font-weight:600;display:inline-flex}.tag-insert-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-1px)}.tts-editor-box{width:100%;min-height:240px;font-family:var(--font-sans);color:var(--brand-text);border:1px solid var(--brand-border);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast);background:#fff;outline:none;padding:.9rem 1.15rem;font-size:.975rem;line-height:1.45}.tts-editor-box:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px #4a6cb326}.tts-playback-bar{background:linear-gradient(to right, #fff, var(--brand-accent));border-radius:var(--radius-lg);border:1px solid var(--brand-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:1.25rem;padding:1.15rem 1.5rem;display:flex}.playback-buttons{align-items:center;gap:.6rem;display:flex}.btn-play-hero{border-radius:var(--radius-full);background:var(--brand-primary);color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:.65rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 14px #1d3d8f4d}.btn-play-hero:hover:not(:disabled){background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #1d3d8f61}.btn-play-hero.speaking{background:var(--brand-secondary);animation:2s infinite pulseSpeaking}@keyframes pulseSpeaking{0%{box-shadow:0 0 #4a6cb380}70%{box-shadow:0 0 0 12px #4a6cb300}to{box-shadow:0 0 #4a6cb300}}.karaoke-display{border:1px solid var(--brand-border);border-radius:var(--radius-md);color:var(--brand-text);min-height:90px;box-shadow:var(--shadow-xs);background:#fff;margin-top:1.25rem;padding:1.25rem 1.5rem;font-size:1rem;line-height:1.5}.karaoke-token{border-radius:4px;padding:.1rem .2rem;transition:background-color .15s,color .15s;display:inline}.karaoke-token.active{color:#854d0e;background-color:#fef08a;font-weight:700;box-shadow:0 0 0 2px #fde047}.karaoke-token.spoken{color:var(--brand-muted-light)}.karaoke-tag{font-size:.725rem;font-family:var(--font-mono);background:var(--brand-accent);color:var(--brand-primary);vertical-align:middle;border:1px solid #1d3d8f26;border-radius:4px;align-items:center;gap:.2rem;margin:0 .2rem;padding:.05rem .4rem;display:inline-flex}.karaoke-tag.active{background:var(--brand-primary);color:#fff;font-weight:700}.slider-group{flex-direction:column;gap:.35rem;display:flex}.slider-header{justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.slider-val{font-family:var(--font-mono);color:var(--brand-primary)}.range-slider{appearance:none;background:#e2e8f0;border-radius:4px;outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--brand-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 2px 5px #1d3d8f59}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.preset-card{border:1px solid var(--brand-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#fff;flex-direction:column;gap:.4rem;padding:.85rem;display:flex}.preset-card:hover{border-color:var(--brand-secondary);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.preset-title{color:var(--brand-text);align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;display:flex}.preset-desc{color:var(--brand-muted);font-size:.75rem;line-height:1.4}.exam-session-banner{background:linear-gradient(135deg, #fff 0%, var(--brand-accent) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #1d3d8f26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.exam-mode-nav{border-radius:var(--radius-md);background:#f1f5f9;gap:.5rem;width:fit-content;margin-bottom:1.25rem;padding:.3rem;display:flex}.exam-mode-tab{border-radius:var(--radius-sm);color:var(--brand-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;display:flex}.exam-mode-tab:hover{color:var(--brand-primary)}.exam-mode-tab.active{color:var(--brand-primary);box-shadow:var(--shadow-xs);background:#fff}.exam-prompt-stage{border:1px solid var(--brand-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:1rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.exam-prompt-stage.active-listening{border-color:var(--brand-primary);box-shadow:0 0 0 4px #1d3d8f1f}.stage-header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stage-step-pill{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-primary);background:var(--brand-accent);border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.stage-voice-bubble{color:var(--brand-primary);letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1.35}.stage-hearing-box{border:1px dashed var(--brand-border);border-radius:var(--radius-md);background:#f8fafc;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.15rem;display:flex}.hearing-text{font-size:1.05rem;font-family:var(--font-mono);color:var(--brand-text);font-weight:600}.stage-progress-bar{background:#e2e8f0;border-radius:999px;width:100%;height:6px;overflow:hidden}.stage-progress-fill{background:linear-gradient(90deg, var(--brand-secondary), var(--brand-primary));height:100%;transition:width .3s}.fields-stepper{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.stepper-item{border-radius:var(--radius-sm);color:var(--brand-muted);transition:all var(--transition-fast);background:#f1f5f9;border:1px solid #0000;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.stepper-item.current{background:var(--brand-accent);color:var(--brand-primary);border-color:var(--brand-secondary);box-shadow:var(--shadow-xs);font-weight:700}.stepper-item.completed{color:#15803d;background:#dcfce7}.batch-lock-bar{border:1px solid var(--brand-border);border-radius:var(--radius-md);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.5rem;padding:.6rem .9rem;display:flex}.batch-lock-title{color:var(--brand-primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;font-size:.785rem;font-weight:700;display:flex}.batch-lock-pills{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.batch-pill{border-radius:var(--radius-full);border:1px solid var(--brand-border);color:var(--brand-muted);cursor:pointer;transition:all var(--transition-fast);background:#fff;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.batch-pill:hover{border-color:var(--brand-secondary);color:var(--brand-primary);transform:translateY(-1px)}.batch-pill.active{background:var(--brand-accent);border-color:var(--brand-primary);color:var(--brand-primary);font-weight:700;box-shadow:0 1px 3px #1d3d8f1f}.batch-pill-val{font-family:var(--font-mono);opacity:.85;font-size:.7rem}.stream-slots-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.stream-slot-card{border:1px solid var(--brand-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;gap:.3rem;padding:.75rem .85rem;display:flex;position:relative}.stream-slot-card:hover{border-color:var(--brand-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #1d3d8f1a}.stream-slot-card.active{border-color:var(--brand-primary);background:var(--brand-accent);transform:translateY(-2px);box-shadow:0 0 0 2px #1d3d8f33}.stream-slot-card.filled{background:#f0fdf4;border-color:#86efac}.stream-slot-card.locked{background:#f8fafc;border-style:dashed;border-color:#cbd5e1}.stream-slot-card.locked:hover{border-color:var(--brand-primary);background:#fff}.stream-slot-header{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.stream-slot-label{text-transform:uppercase;color:var(--brand-muted);letter-spacing:.04em;font-size:.7rem;font-weight:700}.stream-slot-icon-badge{color:var(--brand-muted);opacity:.7;transition:all var(--transition-fast);font-size:.7rem}.stream-slot-card:hover .stream-slot-icon-badge{color:var(--brand-primary);opacity:1;transform:scale(1.15)}.stream-slot-value{font-size:.925rem;font-family:var(--font-mono);color:var(--brand-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.stream-slot-card.locked .stream-slot-value{color:#475569}.stream-slot-footer{color:var(--brand-muted);justify-content:space-between;align-items:center;margin-top:.15rem;font-size:.65rem;display:flex}.stream-slot-hint{opacity:0;color:var(--brand-secondary);transition:opacity var(--transition-fast);font-weight:600}.stream-slot-card:hover .stream-slot-hint{opacity:1}.exam-table-card{border:1px solid var(--brand-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;margin-top:1.5rem;overflow:hidden}.exam-table-header{border-bottom:1px solid var(--brand-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex}.exam-records-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.exam-records-table th{background:var(--brand-card);color:var(--brand-muted);border-bottom:1px solid var(--brand-border);white-space:nowrap;padding:.75rem 1rem;font-weight:700}.exam-records-table td{border-bottom:1px solid var(--brand-border);color:var(--brand-text);vertical-align:middle;padding:.8rem 1rem}.exam-records-table tr:hover td{background:#f8fafc}.badge-id{font-family:var(--font-mono);color:var(--brand-primary);background:var(--brand-accent);border-radius:4px;padding:.2rem .5rem;font-weight:700}.badge-marks{font-family:var(--font-mono);color:#15803d;border-radius:var(--radius-full);background:#dcfce7;padding:.2rem .55rem;font-weight:700}