:root{--page:#e9edf6;--ink:#172033;--muted:#677187;--quiet:#8b95a8;--line:#7482a130;--glass:#ffffffb3;--glass-solid:#f8f9fc;--white:#fff;--indigo:#5652d9;--indigo-dark:#4541bb;--indigo-soft:#eeedff;--aqua:#39bcb8;--aqua-soft:#e6f8f5;--success:#16866c;--success-soft:#e8f7f1;--danger:#c55262;--danger-soft:#fcedef;--shadow:0 26px 70px #2e375421}*{box-sizing:border-box}html{scroll-behavior:auto;-webkit-tap-highlight-color:transparent;min-width:320px}body{background:var(--page);min-height:100vh;color:var(--ink);font-feature-settings:"cv02", "cv03", "cv04", "cv11";margin:0;font-family:Segoe UI Variable,Segoe UI,Inter,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[role=slider]:focus-visible{outline-offset:3px;outline:3px solid #5652d947}button:disabled{cursor:not-allowed}::selection{background:#5652d92e}.app-shell{min-height:100vh;padding:26px;position:relative;overflow:hidden}.ambient{z-index:0;filter:blur(4px);pointer-events:none;border-radius:50%;position:fixed}.ambient-one{background:#8c84ef33;width:420px;height:420px;top:-180px;right:-90px;box-shadow:0 0 110px #8c84ef5c}.ambient-two{background:#3ec4bd29;width:330px;height:330px;bottom:-170px;left:-80px;box-shadow:0 0 110px #3ec4bd47}.app-frame{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.glass-panel{background:var(--glass);box-shadow:var(--shadow), inset 0 1px 0 #ffffffbd;-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);border:1px solid #fffc}.topbar{border-radius:24px;grid-template-columns:1fr minmax(220px,310px) 1fr;align-items:center;gap:32px;min-height:76px;padding:13px 18px;display:grid}.brand{color:var(--ink);align-items:center;gap:12px;width:max-content;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--indigo);border-radius:14px;justify-content:center;align-items:center;gap:3px;width:44px;height:44px;display:flex;box-shadow:0 12px 24px #5652d940}.brand-mark span{background:currentColor;border-radius:3px;width:3px}.brand-mark span:first-child{opacity:.72;height:12px}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){opacity:.86;height:17px}.brand-mark span:nth-child(4){opacity:.62;height:9px}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{letter-spacing:.16em;font-size:1rem}.brand-copy small{color:var(--muted);font-size:.75rem}.top-progress{color:var(--muted);text-align:center;font-size:.74rem;font-weight:650}.top-progress-track{background:#737e9b29;border-radius:8px;height:5px;margin-top:8px;overflow:hidden}.top-progress-track span{background:var(--indigo);border-radius:inherit;height:100%;transition:width .35s;display:block}.timer{min-width:92px;height:42px;color:var(--muted);font-variant-numeric:tabular-nums;background:#ffffffb8;border:1px solid #77839e29;border-radius:13px;justify-content:center;justify-self:end;align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:inline-flex}.workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;margin-top:20px;display:grid}.workspace.sidebar-is-collapsed{grid-template-columns:76px minmax(0,1fr)}.workspace-single{display:block}.workspace-single .question-card{width:min(980px,100%);margin:0 auto}.desktop-navigation-layout{grid-template-columns:292px minmax(0,1fr);align-items:stretch}.desktop-study-column{grid-template-rows:auto minmax(320px,1fr);align-self:stretch;gap:14px;display:grid}.desktop-study-column .desktop-recording-navigator{position:static}.desktop-recording-navigator{border-radius:26px;align-self:start;padding:18px;position:sticky;top:22px}.desktop-nav-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:15px;display:flex}.desktop-nav-head>span:last-child{flex-direction:column;gap:2px;display:flex}.desktop-nav-head small{color:var(--indigo);letter-spacing:.1em;text-transform:uppercase;font-size:.61rem;font-weight:800}.desktop-nav-head strong{font-size:.94rem}.desktop-nav-summary{color:var(--muted);justify-content:space-between;gap:10px;margin:15px 2px 7px;font-size:.66rem;display:flex}.desktop-nav-summary strong{color:var(--ink);font-size:.7rem}.desktop-dropdown-trigger{border:1px solid var(--line);width:100%;min-height:54px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff94;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding:9px 12px;display:flex}.desktop-dropdown-trigger:hover,.desktop-dropdown-trigger[aria-expanded=true]{background:#fff;border-color:#5652d95e}.desktop-dropdown-trigger>span{flex-direction:column;gap:2px;display:flex}.desktop-dropdown-trigger small{color:var(--quiet);font-size:.59rem}.desktop-dropdown-trigger strong{font-size:.72rem}.desktop-dropdown-trigger svg{color:var(--muted);transition:transform .15s}.desktop-dropdown-trigger[aria-expanded=true] svg{color:var(--indigo);transform:rotate(180deg)}.desktop-dropdown{border:1px solid var(--line);background:#f4f6fbc2;border-radius:16px;margin-top:9px;padding:10px;animation:.18s both reveal}.desktop-recording-list{max-height:390px;margin-top:8px}.desktop-batch-label{color:var(--quiet);text-align:center;margin-top:8px;font-size:.58rem;font-weight:700}.desktop-model-note{border-radius:24px;flex-direction:column;min-height:320px;padding:16px;display:flex;overflow:hidden}.desktop-model-note-head{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;display:grid}.desktop-model-note-icon{width:38px;height:38px;color:var(--indigo);background:linear-gradient(145deg,#ffffffb3,#efeeff75);border:1px solid #ffffffbd;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffe6,0 6px 16px #373e5e12}.desktop-model-note-head>span:last-child{gap:2px;min-width:0;display:grid}.desktop-model-note-head strong{color:var(--ink);font-size:.83rem}.desktop-model-note-head small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:700;overflow:hidden}.desktop-model-note-field{flex:auto;min-height:0;display:flex}.desktop-model-note-field textarea{resize:none;width:100%;height:100%;min-height:0;color:var(--ink);text-align:start;scrollbar-width:thin;scrollbar-color:#67718740 transparent;unicode-bidi:plaintext;background:linear-gradient(145deg,#ffffff91,#f7f9ff57);border:1px solid #ffffffc7;border-radius:15px;outline:0;padding:13px;font-family:system-ui,-apple-system,Segoe UI,Noto Sans Arabic,Noto Sans,Arial,sans-serif;font-size:.81rem;line-height:1.65;transition:border-color .18s,box-shadow .18s,background .18s;overflow:auto;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #7482a10d}.desktop-model-note-field textarea:focus{background:#ffffffa3;border-color:#5652d94d;box-shadow:inset 0 1px #fffffff0,0 0 0 4px #5652d914}.desktop-model-note-field textarea::placeholder{color:var(--quiet)}.sidebar,.question-card{border-radius:28px}.sidebar{padding:20px 16px 16px;position:sticky;top:22px}.course-badge{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 6px 20px;display:flex}.course-icon{width:44px;height:44px;color:var(--indigo);background:var(--indigo-soft);border-radius:15px;place-items:center;display:grid}.eyebrow{color:var(--indigo);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.course-badge h2{margin:4px 0 0;font-size:1.05rem}.session-copy{padding:18px 7px 10px}.session-copy p{color:var(--quiet);margin:0 0 5px;font-size:.72rem}.session-copy strong{font-size:.84rem}.question-nav{flex-direction:column;gap:5px;margin-top:4px;display:flex}.question-nav-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:11px;padding:10px;transition:background .16s,transform .16s;display:flex}.question-nav-item:hover{background:#ffffff94;transform:translate(2px)}.question-nav-item.active{background:#ffffffd1;box-shadow:0 8px 22px #40476212}.question-number{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:#ffffff8c;border-radius:10px;flex:0 0 32px;place-items:center;font-size:.76rem;font-weight:800;display:grid}.question-nav-item.active .question-number{border-color:var(--indigo);color:#fff;background:var(--indigo)}.question-number.correct{color:var(--success);background:var(--success-soft);border-color:#0000}.question-number.wrong{color:var(--danger);background:var(--danger-soft);border-color:#0000}.question-nav-item>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.question-nav-item strong{font-size:.8rem}.question-nav-item small{color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;font-size:.69rem;overflow:hidden}.sidebar-tip{color:#526078;background:#ecedffb3;border-radius:16px;align-items:flex-start;gap:9px;margin-top:17px;padding:14px;display:flex}.sidebar-tip svg{color:var(--indigo);flex:none;margin-top:1px}.sidebar-tip p{margin:0;font-size:.71rem;line-height:1.55}.sidebar-compact{flex-direction:column;max-height:calc(100vh - 44px);padding:16px;display:flex;overflow:hidden}.sidebar-heading{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.sidebar-heading .course-badge{border:0;min-width:0;padding:2px}.sidebar-heading .course-icon{border-radius:13px;width:40px;height:40px}.sidebar-heading .course-badge h2{font-size:.94rem}.sidebar-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:#ffffff8c;border-radius:11px;flex:none;place-items:center;padding:0;display:grid}.sidebar-toggle:hover{color:var(--indigo);background:#fff;border-color:#5652d959}.sidebar-progress-copy{color:var(--muted);justify-content:space-between;gap:10px;margin:16px 2px 7px;font-size:.68rem;display:flex}.sidebar-progress-copy strong{color:var(--ink);font-size:.76rem}.sidebar-progress-track{background:#737e9b26;border-radius:8px;height:5px;margin:0 2px 13px;overflow:hidden}.sidebar-progress-track span{border-radius:inherit;background:var(--indigo);height:100%;transition:width .28s;display:block}.sidebar-jump{border:1px solid var(--line);height:38px;color:var(--quiet);background:#ffffff8a;border-radius:12px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 5px 0 10px;display:grid}.sidebar-jump:focus-within{border-color:#5652d97a;box-shadow:0 0 0 3px #5652d917}.sidebar-jump input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.74rem;font-weight:650}.sidebar-jump input::-webkit-inner-spin-button{appearance:none}.sidebar-jump button{color:#fff;background:var(--indigo);cursor:pointer;border:0;border-radius:8px;height:28px;padding:0 10px;font-size:.66rem;font-weight:800}.sidebar-jump button:disabled{opacity:.38;cursor:not-allowed}.sidebar-filters{grid-template-columns:16px repeat(4,1fr);align-items:center;gap:4px;margin:11px 0 10px;display:grid}.sidebar-filters>svg{color:var(--quiet)}.sidebar-filters button{min-width:0;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 4px;font-size:.6rem;font-weight:800}.sidebar-filters button:hover{background:#ffffff9e}.sidebar-filters button.active{color:var(--indigo);background:var(--indigo-soft);border-color:#5652d92e}.recording-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#67718747 transparent;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:6px;min-height:112px;padding:2px 3px 7px 2px;display:grid;overflow-y:auto}.recording-cell{border:1px solid var(--line);min-width:0;height:36px;color:var(--muted);font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff80;border-radius:10px;place-items:center;padding:0;font-size:.68rem;font-weight:800;transition:transform .14s,border-color .14s,background .14s;display:grid}.recording-cell:hover{color:var(--indigo);background:#fff;border-color:#5652d96b;transform:translateY(-1px)}.recording-cell.partial{color:#98601f;background:#fff1db;border-color:#c4842447}.recording-cell.correct{color:var(--success);background:var(--success-soft);border-color:#16866c3d}.recording-cell.wrong{color:var(--danger);background:var(--danger-soft);border-color:#c5526240}.recording-cell.active{border-color:var(--indigo);color:#fff;background:var(--indigo);box-shadow:0 6px 14px #5652d93b}.recording-cell span{place-items:center;display:grid}.filter-empty{color:var(--quiet);text-align:center;grid-column:1/-1;margin:24px 4px;font-size:.7rem;line-height:1.5}.recording-legend{border-top:1px solid var(--line);color:var(--quiet);grid-template-columns:repeat(2,1fr);gap:6px 9px;margin-top:11px;padding-top:11px;font-size:.6rem;font-weight:700;display:grid}.recording-legend span{align-items:center;gap:5px;display:inline-flex}.recording-legend i{border:1px solid var(--line);background:#fff9;border-radius:3px;width:8px;height:8px}.recording-legend i.partial{background:#fff1db;border-color:#c4842459}.recording-legend i.correct{background:var(--success-soft);border-color:#16866c4d}.recording-legend i.wrong{background:var(--danger-soft);border-color:#c552624d}.sidebar-rail{flex-direction:column;align-items:center;gap:13px;max-height:330px;padding:14px 10px;display:flex}.sidebar-rail .sidebar-toggle{margin-bottom:3px}.rail-icon{width:38px;height:38px;color:var(--indigo);background:var(--indigo-soft);border-radius:12px;place-items:center;display:grid}.rail-current{border:1px solid var(--indigo);color:#fff;background:var(--indigo);cursor:pointer;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;font-size:.72rem;font-weight:850;display:grid}.rail-total{color:var(--quiet);writing-mode:vertical-rl;font-size:.62rem;font-weight:750}.question-card{min-width:0;padding:clamp(24px,4vw,44px)}.page-enter{animation:.18s cubic-bezier(.22,.75,.3,1) both page-enter}@keyframes page-enter{0%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}.question-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;display:flex}.question-toolbar h1{letter-spacing:-.025em;margin:7px 0 0;font-size:clamp(1.25rem,2vw,1.55rem)}.question-toolbar h1 span{color:var(--quiet);font-weight:500}.toolbar-actions{gap:8px;display:flex}.recording-menu-trigger{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:#ffffff94;border-radius:13px;align-items:center;gap:7px;padding:0 12px;font-size:.72rem;font-weight:750;display:inline-flex}.recording-menu-trigger:hover,.recording-menu-trigger[aria-expanded=true]{color:var(--indigo);background:#fff;border-color:#5652d959}.mobile-recording-trigger{display:none}.recording-menu-layer{z-index:85;pointer-events:auto;position:fixed;inset:0}.mobile-recording-layer{display:none}.recording-menu{background:#f8fafee8;border-radius:24px;flex-direction:column;width:292px;max-height:min(570px,100vh - 150px);padding:16px;animation:.19s both recording-menu-in;display:flex;position:absolute;top:112px;left:max(18px,50vw - 590px);overflow:hidden}.recording-menu-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.recording-menu-head>div{align-items:center;gap:10px;min-width:0;display:flex}.recording-menu-head>div>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.recording-menu-head small{color:var(--quiet);font-size:.62rem;font-weight:750}.recording-menu-head strong{font-size:.82rem}.recording-menu-icon{width:39px;height:39px;color:var(--indigo);background:var(--indigo-soft);border-radius:12px;flex:none;place-items:center;display:grid}.recording-menu-head>button,.recording-search button{color:var(--quiet);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.recording-menu-head>button{border:1px solid var(--line);background:#ffffff80;border-radius:10px;width:34px;height:34px}.recording-menu-head>button:hover{color:var(--indigo);background:#fff}.recording-menu-progress{background:#737e9b26;border-radius:5px;height:4px;margin:13px 1px 12px;overflow:hidden}.recording-menu-progress span{border-radius:inherit;background:var(--indigo);height:100%;display:block}.recording-search{border:1px solid var(--line);min-height:39px;color:var(--quiet);background:#ffffff9e;border-radius:12px;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:0 8px 0 11px;display:grid}.recording-search:focus-within{border-color:#5652d966;box-shadow:0 0 0 3px #5652d914}.recording-search.invalid{border-color:#c552628c;box-shadow:0 0 0 3px #c5526214}.recording-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.72rem;font-weight:650}.recording-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#67718747 transparent;flex-direction:column;gap:5px;min-height:120px;max-height:336px;margin:10px -3px 0 0;padding:1px 4px 2px 0;display:flex;overflow-y:auto}.recording-row{width:100%;min-height:43px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex:none;grid-template-columns:31px minmax(0,1fr) 8px;align-items:center;gap:10px;padding:6px 10px 6px 7px;display:grid}.recording-row:hover{border-color:var(--line);background:#ffffffb8}.recording-state{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:#ffffffa8;border-radius:9px;place-items:center;font-size:.65rem;font-weight:800;display:grid}.recording-name{flex-direction:column;gap:1px;min-width:0;display:flex}.recording-name strong{font-size:.71rem}.recording-name small{color:var(--quiet);font-size:.59rem}.recording-row.partial .recording-state{color:#98601f;background:#fff1db;border-color:#c484243d}.recording-row.correct .recording-state{color:var(--success);background:var(--success-soft);border-color:#0000}.recording-row.wrong .recording-state{color:var(--danger);background:var(--danger-soft);border-color:#0000}.recording-row.active{background:var(--indigo-soft);border-color:#5652d933}.recording-row.active .recording-state{border-color:var(--indigo);color:#fff;background:var(--indigo)}.current-dot{background:var(--indigo);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5652d91a}.recording-empty{color:var(--quiet);text-align:center;margin:28px 8px;font-size:.69rem}.recording-input-error{color:var(--danger);margin:7px 3px 0;font-size:.62rem;line-height:1.4}.recording-menu-footer{border-top:1px solid var(--line);color:var(--quiet);justify-content:center;gap:12px;margin-top:10px;padding-top:11px;font-size:.57rem;font-weight:700;display:flex}.recording-menu-footer span{align-items:center;gap:4px;display:inline-flex}.recording-menu-footer i{border-radius:3px;width:7px;height:7px}.recording-menu-footer i.correct{background:var(--success)}.recording-menu-footer i.wrong{background:var(--danger)}.recording-menu-footer i.partial{background:#d79a3e}@keyframes recording-menu-in{0%{opacity:0;transform:translate(-9px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes recording-menu-mobile-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.icon-button,.modal-close{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);cursor:pointer;background:#ffffff8a;border-radius:12px;place-items:center;transition:color .15s,background .15s,transform .15s;display:grid}.icon-button:hover,.modal-close:hover{color:var(--indigo);background:#fff;transform:translateY(-1px)}.jump-panel{border:1px solid var(--line);background:#ffffff94;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin:16px 0 -2px;padding:12px 14px;animation:.18s both reveal;display:flex}.jump-panel>span{color:var(--muted);font-size:.76rem;font-weight:700}.jump-panel>div{gap:7px;display:flex}.jump-panel .jump-grid{flex-wrap:wrap;justify-content:flex-end;max-height:150px;overflow-y:auto}.jump-panel button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:#fff;border-radius:9px;font-size:.76rem;font-weight:800}.jump-panel button.active{border-color:var(--indigo);color:#fff;background:var(--indigo)}.audio-player{-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);background:#ffffff3d;border:1px solid #ffffffc7;border-radius:20px;margin:28px 0 22px;padding:14px 16px;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px 1px #707d910d,0 12px 32px #424e6517}.audio-player audio{display:none}.audio-meta,.audio-utilities,.audio-controls{align-items:center;display:flex}.audio-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;font-size:.78rem;font-weight:750}.audio-meta>span,.audio-session-time,.question-picker,.audio-copy-button{align-items:center;gap:7px;display:inline-flex}.audio-utilities{gap:8px}.question-picker,.audio-session-time{min-height:36px;color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:inherit;white-space:nowrap;background:#ffffff4d;border:1px solid #ffffffc2;border-radius:11px;padding:0 10px;font-size:.7rem;box-shadow:inset 0 1px #ffffffdb,0 4px 12px #4b576c0d}.audio-copy-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:#ffffff4d;border:1px solid #ffffffc2;border-radius:11px;justify-content:center;padding:0;box-shadow:inset 0 1px #ffffffdb,0 4px 12px #4b576c0d}.audio-copy-button:hover{color:#637084;background:#ffffff7a;border-color:#fffffff0}.audio-copy-button:focus-visible{outline-offset:2px;outline:3px solid #74819533}.question-picker{cursor:pointer}.question-picker.mobile-recording-trigger{display:none}.question-picker:hover{color:#637084;background:#ffffff7a;border-color:#fffffff0}.audio-controls{justify-content:center;gap:20px;margin-top:10px}.play-button{color:#758194;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#ffffff6b;border:1px solid #ffffffdb;border-radius:50%;flex:0 0 50px;place-items:center;width:50px;height:50px;transition:color .15s,background .15s,transform .15s,box-shadow .15s;display:grid;box-shadow:inset 0 1px #fffffff5,inset 0 -1px 2px #6a778c14,0 9px 22px #4f5c7221}.play-button svg{margin-left:2px}.play-button:hover{color:#687487;background:#ffffff94;transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 11px 25px #4f5c7229}.play-button:active{transform:scale(.96)}.play-button:disabled,.seek-button:disabled{opacity:.46;cursor:wait;transform:none}.seek-button{color:#7d8899;cursor:pointer;background:#ffffff42;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6,0 5px 14px #4f5c7212}.seek-button span{font-size:.57rem;font-weight:800;position:absolute;top:13px}.seek-button:hover{color:#687487;background:#ffffff75}.seek-button:active{transform:scale(.96)}.audio-timeline{margin-top:7px}.audio-range{appearance:none;cursor:pointer;touch-action:none;border-radius:999px;outline:none;width:100%;height:20px;margin:0;display:block;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 4px!important}.audio-range::-webkit-slider-thumb{appearance:none;background:#8793a4;border:1px solid #ffffffe6;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 7px #4b576c2e}.audio-range::-moz-range-thumb{background:#8793a4;border:1px solid #ffffffe6;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 7px #4b576c2e}.audio-range:focus-visible{outline-offset:5px;outline:3px solid #74819533}.audio-range:disabled{cursor:wait;opacity:.55}.audio-time-row{color:#748094;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:.7rem;font-weight:700;display:flex}.audio-cache-state{color:#7d8798;text-align:center;opacity:0;visibility:hidden;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:18px;margin-top:2px;padding:0;display:flex}.audio-cache-state.is-visible{opacity:1;visibility:visible}.audio-cache-state small,.audio-cache-state strong{font-size:.7rem;font-weight:700}.audio-cache-state.is-slow{color:#a9540a;-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);background:linear-gradient(135deg,#fff1d0b3,#fff8e570);border-color:#efaf4680;justify-content:flex-start;height:42px;box-shadow:inset 0 1px #ffffffd1,0 5px 15px #b5701714}.audio-load-ring{--audio-load-progress:0deg;background:conic-gradient(#bf6209 var(--audio-load-progress), #e19e3938 0);border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid;position:relative}.audio-load-ring:after{content:"";background:#fff8e8f0;border-radius:50%;position:absolute;inset:4px}.audio-load-ring small{z-index:1;color:#ac5709;font-size:.45rem;position:relative}.audio-cache-state.is-failed{color:#c91f34;-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);background:linear-gradient(135deg,#ffe1e7c2,#fff0f385);border-color:#f4536b7a;justify-content:flex-start;height:42px;box-shadow:inset 0 1px #ffffffd1,0 5px 15px #b3233a14}.audio-cache-state.is-failed strong{text-align:left;flex:1}.audio-cache-state.is-failed button{color:#c91f34;white-space:nowrap;cursor:pointer;background:#ffffff4d;border:1px solid #e2304c94;border-radius:999px;min-height:24px;padding:0 9px;font-size:.58rem;font-weight:800}.prompt-block{margin:24px 0 23px}.prompt-label{color:var(--quiet);margin-bottom:8px;font-size:.73rem;font-weight:700;display:block}.prompt-block h2{color:#303b54;letter-spacing:-.025em;max-width:740px;margin:0;font-size:clamp(1.24rem,2.3vw,1.62rem);font-weight:680;line-height:1.48}.question-groups{gap:28px;display:grid}.question-group{min-width:0}.question-group>h3{margin:0 0 13px;font-size:1rem;line-height:1.5}.question-group+.question-group{border-top:1px solid var(--line);padding-top:24px}.question-group.single-question{margin-top:0}.back-link,.mobile-overview-back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 10px;padding:0;font-size:.72rem;font-weight:750;display:inline-flex}.back-link:hover,.mobile-overview-back:hover{color:var(--indigo)}.mobile-overview-back{display:none}.overview-shell{min-height:100vh}.overview-frame{padding-bottom:34px}.overview-topbar{grid-template-columns:1fr auto auto}.levels-topbar{grid-template-columns:1fr auto}.level-back{min-height:38px}.mobile-level-back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:4px 0 0;padding:9px 2px;font-size:.74rem;font-weight:750;display:none}.level-pill{color:var(--indigo);background:var(--indigo-soft);border-radius:12px;justify-self:end;padding:9px 13px;font-size:.75rem;font-weight:800}.overview-hero{text-align:center;max-width:760px;margin:74px auto 44px}.overview-hero h1{letter-spacing:-.055em;margin:10px 0 13px;font-size:clamp(2.25rem,6vw,4.2rem)}.program-name-eyebrow{text-transform:none}.overview-title-mobile{display:none}.overview-hero>p{max-width:650px;color:var(--muted);margin:0 auto;font-size:1rem;line-height:1.7}.overview-summary{width:min(100%,680px);color:var(--muted);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;margin:24px auto 0;font-size:.76rem;font-weight:700;display:grid}.overview-summary.has-long-duration{font-size:clamp(.66rem,2.9vw,.72rem)}.overview-summary span{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;display:inline-flex}.overview-summary svg{width:17px;height:17px;color:var(--success);flex:none}.overview-summary.has-long-duration span{gap:clamp(2px,.8vw,4px)}.overview-summary.has-long-duration svg{width:clamp(13px,3.6vw,15px);height:clamp(13px,3.6vw,15px)}.duration-fact{font-variant-numeric:tabular-nums;white-space:nowrap}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.section-card{isolation:isolate;-webkit-backdrop-filter:blur(30px)saturate(145%);backdrop-filter:blur(30px)saturate(145%);background:linear-gradient(145deg,#ffffff57,#ffffff1f);border-color:#ffffffad;border-radius:25px;min-width:0;padding:25px;position:relative;overflow:hidden;box-shadow:0 28px 72px #2e37541f,inset 0 1px #ffffffdb,inset 0 -1px #ffffff47}.section-card:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 8% 4%,#ffffffb8,#0000 32%),radial-gradient(circle at 92% 92%,#39bcb81f,#0000 38%);position:absolute;inset:0}.section-card:after{content:"";z-index:-1;pointer-events:none;background:#ffffff14;border:1px solid #ffffff70;border-radius:50%;width:72%;height:150%;position:absolute;top:-48%;right:-42%;transform:rotate(-18deg)}.section-card-head{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.section-card-icon{width:52px;height:52px;color:var(--indigo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eeedff94;border:1px solid #ffffffa8;border-radius:17px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffad}.section-card-icon.tone-2{color:var(--success);background:#e8f7f194}.section-card-icon.tone-3{color:#98601f;background:#fff1db94}.section-card-icon.tone-4{color:#9f5260;background:#fcedef94}.section-card-icon.section-glass-icon{color:#525e7b70;-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);background:radial-gradient(circle at 28% 20%,#ffffffb8,#ffffff38 52%,#ffffff14);border-color:#ffffffd1;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px 2px #4c56740d,0 10px 24px #323c5614}.section-card-icon.section-glass-icon:after{content:none}.section-card-icon.section-glass-icon svg{z-index:1;filter:drop-shadow(0 1px 1px #ffffffb8);display:block;position:relative;overflow:visible;transform:none!important}.section-card-icon.section-glass-icon.tone-2,.section-card-icon.section-glass-icon.tone-3,.section-card-icon.section-glass-icon.tone-4{color:#525e7b70;background:radial-gradient(circle at 28% 20%,#ffffffb8,#ffffff38 52%,#ffffff14)}.section-index{color:#67718747;font-size:2.4rem;font-weight:850;line-height:1}.section-card h2{margin:7px 0 9px;font-size:1.35rem}.section-card>p{min-height:48px;color:var(--muted);margin:0;font-size:.82rem;line-height:1.55}.section-card dl{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.section-card dl div{border:1px solid var(--line);background:#ffffff70;border-radius:13px;padding:11px 12px}.section-card dt{color:var(--quiet);font-size:.67rem}.section-card dd{margin:4px 0 0;font-size:1rem;font-weight:800}.section-progress{color:var(--muted);margin:0 0 14px;font-size:.68rem}.section-progress>span{justify-content:space-between;margin-bottom:7px;display:flex}.section-progress>div{background:#737e9b26;border-radius:8px;height:5px;overflow:hidden}.section-progress>div>span{border-radius:inherit;background:var(--indigo);height:100%;transition:width .3s;display:block}.section-actions{grid-template-columns:auto 1fr;gap:9px;display:grid}.section-start{width:100%}.section-reset{padding:0 13px}.loading-shell{place-items:center;display:grid}.loading-card{min-width:250px;color:var(--indigo);border-radius:22px;justify-items:center;gap:8px;padding:28px;display:grid}.loading-card span{color:var(--muted);font-size:.76rem}.levels-hero{margin-bottom:38px}.levels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(900px,100%);margin:0 auto;display:grid}.level-card{border-radius:27px;flex-direction:column;min-width:0;padding:28px;display:flex}.level-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.level-card-icon{width:55px;height:55px;color:var(--indigo);background:var(--indigo-soft);border-radius:18px;place-items:center;display:grid}.level-card-icon.tone-2{color:var(--muted);background:#e2e6efcc}.level-card-code{color:#5652d92e;letter-spacing:-.07em;font-size:3.15rem;font-weight:900;line-height:1}.level-card h2{margin:8px 0 10px;font-size:1.5rem}.level-card>p{min-height:52px;color:var(--muted);margin:0;font-size:.84rem;line-height:1.6}.level-facts{color:var(--muted);flex-wrap:wrap;gap:9px 14px;margin:21px 0;font-size:.72rem;font-weight:700;display:flex}.level-facts span{align-items:center;gap:5px;display:inline-flex}.level-facts svg{color:var(--success)}.coming-soon{width:max-content;color:var(--muted);background:#e6e9f1b8;border-radius:10px;margin:21px 0;padding:7px 10px;font-size:.7rem;font-weight:800}.level-open{width:100%;margin-top:auto}.level-open:disabled{border-color:var(--line);color:var(--quiet);box-shadow:none;background:#ffffff73}.level-card.is-locked{opacity:.76}.answer-list{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0;display:grid;overflow:visible}.answer-option{font:inherit;width:100%;min-height:56px;color:var(--ink);-webkit-backdrop-filter:blur(12px)saturate(118%);backdrop-filter:blur(12px)saturate(118%);text-align:center;cursor:pointer;background:linear-gradient(135deg,#ffffffa3,#f6f8fd61);border:1px solid #7482a133;border-radius:14px;justify-content:center;align-items:center;gap:0;padding:10px 14px;transition:border-color .18s,background .18s,color .18s,transform .13s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 1px #ffffffdb,0 5px 15px #2d36550b}.answer-choice-indicator{background:linear-gradient(145deg,#ffffffa8,#8b95a826);border:1.5px solid #6771876b;border-radius:50%;width:18px;height:18px;transition:border-color .16s,background .16s,box-shadow .16s;position:absolute;top:50%;left:14px;transform:translateY(-50%);box-shadow:inset 0 1px 2px #2d365512,0 1px #ffffffdb}.answer-choice-indicator.is-selected{background:linear-gradient(145deg,#c9d0db 0%,#aab4c3 52%,#909bae 100%);border-color:#717c8eb3;box-shadow:inset 0 1px 1px #ffffffc7,0 3px 8px #39425b29}.answer-option:not(:disabled):hover{background:#ffffffb8;border-color:#5652d940;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 7px 17px #2d36550f}.answer-option:not(:disabled):active{transform:scale(.985)}.answer-option:disabled{opacity:.7}.answer-option.correct,.answer-option.wrong{opacity:1}.answer-option.correct{background:#e0f6eed1;border-color:#16866c61;box-shadow:inset 0 1px #ffffffad,0 5px 15px #2d36550a}.answer-option.wrong{background:#fce8ebd6;border-color:#c5526259;box-shadow:inset 0 1px #ffffffa8,0 5px 15px #2d36550a}.answer-option.correct .answer-text{color:#176f5c}.answer-option.wrong .answer-text{color:#a34b5a}.answer-text{color:var(--ink);letter-spacing:-.012em;text-transform:capitalize;font-family:inherit;font-size:1rem;font-weight:650;line-height:1.35}.multiple-choice .answer-list{grid-template-columns:minmax(0,1fr);gap:10px}.multiple-choice .answer-option{text-align:left;justify-content:flex-start;gap:13px;min-height:56px;padding:8px 13px 8px 48px}.multiple-choice .answer-choice-indicator{left:15px}.multiple-choice .answer-letter{width:38px;min-width:38px;height:38px;color:var(--indigo);background:#efeeff9e;border-radius:11px;place-items:center;font-size:.82rem;font-weight:800;line-height:1;display:grid}.multiple-choice .answer-text{text-align:left;text-transform:none}.multiple-choice .answer-option.correct .answer-letter{color:#176f5c;background:#cceee2bd}.multiple-choice .answer-option.wrong .answer-letter{color:#a34b5a;background:#f7d3dac7}.transcript-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:0}.transcript-toggle{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:15px 2px;display:flex}.transcript-toggle span:first-child{align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:inline-flex}.transcript-toggle span:last-child{color:var(--indigo);font-size:.72rem;font-weight:700}.transcript-copy{color:#536077;background:#eef1f8c7;border-radius:16px;max-height:min(42vh,360px);margin:0 0 16px;padding:17px 18px;font-size:.82rem;line-height:1.7;animation:.22s both reveal;overflow-y:auto}.transcript-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.transcript-head strong{color:#536077;font-size:.82rem;font-weight:400}.copy-compact{border:1px solid var(--line);min-height:30px;color:var(--quiet);cursor:pointer;background:#ffffff94;border-radius:8px;flex:none;align-items:center;gap:5px;padding:4px 7px;font-family:inherit;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.copy-compact:hover{color:var(--indigo);border-color:#5b4ed652}.copy-compact:focus-visible{outline-offset:2px;outline:3px solid #5b4ed62e}.transcript-copy p{margin:0 0 11px}.transcript-copy p:last-child{margin-bottom:0}.transcript-copy p{color:#536077;font-size:inherit;font-weight:400}.matching-exercise{margin-top:24px}.matching-heading{margin-bottom:18px}.matching-heading h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.45}.matching-legend{justify-content:flex-end;gap:7px;margin:0 0 8px;padding-right:2px;display:flex}.matching-legend span{width:48px;color:var(--quiet);text-align:center;font-size:.58rem;font-weight:800}.matching-options{gap:9px;display:grid}.matching-row{background:#ffffff94;border:1px solid #7482a138;border-radius:16px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:11px 12px;display:grid}.matching-letter{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#ffffffb3;border-radius:10px;place-items:center;font-size:.75rem;font-weight:800;display:grid}.matching-option-text{min-width:0;font-size:.86rem;font-weight:590;line-height:1.5}.matching-assignments{gap:7px;display:flex}.matching-choice{border:1px solid var(--line);width:48px;height:38px;color:var(--muted);cursor:pointer;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:3px;font-size:.75rem;font-weight:800;display:inline-flex}.matching-choice:hover{color:var(--indigo);border-color:#5652d98c}.matching-choice.selected{border-color:var(--indigo);color:#fff;background:var(--indigo)}.matching-choice.correct{border-color:var(--success);background:var(--success)}.matching-choice.wrong{border-color:var(--danger);background:var(--danger)}.reset-modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(13px)saturate(115%);backdrop-filter:blur(13px)saturate(115%);background:#1b22356e;place-items:center;padding:20px;animation:.18s both fade;display:grid;position:fixed;inset:0}.reset-modal{text-align:center;background:#fafbfee6;border-radius:26px;width:min(430px,100%);padding:30px;animation:.22s both modal-in;position:relative}.reset-modal-close{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:#fff9;border-radius:12px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.reset-modal-icon{width:58px;height:58px;color:var(--indigo);background:#efeeff7a;border-radius:18px;place-items:center;margin:0 auto 16px;display:grid}.reset-modal .eyebrow{margin-bottom:7px}.reset-modal h2{letter-spacing:-.03em;margin:0;font-size:1.45rem}.reset-modal p{max-width:330px;color:var(--muted);margin:11px auto 0;font-size:.82rem;line-height:1.6}.reset-modal-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:24px;display:grid}.danger-button{border:1px solid var(--danger);color:#fff;background:var(--danger);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:.78rem;font-weight:750;display:inline-flex}.danger-button:hover{background:#ad4454}.question-footer{justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.nav-buttons,.result-actions{gap:9px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-size:.78rem;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary-button{border:1px solid var(--indigo);color:#fff;background:var(--indigo);box-shadow:0 10px 24px #5652d933}.primary-button:hover{background:var(--indigo-dark);transform:translateY(-1px);box-shadow:0 13px 29px #5652d940}.secondary-button{border:1px solid var(--line);color:var(--muted);background:#ffffff8f}.secondary-button:not(:disabled):hover{color:var(--indigo);background:#fff;transform:translateY(-1px)}.secondary-button:disabled{opacity:.4}.finish-button{background:var(--success);border-color:var(--success);box-shadow:0 10px 24px #16866c33}.finish-button:hover{background:#11735d}.modal-backdrop{z-index:100;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1b22357a;place-items:center;animation:.18s both fade;display:grid;position:fixed;inset:0;overflow:hidden}.result-modal{background:#fafbfee6;border-radius:26px;width:min(560px,100%);height:min(720px,100dvh - 40px);max-height:calc(100dvh - 40px);padding:0;animation:.22s both modal-in;position:relative;overflow:hidden}.result-screen{flex-direction:column;height:100%;min-height:0;display:flex}.result-modal-header{flex:none;padding:22px 64px 0}.modal-close{z-index:3;position:absolute;top:17px;right:17px}.result-hero{text-align:center}.trophy{color:#876a16;background:#fff3c9;border-radius:15px;place-items:center;width:48px;height:48px;margin:0 auto 10px;display:grid}.result-hero .eyebrow{margin-bottom:4px}.result-hero h2{letter-spacing:-.03em;margin:0;font-size:1.5rem}.result-hero p{color:var(--muted);margin:5px 0 0;font-size:.77rem}.result-hero .result-context{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 8px;margin-top:7px;display:flex}.result-context strong{color:var(--ink)}.result-context span{color:var(--indigo);background:var(--indigo-soft);border-radius:8px;padding:4px 8px;font-size:.68rem;font-weight:800}.print-report{display:none}.score-overview{border:1px solid var(--line);background:#ffffff94;border-radius:18px;flex:none;grid-template-columns:76px 1fr;align-items:center;gap:20px;margin:17px 28px 14px;padding:14px 18px;display:grid}.score-circle{background:#f8f9fc;border:0;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #747e9b0f,0 5px 16px #3d46650f}.score-circle span{z-index:1;color:currentColor;font-size:1rem;font-weight:850;position:relative}.score-overview dl{grid-template-columns:repeat(2,1fr);gap:0;margin:0;display:grid}.score-overview dl div{text-align:center;min-width:0;padding:3px 16px}.score-overview dl div+div{border-left:1px solid var(--line)}.score-overview dt{color:var(--quiet);font-size:.65rem}.score-overview dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.92rem;font-weight:800}.result-list-panel{border:1px solid var(--line);background:#ffffff52;border-radius:18px;flex-direction:column;flex:auto;min-height:0;margin:0 18px;display:flex;overflow:hidden}.result-list-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px 10px;display:flex}.result-list-heading h3{letter-spacing:-.015em;margin:0;font-size:.86rem}.result-list-heading span{color:var(--muted);font-size:.68rem;font-weight:700}.result-list-back{min-width:0;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.result-list-back>span{gap:1px;min-width:0;display:grid}.result-list-back small{color:var(--quiet);font-size:.58rem;font-weight:700}.result-list-back strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;overflow:hidden}.result-list-back:hover{color:var(--indigo)}.result-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#747e9b6b transparent;-webkit-overflow-scrolling:touch;outline:none;gap:8px;min-height:0;padding:2px 9px 12px;display:grid;overflow-y:auto}.result-list::-webkit-scrollbar{width:6px}.result-list::-webkit-scrollbar-track{background:0 0}.result-list::-webkit-scrollbar-thumb{background:#747e9b61;border-radius:10px}.result-list button{border:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff85;border-radius:14px;grid-template-columns:28px 1fr 20px;align-items:center;gap:11px;padding:10px 11px;display:grid}.result-list button:hover{background:#ffffffc2;border-color:#5652d940}.result-model-row{grid-template-columns:28px minmax(0,1fr) auto 20px!important;min-height:54px!important}.result-model-score{min-width:38px;color:var(--indigo);font-variant-numeric:tabular-nums;text-align:right;font-size:.7rem;font-weight:850}.result-question-row{border:1px solid var(--line);width:100%;min-height:54px;color:var(--ink);background:#ffffff85;border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:11px;padding:10px 11px;display:grid}.result-list button>span:nth-child(2),.result-question-row>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.result-list strong{font-size:.76rem}.result-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.result-list small.correct{color:var(--success)}.result-list small.wrong{color:var(--danger)}.result-list small.unanswered{color:var(--quiet)}.result-icon{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.result-icon.correct{color:var(--success);background:var(--success-soft)}.result-icon.wrong{color:var(--danger);background:var(--danger-soft)}.result-icon.unanswered{color:var(--quiet);background:#eceff6e6}.result-actions{padding:14px 28px max(20px, env(safe-area-inset-bottom));background:#fafbfed1;border-top:1px solid #d8ddeac7;flex:none;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.toast{z-index:80;color:#fff;opacity:0;pointer-events:none;background:#253049;border-radius:12px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:11px 16px;font-size:.76rem;font-weight:700;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,14px);box-shadow:0 16px 38px #181e303d}.toast.show{opacity:1;transform:translate(-50%)}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:820px){.app-shell{padding:16px}.topbar,.sidebar,.question-toolbar{display:none}.workspace{grid-template-columns:1fr;margin-top:0}.question-card{padding:clamp(22px,5vw,34px)}.audio-player{margin-top:0}.mobile-overview-back{display:inline-flex}.section-grid{grid-template-columns:1fr}.overview-hero{margin:48px auto 32px}.mobile-level-back{display:inline-flex}.levels-grid{grid-template-columns:1fr}.desktop-recording-navigator,.desktop-study-column{display:none}.desktop-navigation-layout{grid-template-columns:1fr}.question-picker.mobile-recording-trigger{display:inline-flex}.mobile-recording-layer{padding:max(10px, env(safe-area-inset-top)) 10px 10px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1b223547;align-items:flex-start;display:flex}.mobile-recording-menu{border-radius:24px;width:100%;max-height:min(78dvh,600px);margin:0;animation-name:recording-menu-mobile-in;position:static}.mobile-recording-menu .recording-list{max-height:min(43dvh,336px)}}@media (max-width:560px){.app-shell{padding:10px 10px 28px}.ambient-one{width:260px;height:260px}.ambient-two{width:230px;height:230px}.workspace{gap:10px}.question-card{border-radius:22px;padding:22px 16px 18px}.audio-player{border-radius:18px;margin:0 0 18px;padding:10px 12px 8px}.audio-meta{gap:8px;font-size:.73rem}.audio-utilities{gap:6px}.question-picker,.audio-session-time{min-height:34px;padding:0 8px;font-size:.66rem}.audio-copy-button{border-radius:10px;width:34px;height:34px}.audio-controls{gap:20px;margin-top:4px}.play-button{flex-basis:48px;width:48px;height:48px}.seek-button{width:36px;height:36px}.seek-button span{top:12px}.audio-timeline{margin-top:8px}.audio-cache-state{margin-top:2px}.audio-cache-state.is-slow,.audio-cache-state.is-failed{margin-top:5px;padding:0 10px}.transcript-copy{max-height:min(42vh,330px);font-size:.8rem}.prompt-block h2{font-size:1.18rem;line-height:1.52}.answer-list{gap:8px;padding:0}.answer-option{gap:0;min-height:52px;padding:9px 10px}.answer-choice-indicator{width:16px;height:16px;left:11px}.answer-text{font-size:.94rem}.multiple-choice .answer-list{gap:8px}.multiple-choice .answer-option{gap:11px;min-height:52px;padding:7px 10px 7px 42px}.multiple-choice .answer-choice-indicator{left:11px}.multiple-choice .answer-letter{border-radius:10px;width:36px;min-width:36px;height:36px}.question-footer{align-items:stretch;gap:8px}.reset-button{white-space:nowrap;flex:0 auto;gap:6px;width:auto;min-width:0;padding:0 9px;font-size:.64rem}.reset-button svg{flex:0 0 16px;width:16px;height:16px}.reset-button span{display:inline}.nav-buttons{flex:1;justify-content:flex-end}.nav-buttons .secondary-button span{display:none}.nav-buttons .primary-button{padding-inline:12px}.square-on-mobile{width:44px;padding:0}.jump-panel{align-items:flex-start}.result-modal{border-radius:24px;width:100%;height:min(720px,100dvh - 16px);max-height:calc(100dvh - 16px)}.result-modal-header{padding:18px 52px 0}.modal-close{top:13px;right:13px}.trophy{width:43px;height:43px;margin-bottom:7px}.result-hero h2{font-size:1.35rem}.score-overview{grid-template-columns:66px 1fr;gap:12px;margin:13px 14px 11px;padding:11px 12px}.score-circle{border-width:6px;width:62px;height:62px}.score-overview dl{width:100%}.score-overview dl div{padding-inline:8px}.result-list-panel{margin-inline:10px}.result-list-heading{padding:11px 12px 8px}.result-list{padding:2px 7px 9px}.result-list button{min-height:54px}.result-actions{padding:11px 14px max(12px, env(safe-area-inset-bottom));margin-top:10px}.intro-wordmark-wrap{width:99vw;transform:translateY(-4vh)}.intro-fill,.intro-trace,.intro-sheen{letter-spacing:-5px;font-size:153px}.intro-orb-one{width:92vw;height:92vw;top:-46vw;right:-42vw}.intro-orb-two{width:86vw;height:86vw;bottom:-44vw;left:-42vw}.overview-shell{padding-bottom:18px}.overview-hero{text-align:left;margin-top:32px}.overview-title-desktop{display:none}.overview-title-mobile{display:inline}.levels-hero{margin-top:28px}.level-card{border-radius:23px;padding:21px}.overview-summary{justify-content:stretch}.section-card{border-radius:22px;padding:20px}.section-card>p{min-height:0}.section-actions{grid-template-columns:44px 1fr}.section-reset{width:44px;padding:0}.section-reset span,.matching-legend{display:none}.matching-row{grid-template-columns:34px minmax(0,1fr);gap:10px}.matching-assignments{grid-column:1/-1;justify-content:center;padding-top:5px}.matching-choice{width:auto;min-width:72px}.matching-choice span:before{content:"Aussage ";font-size:.62rem}.reset-modal{border-radius:23px;padding:27px 18px 20px}}@media (max-width:820px){.ambient{filter:none;position:absolute}.glass-panel,.section-card,.section-card-icon,.progress-manager-card,.progress-manager-card .progress-manager-icon,.model-progress-overview,.note-action-button,.answer-option,.audio-player,.question-picker,.audio-session-time,.play-button,.audio-cache-state.is-slow,.audio-cache-state.is-failed{-webkit-backdrop-filter:none;backdrop-filter:none}.section-card,.question-group{content-visibility:auto}.section-card{contain-intrinsic-size:auto 300px}.question-group{contain-intrinsic-size:auto 190px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@page{size:210mm 297mm;margin:15mm 14mm 18mm;@bottom-center{content:"Seite " counter(page) " / " counter(pages);color:#7b8498;font-family:Segoe UI,Arial,sans-serif;font-size:7pt}}@media print{html,body{color:#172033;width:100%;min-width:0;margin:0;padding:0;background:#fff!important;overflow:visible!important}body{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}.app-shell{min-height:0;padding:0;overflow:visible;animation:none!important}.ambient,.app-frame,.toast,.result-screen{display:none!important}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;padding:0;animation:none;display:block;position:static;overflow:visible}.result-modal{width:100%;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:0;border-radius:0;padding:0;animation:none;overflow:visible}.print-report{color:#172033;width:auto;max-width:182mm;margin:0 auto;font-family:Segoe UI,Arial,sans-serif;display:block}.print-report-header{border-bottom:1px solid #cfd5e4;justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.print-report-brand{align-items:center;gap:10px;display:flex}.print-report-brand strong{color:#111b43;letter-spacing:-.035em;font-size:17pt}.print-brand-mark{align-items:end;gap:3px;height:31px;display:flex}.print-brand-mark i{background:#5652d9;border-radius:5px;width:5px}.print-brand-mark i:first-child{height:15px}.print-brand-mark i:nth-child(2){background:#4f78df;height:21px}.print-brand-mark i:nth-child(3){background:#42a1d0;height:26px}.print-brand-mark i:nth-child(4){background:#39bcb8;height:31px}.print-report-level{color:#111b43;text-align:center;background:#eeedff;border-radius:50%;min-width:38px;padding:9px 11px;font-size:11pt;font-weight:850}.print-report-title{margin:22px 0 14px}.print-report-title h1{color:#111b43;letter-spacing:-.035em;margin:0;font-size:23pt;line-height:1.15}.print-report-meta{border-top:1px solid #dfe3ec;border-bottom:1px solid #dfe3ec;grid-template-columns:1.6fr 1fr;margin:0 0 16px;display:grid;overflow:hidden}.print-report-meta div{border-right:1px solid #dfe3ec;min-width:0;padding:10px 12px}.print-report-meta div:last-child{border-right:0}.print-report-meta dt{color:#8b95a8;text-transform:uppercase;font-size:7pt;font-weight:700}.print-report-meta dd{overflow-wrap:anywhere;color:#111b43;margin:3px 0 0;font-size:9.5pt;font-weight:750}.print-score-summary{grid-template-columns:1.15fr 1fr 1fr;align-items:stretch;gap:9px;margin-bottom:21px;display:grid}.print-score-summary>div{text-align:center;background:#f7f8fc;border:1px solid #e4e7ef;border-radius:11px;align-content:center;place-items:center;gap:4px;min-height:88px;padding:10px 12px;display:grid}.print-score-summary>.print-score-primary{text-align:left;background:#fff;border:0;grid-template-rows:1fr;grid-template-columns:auto 1fr;gap:10px}.print-score-primary small{color:#677187;font-size:8pt;font-weight:750}.print-score-ring{border-radius:50%;grid-row:1;place-items:center;width:74px;height:74px;display:grid}.print-score-ring strong{color:#111b43;font-size:16pt}.print-score-summary>div>strong{color:#111b43;font-size:13pt}.print-score-summary>div>span:last-child{color:#677187;font-size:8pt}.print-stat-icon{color:#5652d9;background:#eeedff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.print-stat-icon.is-correct{color:#16866c;background:#e8f7f1}.print-answer-section h2{margin:0 0 8px;font-size:12pt}.print-empty-results{color:#677187;background:#f6f7fb;border:1px solid #dfe3ec;border-radius:9px;margin:0;padding:14px;font-size:9pt}.print-answer-section table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:7.7pt}.print-answer-section thead{display:table-header-group}.print-answer-section tr{break-inside:avoid;page-break-inside:avoid}.print-answer-section th{color:#5f6980;text-align:left;background:#f0f2f7;border:1px solid #dfe3ec;padding:7px 6px;font-size:7pt}.print-answer-section td{vertical-align:top;overflow-wrap:anywhere;border:1px solid #dfe3ec;padding:8px 6px;line-height:1.35}.print-answer-section th:first-child,.print-answer-section td:first-child{text-align:center;width:6%}.print-answer-section th:nth-child(2),.print-answer-section td:nth-child(2){width:43%}.print-answer-section th:nth-child(3),.print-answer-section td:nth-child(3){width:15%}.print-answer-section th:nth-child(4),.print-answer-section td:nth-child(4){width:17%}.print-answer-section th:nth-child(5),.print-answer-section td:nth-child(5){width:13%}.print-result{border-radius:5px;padding:3px 6px;font-size:7pt;font-weight:800;display:inline-block}.print-result.is-correct{color:#116b55;background:#e8f7f1}.print-result.is-wrong{color:#a53f50;background:#fcedef}}.progress-manager-icon{color:var(--indigo);border:1px solid #ffffffb8;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffd1}.progress-manager-card{isolation:isolate;width:calc(50% - 9px);min-height:0;color:var(--ink);text-align:left;-webkit-backdrop-filter:blur(30px)saturate(145%);backdrop-filter:blur(30px)saturate(145%);cursor:default;background:linear-gradient(145deg,#ffffff57,#ffffff1f);border-color:#ffffffad;border-radius:25px;flex-direction:column;align-items:stretch;gap:0;margin:18px auto 0;padding:25px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 72px #2e37541f,inset 0 1px #ffffffdb,inset 0 -1px #ffffff47}.progress-manager-card:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 8% 4%,#ffffffb8,#0000 32%),radial-gradient(circle at 92% 92%,#39bcb824,#0000 38%);position:absolute;inset:0}.progress-manager-card:after{content:"";z-index:-1;pointer-events:none;background:#ffffff14;border:1px solid #ffffff70;border-radius:50%;width:72%;height:150%;position:absolute;top:-48%;right:-42%;transform:rotate(-18deg)}.progress-manager-card:hover{transform:none;box-shadow:0 30px 76px #2e375424,inset 0 1px #ffffffe6}.progress-manager-card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.progress-manager-card .progress-manager-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border-radius:50%;width:56px;height:56px}.reset-glass-icon{-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);border:1px solid #ffffffd1;position:relative;overflow:hidden;color:#525e7b70!important;background:radial-gradient(circle at 28% 20%,#ffffffb8,#ffffff38 52%,#ffffff14)!important;border-radius:50%!important;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px 2px #4c56740d,0 10px 24px #323c5614!important}.reset-glass-icon:after{content:none}.reset-glass-icon svg{z-index:1;filter:drop-shadow(0 1px 1px #ffffffb8);position:relative}.progress-manager-card .eyebrow{margin-bottom:8px}.progress-manager-card h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2.6vw,1.7rem)}.progress-manager-card>p{color:var(--muted);margin:8px 0 13px;font-size:.78rem;line-height:1.55}.progress-manager-preview{gap:6px;margin-bottom:13px;display:grid}.progress-manager-preview>span{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(110deg,#ffffff47,#ffffff17);border:1px solid #ffffff85;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:9px 10px;display:grid;box-shadow:inset 0 1px #ffffff73}.progress-manager-preview svg{color:var(--success)}.progress-manager-preview strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;overflow:hidden}.progress-manager-preview small{color:var(--quiet);font-size:.61rem}.progress-manager-preview .progress-preview-all{background:linear-gradient(110deg,#efeeff75,#ffffff1a)}.progress-manager-preview .progress-preview-all svg{color:var(--indigo)}.progress-summary-name{align-items:center;gap:8px;min-width:0;display:flex}.progress-summary-name>svg{flex:none}.progress-summary-name>span{gap:2px;min-width:0;display:grid}.progress-summary-value{justify-content:flex-end;align-items:center;gap:8px;display:flex}.progress-summary-value>strong{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.64rem}.progress-percent-ring{width:38px;height:38px;color:var(--ink);font-variant-numeric:tabular-nums;background:#7482a11a;border-radius:50%;flex:none;place-items:center;font-size:.56rem;font-weight:850;display:grid}.model-progress-ring{isolation:isolate;background:0 0;position:relative}.model-progress-ring>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.model-progress-ring-track,.model-progress-ring-fill{fill:none;stroke-width:4px}.model-progress-ring-track{stroke:#919bb233}.model-progress-ring-fill{stroke-linecap:butt}.model-progress-ring>span{z-index:1;color:currentColor;position:relative}.progress-summary-value.is-unavailable{opacity:.5}.progress-manager-open{width:100%;margin-top:0}.progress-dialog-open{overscroll-behavior:none;overflow:hidden!important}.progress-menu-backdrop{z-index:80;overscroll-behavior:none;touch-action:pan-y;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a203147;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:hidden}.progress-menu{touch-action:pan-y;border-radius:26px;flex-direction:column;width:min(520px,100%);min-height:0;max-height:min(82dvh,680px);padding:22px;display:flex;position:relative;overflow:hidden}.progress-menu-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.progress-menu-head>div{align-items:center;gap:11px;min-width:0;display:flex}.progress-menu-head>div>span:last-child{gap:2px;min-width:0;display:grid}.progress-menu-head small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:750}.progress-menu-head strong{font-size:1.05rem}.progress-menu-head>button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:#ffffff80;border-radius:12px;flex:none;place-items:center;display:grid}.progress-menu-back{width:43px;height:43px;color:var(--indigo);cursor:pointer;background:#efeeffb8;border:1px solid #ffffffb8;border-radius:14px;flex:none;place-items:center;padding:0;display:grid}.progress-menu-icon{width:43px;height:43px;color:var(--indigo);background:var(--indigo-soft);border-radius:14px;flex:none;place-items:center;display:grid}.progress-menu-list{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex:auto;align-content:start;gap:9px;min-height:0;padding-right:3px;display:grid;overflow:hidden scroll}.progress-select-all,.progress-section-row,.progress-model-row{font:inherit}.progress-select-all{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#efeeff7a;border:1px solid #5652d929;border-radius:16px;grid-template-columns:24px 42px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.progress-select-all>span:last-child,.progress-section-toggle>span,.progress-model-row>span:last-child{gap:3px;min-width:0;display:grid}.progress-select-all strong,.progress-section-toggle strong,.progress-model-row strong{font-size:.78rem}.progress-select-all small,.progress-section-toggle small,.progress-model-row small{color:var(--muted);font-size:.64rem}.progress-select-all:disabled,.progress-section-toggle:disabled,.progress-model-row:disabled,.section-selection:disabled{opacity:.42;cursor:default}.selection-box{color:#fff;background:#ffffffad;border:1px solid #69738d4d;border-radius:7px;flex:none;place-items:center;width:23px;height:23px;padding:0;display:grid}.selection-box.checked{border-color:var(--indigo);background:var(--indigo)}.progress-section{border:1px solid var(--line);background:#ffffff57;border-radius:16px;overflow:hidden}.progress-section-row{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:6px 7px 6px 12px;display:grid}.section-selection{cursor:pointer}.progress-section-toggle{min-width:0;min-height:52px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:8px;padding:5px 7px;display:grid}.progress-section-toggle>svg{color:var(--quiet);transition:transform .18s}.progress-section.open .progress-section-toggle>svg{transform:rotate(180deg)}.progress-model-list{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;align-content:start;gap:6px;max-height:min(270px,34dvh);padding:0 10px 10px 46px;animation:.18s both reveal;display:grid;overflow:hidden auto}.progress-model-row{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff78;border:1px solid #7482a129;border-radius:12px;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;display:grid}.select-section-models{background:#efeeff6b}.progress-section-entry{border:1px solid var(--line);background:#ffffff57;border-radius:16px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:6px 7px 6px 12px;display:grid}.progress-section-open{min-width:0;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:8px;padding:5px 7px;display:grid}.progress-section-open>span{gap:3px;min-width:0;display:grid}.progress-section-open strong{font-size:.78rem}.progress-section-open small{color:var(--muted);font-size:.64rem}.progress-section-open>svg{color:var(--quiet)}.progress-section-open:disabled{opacity:.42;cursor:default}.progress-model-page{align-content:start;gap:9px;min-height:100%;animation:.18s both reveal;display:grid}.progress-model-page-row{min-height:62px}.progress-menu-footer{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:grid}.progress-menu-footer>span{color:var(--muted);font-size:.66rem;line-height:1.45}.progress-menu-footer .danger-button:disabled{opacity:.4;cursor:default}@media (max-width:820px){.progress-manager-card{width:100%}}@media (max-width:560px){.overview-frame{padding-bottom:max(22px, env(safe-area-inset-bottom))}.progress-manager-card{border-radius:22px;margin-top:14px;padding:20px}.progress-manager-card-head{margin-bottom:14px}.progress-manager-card .progress-manager-icon{width:52px;height:52px}.progress-manager-preview>span{grid-template-columns:minmax(0,1fr) auto}.progress-summary-value{gap:6px}.progress-percent-ring{width:36px;height:36px;font-size:.53rem}.progress-menu-backdrop{padding:max(12px, env(safe-area-inset-top)) 0 0;background:#1a203147;align-items:end}.progress-menu{width:100%;height:auto;max-height:min(88dvh,100dvh - 18px);padding:22px 14px max(14px, env(safe-area-inset-bottom));border-bottom:0;border-radius:28px 28px 0 0}.progress-menu-head{flex:none;margin-bottom:14px;padding-inline:2px}.progress-menu-list{flex:0 auto;min-height:0;max-height:calc(88dvh - 190px);padding:2px 2px 18px}.progress-model-list{max-height:none;padding-left:20px;overflow:visible}.progress-menu-footer{grid-template-columns:1fr}.progress-menu-footer .danger-button{width:100%}}.models-compact-hero{margin-bottom:28px}.model-card-compact{min-height:0}.model-card-head{grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:18px;display:grid}.model-card-name{align-items:center;min-width:0;display:flex}.model-card-name strong{color:var(--ink);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem;font-weight:720;overflow:hidden}.section-card-icon.model-audio-icon{width:54px;height:54px}.model-progress-overview{-webkit-backdrop-filter:blur(10px)saturate(125%);backdrop-filter:blur(10px)saturate(125%);background:linear-gradient(110deg,#ffffff57,#ffffff1a);border:1px solid #ffffff94;border-radius:14px;justify-content:flex-end;align-items:center;margin-bottom:14px;padding:9px 11px;display:flex;box-shadow:inset 0 1px #ffffff8f}.model-progress-overview .progress-summary-value>strong{font-size:.68rem}@media (max-width:820px){.models-compact-hero{margin-top:22px;margin-bottom:20px}.models-compact-hero h1{margin-bottom:0}.model-card-compact{padding:20px}.model-card-head{grid-template-columns:50px minmax(0,1fr) auto;gap:11px}.section-card-icon.model-audio-icon{width:50px;height:50px}.model-card-name strong{font-size:1.02rem}.model-progress-overview{padding:9px 10px}}.card-facts-inline{color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin:20px 0;font-size:.76rem;font-weight:700;display:flex}.card-facts-inline span{align-items:center;gap:6px;display:inline-flex}.card-facts-inline svg{color:var(--success);flex:none}.card-status-row{margin:20px 0 0}.card-status-row span{color:#98601f;background:#fff1db;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.section-single-action{display:block}.section-single-action .section-start{white-space:nowrap;min-height:46px}.model-facts-inline{margin-bottom:18px}@media (max-width:560px){.card-facts-inline{gap:9px 15px;margin:17px 0}.section-single-action{display:block}.section-single-action .section-start{width:100%;min-width:0;padding-inline:16px}.card-status-row{margin-top:17px}}.model-progress-overview{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;display:grid}.model-progress-zone{align-items:center;min-width:0;display:flex}.model-progress-result{justify-content:flex-end}.model-progress-duration{justify-content:center;container-type:inline-size}.model-progress-note{justify-content:flex-start}.model-progress-result .progress-summary-value{justify-content:flex-end;min-width:0}.model-progress-value>strong{color:var(--muted)}.model-audio-duration{max-width:100%;min-height:38px;color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:clip;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding-inline:2px;font-size:.7rem;font-weight:750;line-height:1;display:inline-flex;overflow:hidden}.model-progress-duration.is-long .model-audio-duration{letter-spacing:-.012em;gap:4px;font-size:clamp(.58rem,8cqw,.66rem)}.model-audio-duration svg{width:17px;height:17px;color:var(--success);flex:none}.model-progress-duration.is-long .model-audio-duration svg{width:15px;height:15px}.note-button{font:inherit}.note-action-button{min-height:38px;color:var(--muted);-webkit-backdrop-filter:blur(12px)saturate(132%);backdrop-filter:blur(12px)saturate(132%);letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#ffffff9e,#f7f8ff45);border:1px solid #ffffffc2;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:.7rem;font-weight:780;transition:border-color .18s,color .18s,background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,0 7px 18px #2d365514}.note-action-button:hover{color:var(--indigo);background:linear-gradient(135deg,#ffffffc2,#efeeff66);border-color:#5652d93d;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff0,0 9px 20px #4342961c}.note-action-button:focus-visible{outline-offset:2px;outline:3px solid #5652d92e}.note-action-button>svg{flex:none}.note-presence-indicator{background:#747e9b14;border:1px solid #747e9b40;border-radius:50%;flex:none;width:9px;height:9px;transition:background .18s,border-color .18s,box-shadow .18s;box-shadow:inset 0 1px 1px #36405b14}.note-action-button.has-note{color:var(--ink)}.note-action-button.has-note .note-presence-indicator{background:var(--success);border-color:#16866c6b;box-shadow:0 0 0 4px #16866c1a,inset 0 1px #fff6}.section-info-row{justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.section-info-row .card-facts-inline,.section-info-row .card-status-row{min-width:0;margin:0}.section-info-row .card-facts-inline{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;min-width:0;display:grid}.section-info-row .card-facts-inline span{white-space:nowrap;justify-content:center;min-width:0}.section-note-button{flex:none}.notes-modal-backdrop{z-index:95;padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1920324d;place-items:center;animation:.18s both reveal;display:grid;position:fixed;inset:0;overflow:hidden}.notes-modal{background:linear-gradient(145deg,#fafbffe6,#ebeffac7);border-radius:26px;flex-direction:column;width:min(520px,100%);height:min(82dvh,680px);min-height:0;max-height:min(82dvh,680px);padding:20px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fffffff5,0 24px 70px #181f363d}.notes-modal-head{grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;gap:11px;margin-bottom:14px;display:grid}.notes-modal-icon{width:44px;height:44px;color:var(--indigo);background:linear-gradient(145deg,#ffffffbf,#efeeff70);border:1px solid #fffc;border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffeb,0 7px 18px #373e5e14}.notes-modal-head>span:nth-child(2){gap:2px;min-width:0;display:grid}.notes-modal-head strong{color:var(--ink);font-size:1.05rem}.notes-modal-head small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.notes-modal-close{width:40px;height:40px;color:var(--muted);cursor:pointer;background:#ffffff85;border:1px solid #ffffffb8;border-radius:13px;place-items:center;padding:0;display:grid}.notes-modal-close:hover{color:var(--ink);background:#ffffffbf}.notes-field{flex:auto;min-height:0;display:flex}.notes-field textarea{resize:none;width:100%;height:100%;min-height:0;color:var(--ink);text-align:start;-webkit-overflow-scrolling:touch;unicode-bidi:plaintext;background:linear-gradient(145deg,#ffffffa3,#f7f9ff61);border:1px solid #ffffffc7;border-radius:18px;outline:0;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Noto Sans Arabic,Noto Sans,Arial,sans-serif;font-size:1rem;line-height:1.72;transition:border-color .18s,box-shadow .18s;overflow:auto;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #7482a10d}.notes-field textarea:focus{border-color:#5652d94d;box-shadow:inset 0 1px #fffffff0,0 0 0 4px #5652d917}.notes-field textarea::placeholder{color:var(--quiet)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:560px){.section-info-row{gap:8px;margin:17px 0}.section-info-row .card-facts-inline{letter-spacing:normal;gap:0;font-size:.64rem}.section-info-row.has-long-duration .card-facts-inline{letter-spacing:-.015em;font-size:clamp(.56rem,2.5vw,.6rem)}.section-info-row .card-facts-inline span{gap:4px}.section-info-row .card-facts-inline svg{width:14px;height:14px}.section-info-row.has-long-duration .card-facts-inline span{gap:2px}.section-info-row.has-long-duration .card-facts-inline svg{width:12px;height:12px}.section-note-button{gap:4px;padding-inline:6px}.note-action-button{gap:5px;min-height:37px;padding-inline:8px}.model-audio-duration{min-height:37px}.model-progress-overview .progress-summary-value{gap:5px}.model-progress-overview .progress-summary-value>strong{font-size:clamp(.58rem,2.55vw,.66rem)}.model-progress-overview .progress-percent-ring{width:34px;height:34px;font-size:.51rem}.notes-modal-backdrop{padding:max(8px, env(safe-area-inset-top)) 0 0;place-items:end center}.notes-modal{width:100%;height:min(88dvh,100dvh - 18px);max-height:min(88dvh,100dvh - 18px);padding:16px 14px max(12px, env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.notes-modal-head{margin-bottom:12px}.notes-field textarea{height:100%;min-height:0;max-height:none}}