.teacher-v2{--teacher-bg:var(--qh-canvas);--teacher-sidebar:var(--qh-surface);--teacher-card:var(--qh-surface);--teacher-raised:var(--qh-canvas);--teacher-border:var(--qh-line);--teacher-text:var(--qh-ink);--teacher-muted:var(--qh-muted);--teacher-purple:var(--qh-accent);--teacher-purple-end:var(--qh-accent);--teacher-success:#34c724;--teacher-warning:#ff8f1f;--teacher-danger:#f54a45;--background:var(--qh-canvas);--foreground:var(--qh-ink);--card:var(--qh-surface);--card-foreground:var(--qh-ink);--popover:var(--qh-surface);--popover-foreground:var(--qh-ink);--primary:var(--qh-accent);--primary-foreground:var(--qh-surface);--secondary:var(--qh-canvas);--secondary-foreground:var(--qh-ink);--muted:var(--qh-canvas);--muted-foreground:var(--qh-muted);--accent:var(--qh-soft);--accent-foreground:var(--qh-accent);--border:var(--qh-line);--input:var(--qh-line);--ring:var(--qh-accent);background:var(--qh-canvas);min-height:100vh;color:var(--qh-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.teacher-v2 a{color:inherit}.teacher-v2 .text-purple-600,.teacher-v2 .text-purple-700{color:var(--qh-accent)!important}.teacher-v2{font-family:var(--font-noto-sc),var(--font-geist-sans),"PingFang SC","Microsoft YaHei",sans-serif;background:var(--qh-canvas)}.teacher-v2-sidebar{border-right:1px solid var(--qh-line);background:var(--qh-surface);width:232px;padding:16px 12px 12px;transition:width .2s}.teacher-v2.is-collapsed .teacher-v2-sidebar{width:64px;padding:16px 8px 12px}.teacher-v2.is-collapsed .teacher-v2-brand strong,.teacher-v2.is-collapsed .teacher-v2-brand small,.teacher-v2.is-collapsed .teacher-v2-nav-label,.teacher-v2.is-collapsed .teacher-v2-nav-item>span,.teacher-v2.is-collapsed .teacher-v2-profile-card>span:not(.teacher-v2-avatar),.teacher-v2.is-collapsed .teacher-v2-sidebar-toggle>span,.teacher-v2.is-collapsed .teacher-v2-logout>span{display:none}.teacher-v2.is-collapsed .teacher-v2-nav-item,.teacher-v2.is-collapsed .teacher-v2-brand,.teacher-v2.is-collapsed .teacher-v2-logout,.teacher-v2.is-collapsed .teacher-v2-profile-card{justify-content:center}.teacher-v2.is-collapsed .teacher-v2-nav-item{padding:0}.teacher-v2.is-collapsed .teacher-v2-nav-search{display:none}.teacher-v2.is-collapsed .teacher-v2-logout{padding:0 10px;overflow:hidden}.teacher-v2-sidebar-toggle{width:100%;min-height:38px;color:var(--qh-muted);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;transition:background .15s,color .15s;display:flex}.teacher-v2-sidebar-toggle:hover{background:var(--qh-canvas);color:var(--qh-accent)}.teacher-v2-sidebar-toggle svg{flex:none;width:16px;height:16px}.teacher-v2-brand{min-height:52px;padding:2px 6px 10px}.teacher-v2-brand-mark{background:var(--qh-accent);width:36px;height:36px;color:var(--qh-surface);border-radius:9px;font-weight:800;box-shadow:0 2px 8px #1677ff4d}.teacher-v2-brand strong{color:var(--qh-ink);font-size:15px;font-weight:700}.teacher-v2-brand small{color:var(--qh-muted);letter-spacing:.06em;font-size:9px}.teacher-v2-nav-search{border:1px solid var(--qh-line);background:var(--qh-canvas);min-height:36px;color:var(--qh-muted);border-radius:8px;gap:8px;margin:2px 2px 10px;padding:0 10px}.teacher-v2-nav-search input{color:var(--qh-ink)}.teacher-v2-nav-search input::placeholder{color:var(--qh-muted)}.teacher-v2-nav section+section{margin-top:18px}.teacher-v2-nav-label{color:var(--qh-muted);margin:0 8px 6px;font-size:11px;font-weight:600}.teacher-v2-nav-list{gap:2px}.teacher-v2-nav-item{min-height:40px;color:var(--qh-ink);border:1px solid #0000;border-radius:8px;padding:0 10px;font-size:14px;font-weight:500}.teacher-v2-nav-item:hover{background:var(--qh-canvas);color:var(--qh-ink)}.teacher-v2-nav-item.is-active{background:var(--qh-soft);color:var(--qh-accent);box-shadow:none;border-color:#0000;font-weight:600}.teacher-v2-nav-item>svg{width:17px;height:17px}.teacher-v2-nav-empty{color:var(--qh-muted)}.teacher-v2-account{border-top:1px solid var(--qh-line)}.teacher-v2-avatar,.teacher-v2-top-avatar{background:var(--qh-accent);color:var(--qh-surface);border:none;border-radius:50%}.teacher-v2-profile-card strong{color:var(--qh-ink)}.teacher-v2-profile-card small,.teacher-v2-logout{color:var(--qh-muted)}.teacher-v2-logout:hover{color:#f54a45;background:#fef0ef}.teacher-v2-workspace{padding:12px}.teacher-v2-main-frame{border:1px solid var(--qh-line);background:var(--qh-surface);border-radius:12px;min-height:calc(100vh - 24px);overflow:hidden;box-shadow:0 2px 8px #0000000d}.teacher-v2-frame-header{border-bottom:1px solid var(--qh-line);background:var(--qh-surface);min-height:64px;padding:12px clamp(16px,2.2vw,28px);position:relative}.teacher-v2.is-compact .teacher-v2-frame-header{min-height:56px}.teacher-v2-frame-header h1{color:var(--qh-ink);letter-spacing:0;font-size:18px;font-weight:700}.teacher-v2-frame-header p{color:var(--qh-muted);font-size:12px}.teacher-v2-frame-actions{gap:10px}.teacher-v2-topbar-search{border:1px solid var(--qh-line);background:var(--qh-canvas);width:min(320px,30vw);min-height:36px;color:var(--qh-muted);border-radius:18px;align-items:center;gap:8px;padding:0 14px;transition:border-color .15s,background .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.teacher-v2-topbar-search:focus-within{border-color:var(--qh-accent);background:var(--qh-surface)}.teacher-v2-topbar-search input{min-width:0;color:var(--qh-ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.teacher-v2-topbar-search input::placeholder{color:var(--qh-muted)}.teacher-v2-topbar-search button{color:var(--qh-muted);place-items:center;display:grid}.teacher-v2-topbar-search button:hover{color:var(--qh-accent)}@media (max-width:1279px){.teacher-v2-topbar-search{display:none}}.teacher-v2-content{min-height:calc(100vh - 96px);padding:clamp(16px,2vw,24px)}.teacher-v2 .teacher-v3-metric-card,.teacher-v2 .teacher-v3-panel,.teacher-v2 .teacher-v3-chart{border:1px solid var(--qh-line);background:var(--qh-surface);border-radius:10px;transition:box-shadow .18s,transform .18s;box-shadow:0 2px 8px #0000000a}.teacher-v2 .teacher-v3-panel:hover,.teacher-v2 .teacher-v3-chart:hover{box-shadow:0 4px 14px #00000012}.teacher-v2 .teacher-v3-panel-header h2,.teacher-v2 .teacher-v3-chart-header h2{color:var(--qh-ink);font-weight:700}.teacher-v2 .teacher-v3-workspace{background:var(--qh-surface);color:var(--qh-ink)}.teacher-v2 .teacher-v3-workspace h1{color:var(--qh-ink)}.teacher-v2 .teacher-v3-eyebrow,.teacher-v2 .teacher-v3-muted,.teacher-v2 .teacher-v3-panel-header p{color:var(--qh-muted)}.teacher-v2 .teacher-v3-metric-value{color:var(--qh-ink);font-weight:700}.teacher-v2 .teacher-v3-back-link{color:var(--qh-muted)}.teacher-v2 .teacher-v3-back-link:hover,.teacher-v2 .teacher-v3-empty-icon{color:var(--qh-accent)}.teacher-v2 .teacher-v3-empty-state h3{color:var(--qh-ink)}.teacher-v2 .teacher-v3-data-card{border:1px solid var(--qh-line);background:var(--qh-surface);border-radius:10px;box-shadow:0 1px 4px #00000008}.teacher-v2 .teacher-v3-data-card strong{color:var(--qh-ink)}.teacher-v2 .teacher-v3-data-card small,.teacher-v2 .teacher-v3-card-meta,.teacher-v2 .teacher-v3-audio-details{color:var(--qh-muted)}.teacher-v2 .teacher-v3-card-meta dd{color:var(--qh-ink)}.teacher-v2 .teacher-v3-trend,.teacher-v2 .teacher-v3-status{border-radius:6px;font-weight:600}.teacher-v2 .teacher-v3-trend.is-up,.teacher-v2 .teacher-v3-status.is-success,.teacher-v2 .teacher-v3-status.is-available{color:#1fa31a;background:#34c7241f}.teacher-v2 .teacher-v3-trend.is-down,.teacher-v2 .teacher-v3-status.is-error,.teacher-v2 .teacher-v3-status.is-expired,.teacher-v2 .teacher-v3-status.is-disabled{color:#e03e3a;background:#f54a451a}.teacher-v2 .teacher-v3-status.is-warning,.teacher-v2 .teacher-v3-status.is-expiring,.teacher-v2 .teacher-v3-status.is-used{color:#d97a10;background:#ff8f1f1f}.teacher-v2 .teacher-v3-trend.is-neutral,.teacher-v2 .teacher-v3-status.is-neutral{background:var(--qh-canvas);color:var(--qh-muted)}.teacher-v2 .teacher-v3-primary-button{background:var(--qh-accent);color:var(--qh-surface);border-radius:8px;font-weight:600;transition:background .15s,box-shadow .15s,transform .15s;box-shadow:0 2px 6px #1677ff40}.teacher-v2 .teacher-v3-primary-button:hover{background:var(--qh-accent);transform:translateY(-1px)}.teacher-v2 .teacher-v3-primary-button:active{transform:translateY(0)}.teacher-v2 .teacher-v3-primary-button:disabled{background:var(--qh-control);box-shadow:none}.teacher-v2 .teacher-v3-secondary-button,.teacher-v2 .teacher-v3-icon-button{background:var(--qh-surface);border:1px solid var(--qh-control);color:var(--qh-ink);border-radius:8px;transition:border-color .15s,color .15s,background .15s}.teacher-v2 .teacher-v3-secondary-button:hover,.teacher-v2 .teacher-v3-icon-button:hover{border-color:var(--qh-accent);color:var(--qh-accent);background:var(--qh-soft)}.teacher-v2 .teacher-v3-icon-button.is-danger{color:#f54a45}.teacher-v2 .teacher-v3-icon-button.is-danger:hover{color:#f54a45;background:#fef0ef;border-color:#f54a45}.teacher-v2 .teacher-v3-secondary-button.is-danger{color:#f54a45;border-color:#f54a4566}.teacher-v2 .teacher-v3-secondary-button.is-danger:hover{background:#fef0ef;border-color:#f54a45}.teacher-v2 .bg-purple-600,.teacher-v2 .bg-purple-700{background:var(--qh-accent)!important;color:var(--qh-surface)!important}.teacher-v2 .bg-purple-600:hover,.teacher-v2 .bg-purple-700:hover{background:var(--qh-accent)!important}.teacher-v2 .ring-purple-500,.teacher-v2 .focus\:ring-purple-500:focus{--tw-ring-color:var(--qh-accent)!important}.teacher-v2 input:not([type=checkbox]):not([type=radio]),.teacher-v2 textarea,.teacher-v2 select,.teacher-v2 [role=combobox]{border-radius:8px;border-color:var(--qh-line)!important;background:var(--qh-surface)!important;color:var(--qh-ink)!important}.teacher-v2 input::placeholder,.teacher-v2 textarea::placeholder{color:var(--qh-muted)}.teacher-v2 input:focus,.teacher-v2 textarea:focus,.teacher-v2 select:focus{border-color:var(--qh-accent)!important}.teacher-v2 .teacher-v3-search{border:1px solid var(--qh-line);background:var(--qh-surface);border-radius:8px}.teacher-v2 .teacher-v3-search input{color:var(--qh-ink)}.teacher-v2 .teacher-v3-filter-row select,.teacher-v2 .teacher-v3-upload-form input,.teacher-v2 .teacher-v3-upload-form select{border:1px solid var(--qh-line);background:var(--qh-surface);color:var(--qh-ink);border-radius:8px}.teacher-v2 .teacher-v3-filter-chips button{background:var(--qh-canvas);color:var(--qh-muted);border-radius:8px}.teacher-v2 .teacher-v3-filter-chips button:hover{color:var(--qh-accent)}.teacher-v2 .teacher-v3-filter-chips .is-active{color:var(--qh-surface);background:var(--qh-accent)}.teacher-v2 .teacher-v3-file-input{border:1px dashed var(--qh-accent);border-radius:8px;color:var(--qh-accent)!important}.teacher-v2 .teacher-v3-preference-row input{accent-color:var(--qh-accent)}.teacher-v2 .teacher-v3-segment.is-active{background:var(--qh-accent);color:var(--qh-on-accent)}.teacher-v2 .teacher-v3-segmented{background:var(--qh-canvas);border-radius:8px}.teacher-v2 .teacher-v3-table th{color:var(--qh-muted);background:var(--qh-canvas);border-bottom:1px solid var(--qh-line)}.teacher-v2 .teacher-v3-table th:first-child{border-radius:8px 0 0 8px}.teacher-v2 .teacher-v3-table th:last-child{border-radius:0 8px 8px 0}.teacher-v2 .teacher-v3-table td{border-bottom:1px solid var(--qh-raised);color:var(--qh-ink);padding:13px 11px}.teacher-v2 .teacher-v3-table tr:hover td{background:var(--qh-canvas)}.teacher-v2 .teacher-v3-table-view th,.teacher-v2 .teacher-v3-table-view td{border-bottom:1px solid var(--qh-raised)}.teacher-v2 .teacher-v3-table-view th{background:var(--qh-canvas);color:var(--qh-muted)}.teacher-v2 .teacher-v3-source-notice{color:#d93a35;background:#fef0ef;border:1px solid #f54a453d}.teacher-v2 .teacher-v3-featured-audio{background:var(--qh-soft);border:1px solid #1677ff29}.teacher-v2 .teacher-v3-featured-audio span{color:var(--qh-muted)}.teacher-v2 .teacher-v3-bottom-player{border:1px solid var(--qh-line);background:var(--qh-surface);border-radius:10px;box-shadow:0 8px 24px #0000001a}.teacher-v2 .teacher-v3-ranking li{background:var(--qh-canvas);border-radius:8px}.teacher-v2 .teacher-v3-ranking li>strong{background:var(--qh-accent);color:var(--qh-on-accent)}.teacher-v2 .teacher-v3-share-guide{background:var(--qh-soft);color:var(--qh-muted);border:1px solid #1677ff40}.teacher-v2 .teacher-v3-share-guide strong{color:var(--qh-ink)}.teacher-v2 .teacher-v3-notification{border:1px solid var(--qh-line);background:var(--qh-surface);color:var(--qh-ink);border-radius:10px}.teacher-v2 .teacher-v3-notification.is-unread{background:var(--qh-soft);border-color:#1677ff66}.teacher-v2 .teacher-v3-notification-icon{background:var(--qh-soft);color:var(--qh-accent)}.teacher-v2 .teacher-v3-notification>i{background:var(--qh-accent)}.teacher-v2 .teacher-v3-profile-hero{border:1px solid var(--qh-line);background:var(--qh-surface);border-radius:10px;box-shadow:0 2px 8px #0000000a}.teacher-v2 .teacher-v3-profile-hero h2{color:var(--qh-ink)}.teacher-v2 .teacher-v3-profile-avatar{background:var(--qh-accent)}.teacher-v2 .teacher-v3-profile-avatar span{border:1px solid var(--qh-line);background:var(--qh-canvas);color:var(--qh-ink)}.teacher-v2 .teacher-v3-workspace .teacher-v3-profile-grid{margin-top:0}.teacher-v2 main>header.sticky,.teacher-v2>div>header.sticky{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--qh-surface)!important;border-color:var(--qh-line)!important}.teacher-demo-dialog-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1f232973}.teacher-demo-dialog-content{border:1px solid var(--qh-line);background:var(--qh-surface);color:var(--qh-ink);border-radius:16px;padding:24px;box-shadow:0 20px 60px #0000002e}.teacher-demo-dialog-title{color:var(--qh-ink);font-size:17px;font-weight:700}.teacher-demo-dialog-description,.teacher-demo-dialog-close{color:var(--qh-muted)}.teacher-demo-dialog-close:hover{background:var(--qh-canvas);color:var(--qh-ink)}.teacher-demo-reset-confirmation input{border:1px solid var(--qh-line);background:var(--qh-surface);color:var(--qh-ink);border-radius:8px}.teacher-demo-reset-confirmation{color:var(--qh-muted)}.teacher-demo-dialog-content input,.teacher-demo-dialog-content textarea,.teacher-demo-dialog-content select{border:1px solid var(--qh-line);background:var(--qh-surface);color:var(--qh-ink);border-radius:8px}.teacher-demo-dialog-content input:focus,.teacher-demo-dialog-content textarea:focus,.teacher-demo-dialog-content select:focus{border-color:var(--qh-accent);outline:none}.teacher-demo-dialog-content label,.teacher-demo-dialog-content .dialog-kv{color:var(--qh-ink)}.teacher-demo-dialog-content .dialog-kv small{color:var(--qh-muted)}.teacher-demo-mode-badge{background:var(--qh-soft);color:var(--qh-accent);border:1px solid #1677ff59}.teacher-demo-mode-badge:hover{background:var(--qh-soft);border-color:#1677ff99}.teacher-demo-notification-button{border:1px solid var(--qh-line);background:var(--qh-surface);color:var(--qh-muted);border-radius:50%}.teacher-demo-notification-button:hover{border-color:var(--qh-accent);color:var(--qh-accent)}.teacher-demo-notification-button>span{border:2px solid var(--qh-surface);color:var(--qh-surface);background:#f54a45}.teacher-v2-immersive-back{border:1px solid var(--qh-line);color:var(--qh-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border-radius:8px;box-shadow:0 2px 8px #00000014}.teacher-v2-mobile-nav{border:1px solid var(--qh-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border-radius:14px;box-shadow:0 -4px 24px #00000014}.teacher-v2-mobile-nav a{color:var(--qh-muted)}.teacher-v2-mobile-nav a.is-active{color:var(--qh-accent);background:0 0}.teacher-v2-mobile-nav a.is-active svg{color:var(--qh-accent)}.teacher-v2 .bg-white,.teacher-v2 .bg-white\/80,.teacher-v2 .bg-white\/90,.teacher-v2 .bg-gray-50,.teacher-v2 .bg-gray-50\/50,.teacher-v2 .bg-slate-50{background-color:var(--qh-surface)!important}.teacher-v2 .bg-gray-100,.teacher-v2 .bg-gray-200{background-color:var(--qh-canvas)!important}.teacher-v2 .bg-purple-50,.teacher-v2 .bg-blue-50{background-color:var(--qh-soft)!important}.teacher-v2 .bg-amber-50{background-color:#fff4e8!important}.teacher-v2 .bg-green-50{background-color:#ebf9ea!important}.teacher-v2 .text-gray-900,.teacher-v2 .text-gray-800,.teacher-v2 .text-gray-700,.teacher-v2 .text-slate-900{color:var(--qh-ink)!important}.teacher-v2 .text-gray-600,.teacher-v2 .text-gray-500,.teacher-v2 .text-gray-400,.teacher-v2 .text-slate-600,.teacher-v2 .text-slate-500{color:var(--qh-muted)!important}.teacher-v2 .border,.teacher-v2 .border-gray-100,.teacher-v2 .border-gray-200,.teacher-v2 .border-gray-300,.teacher-v2 .border-slate-200{border-color:var(--qh-line)!important}.teacher-v2 .hover\:bg-gray-50:hover{background-color:var(--qh-canvas)!important}.teacher-v2 .hover\:bg-gray-100:hover{background-color:var(--qh-raised)!important}.teacher-v2 [data-sonner-toast]{color:var(--qh-ink)}.teacher-v2 .text-slate-200,.teacher-v2 .text-slate-300{color:var(--qh-ink)!important}.teacher-v2 .text-slate-400,.teacher-v2 .text-slate-500,.teacher-v2 .text-gray-300{color:var(--qh-muted)!important}.teacher-v2 .border-white\/10{border-color:var(--qh-line)!important}.teacher-v2 .bg-white\/5,.teacher-v2 .bg-white\/\[0\.03\],.teacher-v2 .bg-white\/\[0\.03\]{background-color:var(--qh-canvas)!important}.teacher-v2 .bg-slate-950{background-color:var(--qh-surface)!important}.teacher-v2 .text-rose-300{color:#d93a35!important}.teacher-v2 .text-amber-200,.teacher-v2 .text-amber-600,.teacher-v2 .text-amber-700{color:#d97a10!important}.teacher-v2 .text-red-600,.teacher-v2 .text-red-700{color:#e03e3a!important}.teacher-v2 .text-green-600,.teacher-v2 .text-green-700,.teacher-v2 .text-green-800{color:#1fa31a!important}.teacher-v2 .text-blue-600,.teacher-v2 .text-blue-700,.teacher-v2 .text-purple-700{color:var(--qh-accent)!important}.teacher-v2 .bg-violet-600{background-color:var(--qh-accent)!important;color:var(--qh-surface)!important}.teacher-v2 .border-violet-400{border-color:var(--qh-accent)!important}.teacher-v2 .hover\:border-violet-400\/60:hover,.teacher-v2 .hover\:border-violet-400:hover{border-color:#1677ff8c!important}.teacher-v2 .bg-purple-100,.teacher-v2 .bg-purple-50{background-color:var(--qh-soft)!important}.teacher-v2 .bg-amber-100{background-color:#fff4e8!important}.teacher-v2 .bg-amber-400\/10{background-color:#ff8f1f1a!important}.teacher-v2 .border-amber-400\/40{border-color:#ff8f1f66!important}.teacher-v2 .bg-red-50{background-color:#fef0ef!important}.teacher-v2 .bg-red-100{background-color:#fde5e4!important}.teacher-v2 .bg-red-400\/10{background-color:#f54a4514!important}.teacher-v2 .border-red-400\/40{border-color:#f54a4559!important}.teacher-v2 .text-amber-200,.teacher-v2 .text-amber-300{color:#d97a10!important}.teacher-v2 .bg-gray-200{background-color:var(--qh-line)!important}.teacher-v2 .focus-visible\:ring-violet-400:focus-visible{--tw-ring-color:var(--qh-accent)!important}
:root{--qh-font:system-ui,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--qh-canvas:#fafafd;--qh-surface:#fff;--qh-raised:#f0f0f5;--qh-soft:#f0edf8;--qh-ink:#242334;--qh-muted:#646174;--qh-accent:#594799;--qh-on-accent:#fff;--qh-line:#e5e3ed;--qh-control:#cfccd9}:root[data-qh-appearance=dark]{--qh-canvas:#141418;--qh-surface:#1d1d24;--qh-raised:#27262f;--qh-soft:#292535;--qh-ink:#f4f2fa;--qh-muted:#bab6c9;--qh-accent:#c4b5f3;--qh-on-accent:#292039;--qh-line:#35323f;--qh-control:#55505f}.qh-public-header{z-index:40;background:var(--qh-surface);color:var(--qh-ink);border-bottom:1px solid var(--qh-line);font-family:var(--qh-font);position:sticky;top:0}.qh-header-inner{align-items:center;gap:32px;width:min(1312px,100% - 96px);height:72px;margin:auto;display:flex}.qh-wordmark{white-space:nowrap;color:var(--qh-ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.qh-wordmark>svg{color:var(--qh-accent);flex:none}.qh-wordmark strong{letter-spacing:-.03em;font-size:17px;font-weight:650}.qh-wordmark>span{color:var(--qh-muted);margin-left:2px;font-size:12px}.qh-desktop-nav{align-items:stretch;gap:28px;height:100%;margin:auto;display:flex}.qh-desktop-nav a{color:var(--qh-muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;padding-top:2px;font-size:14px;text-decoration:none;display:flex}.qh-desktop-nav a[aria-current=page]{color:var(--qh-accent);border-color:var(--qh-accent);font-weight:600}.qh-desktop-nav a:hover{color:var(--qh-accent)}.qh-header-actions{align-items:center;gap:12px;display:flex}.qh-appearance-switch{width:44px;height:44px;color:var(--qh-muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.qh-appearance-switch:hover{background:var(--qh-raised);color:var(--qh-accent)}.qh-header-login{border:1px solid var(--qh-control);min-height:40px;color:var(--qh-ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-size:13px;text-decoration:none;display:inline-flex}.qh-header-login:hover{background:var(--qh-soft)}.qh-mobile-menu{display:none}.qh-public-header :is(a,button,summary):focus-visible{outline:3px solid var(--qh-accent);outline-offset:4px}.wc-auth.wc-auth{--tp-ink:var(--qh-ink);--tp-ink-soft:var(--qh-muted);--tp-green:var(--qh-accent);--tp-paper:var(--qh-canvas);--tp-cream:var(--qh-surface);--tp-bone:var(--qh-control);--tp-purple:var(--qh-accent);color:var(--qh-ink);font-family:var(--qh-font);padding-top:112px;background:var(--qh-canvas)!important}.wc-auth.wc-auth:before,.wc-auth.wc-auth:after,.wc-auth .wc-deco{display:none!important}.wc-auth.wc-auth .wc-card{border:1px solid var(--qh-line);background:var(--qh-surface);width:100%;max-width:440px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px;padding:36px}.wc-auth.wc-auth .wc-card:before,.wc-auth.wc-auth .wc-card:after{display:none}.wc-auth.wc-auth .wc-heading{color:var(--qh-ink);font-family:var(--qh-font);font-weight:650;font-size:28px!important}.wc-auth.wc-auth .wc-subtitle,.wc-auth.wc-auth .wc-label,.wc-auth.wc-auth .wc-back{font-family:var(--qh-font);color:var(--qh-muted)}.wc-auth.wc-auth .wc-input{background:var(--qh-canvas);color:var(--qh-ink);border:1px solid var(--qh-control);box-shadow:none;min-height:48px;font-family:var(--qh-font);border-radius:8px;font-size:14px}.wc-auth.wc-auth .wc-input::placeholder{color:var(--qh-muted)}.wc-auth.wc-auth .wc-input:focus{border-color:var(--qh-accent);outline:2px solid var(--qh-soft)}.wc-auth.wc-auth .wc-btn{background:var(--qh-accent);color:var(--qh-on-accent);min-height:48px;box-shadow:none;font-family:var(--qh-font);border:0;border-radius:8px;font-size:15px;transform:none}.wc-auth.wc-auth .wc-btn:before,.wc-auth.wc-auth .wc-btn:after{display:none}.wc-auth.wc-auth .wc-btn:disabled{opacity:.6}.wc-auth.wc-auth .wc-link{color:var(--qh-accent)}.wc-auth.wc-auth .wc-logo{color:var(--qh-accent);background:var(--qh-soft);box-shadow:none;border-radius:12px}.wc-auth.wc-auth .wc-pw-toggle{color:var(--qh-muted)}.qh-auth-header{z-index:5;width:100%;position:absolute;top:0;left:0}.teacher-v2.teacher-v2{--teacher-bg:var(--qh-canvas);--teacher-sidebar:var(--qh-surface);--teacher-card:var(--qh-surface);--teacher-raised:var(--qh-raised);--teacher-border:var(--qh-line);--teacher-text:var(--qh-ink);--teacher-muted:var(--qh-muted);--teacher-purple:var(--qh-accent);--teacher-purple-end:var(--qh-accent);--background:var(--qh-canvas);--foreground:var(--qh-ink);--card:var(--qh-surface);--card-foreground:var(--qh-ink);--popover:var(--qh-surface);--popover-foreground:var(--qh-ink);--primary:var(--qh-accent);--primary-foreground:var(--qh-on-accent);--secondary:var(--qh-raised);--secondary-foreground:var(--qh-ink);--muted:var(--qh-raised);--muted-foreground:var(--qh-muted);--accent:var(--qh-soft);--accent-foreground:var(--qh-accent);--border:var(--qh-line);--input:var(--qh-control);--ring:var(--qh-accent);background:var(--qh-canvas);color:var(--qh-ink);font-family:var(--qh-font)}.teacher-v2 .teacher-v2-sidebar{background:var(--qh-surface);border-color:var(--qh-line);box-shadow:none;padding-top:24px}.teacher-v2 .teacher-v2-brand-mark{color:var(--qh-accent);box-shadow:none;background:0 0}.teacher-v2 .teacher-v2-brand strong{color:var(--qh-ink);font-size:17px}.teacher-v2 .teacher-v2-brand small{letter-spacing:0;color:var(--qh-muted);font-size:12px}.teacher-v2 .teacher-v2-nav-item{color:var(--qh-muted);border-radius:8px;min-height:42px}.teacher-v2 .teacher-v2-nav-item:hover{background:var(--qh-raised);color:var(--qh-ink)}.teacher-v2 .teacher-v2-nav-item.is-active{background:var(--qh-soft);color:var(--qh-accent);box-shadow:none}.teacher-v2 .teacher-v2-nav-item.is-active:before{display:none}.teacher-v2 .teacher-v2-nav-label{color:var(--qh-muted);letter-spacing:0;font-size:12px}.teacher-v2 .teacher-v2-workspace{padding:0}.teacher-v2 .teacher-v2-main-frame{box-shadow:none;background:var(--qh-canvas);border:0;border-radius:0;min-height:100dvh}.teacher-v2 .teacher-v2-frame-header{background:var(--qh-surface);border-color:var(--qh-line);min-height:80px}.teacher-v2 .teacher-v2-frame-header h1{color:var(--qh-ink);font-size:22px}.teacher-v2 .teacher-v2-frame-header p{color:var(--qh-muted);font-size:13px}.teacher-v2 .teacher-v2-content{padding:28px}.teacher-v2 :is(.teacher-v2-nav-search,.teacher-v2-topbar-search){background:var(--qh-canvas);border-color:var(--qh-line);color:var(--qh-muted);border-radius:8px}.teacher-v2 :is(.teacher-v2-nav-search,.teacher-v2-topbar-search) input{color:var(--qh-ink)}.teacher-v2 :is(.teacher-v2-nav-search,.teacher-v2-topbar-search) input::placeholder,.teacher-v2 :is(.teacher-v2-profile-card,.teacher-v2-logout,.teacher-v2-sidebar-toggle){color:var(--qh-muted)}.teacher-v2 .teacher-v2-profile-card strong{color:var(--qh-ink)}.teacher-v2 .teacher-v2-profile-card small{color:var(--qh-muted)}.teacher-v2 .teacher-v2-avatar{background:var(--qh-soft);color:var(--qh-accent)}.teacher-v2 :is(.teacher-v3-metric-card,.teacher-v3-panel,.teacher-v3-chart){background:var(--qh-surface);border-color:var(--qh-line);box-shadow:none;border-radius:12px}.teacher-v2 :is(.teacher-v3-panel,.teacher-v3-chart):hover{box-shadow:none;transform:none}.teacher-v2 :is(.teacher-v3-panel-header h2,.teacher-v3-chart-header h2,.teacher-v3-metric-value){color:var(--qh-ink);font-weight:600}.teacher-v2 .teacher-v3-panel-header p{color:var(--qh-muted)}.teacher-v2 .teacher-v3-primary-button{background:var(--qh-accent);color:var(--qh-on-accent);box-shadow:none;border:0;border-radius:8px}.teacher-v2 .teacher-v3-primary-button:hover{background:var(--qh-accent);filter:brightness(.93);box-shadow:none;transform:none}.teacher-v2 :is(.teacher-v3-secondary-button,.teacher-v3-icon-button){background:var(--qh-surface);border-color:var(--qh-control);color:var(--qh-ink);border-radius:8px}.teacher-v2 .teacher-v2-mobile-nav{background:var(--qh-surface);border-color:var(--qh-line);box-shadow:none}.teacher-v2 .teacher-v2-mobile-nav a{color:var(--qh-muted)}.teacher-v2 .teacher-v2-mobile-nav a.is-active,.teacher-v2 .teacher-v2-mobile-nav a.is-active svg{color:var(--qh-accent)}.teacher-v2 .text-purple-600,.teacher-v2 .text-purple-700{color:var(--qh-accent)!important}.teacher-v2 .teacher-v3-workspace{color:var(--qh-ink);background:0 0}.teacher-v2 .teacher-v3-workspace h1{color:var(--qh-ink)}.teacher-v2 :is(.teacher-v3-eyebrow,.teacher-v3-muted,.teacher-v3-card-meta,.teacher-v3-audio-details){color:var(--qh-muted)}.teacher-v2 .teacher-v3-data-card{background:var(--qh-surface);border-color:var(--qh-line);box-shadow:none;border-radius:8px}.teacher-v2 .teacher-v3-data-card strong{color:var(--qh-ink)}.teacher-v2 .teacher-v3-data-card small{color:var(--qh-muted)}.teacher-v2 .teacher-v2-top-avatar{background:var(--qh-soft);color:var(--qh-accent)}.teacher-v2 .teacher-v2-account{border-color:var(--qh-line)}.teacher-v2 .teacher-v3-chart .recharts-cartesian-axis-tick-value{fill:var(--qh-muted)}.teacher-v2 .teacher-v3-chart .recharts-cartesian-grid line{stroke:var(--qh-line)}.ordinary-studio.wb-studio.wb-studio{--ordinary-bg:#141418;--ordinary-panel:#1d1d24;--ordinary-input:#27262f;--ordinary-line:#35323f;--ordinary-text:#f4f2fa;--ordinary-muted:#bab6c9;--ordinary-accent:#c4b5f3;--ordinary-fill:#c4b5f3;--ordinary-tint:#292535;--wb-raised:#27262f;--wb-primary-ink:#292039;font-family:var(--qh-font)}body[data-mlt=light] .ordinary-studio.wb-studio.wb-studio{--ordinary-bg:#fafafd;--ordinary-panel:#fff;--ordinary-input:#f4f3f8;--ordinary-line:#e5e3ed;--ordinary-text:#242334;--ordinary-muted:#646174;--ordinary-accent:#594799;--ordinary-fill:#594799;--ordinary-tint:#f0edf8;--wb-raised:#f0f0f5;--wb-primary-ink:#fff;--wb-grid:#e6e2ef}.wb-studio.wb-studio .ordinary-topbar{background:var(--ordinary-panel);min-height:72px}.wb-studio.wb-studio .ordinary-builder,.wb-studio.wb-studio .ordinary-results{border:1px solid var(--ordinary-line);border-radius:12px}.wb-studio.wb-studio .wb-home>svg{color:var(--ordinary-accent)}.wb-studio.wb-studio .music-library{--ml-bg:var(--ordinary-panel);--ml-panel:var(--ordinary-input);--ml-text:var(--ordinary-text);--ml-muted:var(--ordinary-muted);--ml-line:var(--ordinary-line);--ml-accent:var(--ordinary-accent);--ml-selected:var(--ordinary-tint)}body[data-mlt=light] .wb-page .ordinary-studio.wb-studio{background:var(--ordinary-bg)!important}body[data-mlt=light] .wb-studio.wb-studio .ordinary-results,body[data-mlt=light] .wb-studio.wb-studio .music-library{background:var(--ordinary-panel)!important}@media (max-width:600px){.teacher-v2 .teacher-v3-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.teacher-v2 .teacher-v3-metric-card{min-height:120px;padding:16px}.teacher-v2 .teacher-v3-metric-value{font-size:26px}.teacher-v2 .teacher-v3-metric-card .teacher-v3-muted{font-size:12px}}@media (max-width:1100px){.qh-header-inner{gap:20px;width:calc(100% - 48px)}.qh-wordmark>span{display:none}.qh-desktop-nav{gap:20px}}@media (max-width:900px){.qh-header-inner{gap:10px;height:64px}.qh-desktop-nav{display:none}.qh-header-actions{gap:4px;margin-left:auto}.qh-mobile-menu{display:block}.qh-mobile-menu summary{cursor:pointer;place-items:center;width:44px;height:44px;list-style:none;display:grid}.qh-mobile-menu summary::-webkit-details-marker{display:none}.qh-mobile-menu nav{background:var(--qh-surface);border-bottom:1px solid var(--qh-line);padding:16px 24px;position:absolute;top:64px;left:0;right:0;box-shadow:0 14px 24px #00000012}.qh-mobile-menu nav a{min-height:48px;color:var(--qh-ink);justify-content:space-between;align-items:center;font-size:15px;text-decoration:none;display:flex}.teacher-v2 .teacher-v2-content{padding:20px}}@media (max-width:600px){.qh-header-inner{width:calc(100% - 32px)}.qh-wordmark strong{font-size:15px}.qh-wordmark{gap:7px}.qh-wordmark>svg{width:27px}.qh-header-login{gap:6px;min-height:40px;padding:0 10px;font-size:12px}.qh-header-login svg{display:none}.qh-header-actions .qh-appearance-switch{width:38px}.wc-auth.wc-auth{padding-inline:16px;padding-top:88px}.wc-auth.wc-auth .wc-card{padding:28px 24px}.teacher-v2 .teacher-v2-content{padding:16px}.teacher-v2 .teacher-v2-frame-header h1{font-size:20px}}@media (prefers-reduced-motion:reduce){.qh-public-header *{transition:none!important}}