.listening-practice-page{--listening-accent:#0a84ff;--listening-accent-strong:#0066dc;--listening-ink:#101828;--listening-line:color-mix(in srgb, var(--practice-border) 82%, #cbd5e1 18%);--listening-glass:color-mix(in srgb, var(--theme-card-bg) 88%, transparent);--listening-soft-blue:color-mix(in srgb, var(--listening-accent) 8%, var(--theme-card-bg) 92%);--listening-shadow:0 1px 1px #0f172a08, 0 18px 55px #1e40af14;isolation:isolate;background:radial-gradient(circle at 76% -8%,#0a84ff1c,#0000 30rem),radial-gradient(circle at 2% 38%,#5856d60f,#0000 26rem),linear-gradient(#fbfcff 0%,#f4f6fa 58%,#f7f8fb 100%);gap:clamp(10px,1.2vw,18px);padding:clamp(10px,1.5vw,20px);position:relative;overflow-x:clip}.listening-practice-page:before{content:"";z-index:-1;pointer-events:none;opacity:.7;background:radial-gradient(circle at 58% 0,#ffffffeb,#0000 55%),linear-gradient(105deg,#0000 18%,#0a84ff09 54%,#0000 84%);height:240px;position:fixed;inset:64px 0 auto}.listening-practice-page .main-content{background:var(--listening-glass);min-width:0;box-shadow:var(--listening-shadow);-webkit-backdrop-filter:saturate(155%)blur(24px);border:1px solid #ffffffc7;border-radius:clamp(20px,2vw,30px);padding:clamp(16px,2vw,30px);animation:.48s cubic-bezier(.22,1,.36,1) both listening-page-enter}@media (min-width:769px){.listening-practice-page.sidebar-is-collapsed .main-content{max-width:min(100%,1422px)}.listening-practice-page.sidebar-is-collapsed .question-container{width:min(100%,1200px)}}.listening-practice-page button,.listening-practice-page [role=button],.listening-practice-page input{-webkit-tap-highlight-color:transparent}.listening-practice-page button:focus-visible,.listening-practice-page [role=button]:focus-visible,.listening-practice-page input:focus-visible{outline:3px solid color-mix(in srgb, var(--listening-accent) 30%, transparent);outline-offset:2px}.listening-practice-page .sidebar-wrapper{height:calc(100vh - 64px - clamp(20px,3vw,40px));max-height:calc(100vh - 64px - clamp(20px,3vw,40px));top:clamp(10px,1.5vw,20px)}.listening-practice-page .sidebar-container{width:224px;transition:width .36s cubic-bezier(.22,1,.36,1),opacity .22s,transform .36s cubic-bezier(.22,1,.36,1)}.listening-practice-page .sidebar-container.collapsed{width:0}.listening-practice-page .quiz-header-wrap{margin-bottom:4px}.listening-practice-page .practice-skill-nav--compact{border-color:color-mix(in srgb, var(--listening-line) 72%, transparent);background:color-mix(in srgb, var(--theme-bg-secondary) 72%, transparent);margin-bottom:14px;padding:3px;box-shadow:inset 0 1px #ffffff9e}.listening-practice-page .practice-skill-nav__btn{letter-spacing:-.01em;min-height:32px;padding:6px 16px}.listening-practice-page .practice-skill-nav__btn--active{color:var(--listening-accent-strong);border-color:#ffffffc2;box-shadow:0 1px 2px #0f172a0d,0 6px 18px #0f172a12}.listening-practice-page .quiz-header{border:0;border-bottom:1px solid var(--listening-line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;align-items:flex-end;margin-bottom:0;padding:2px 2px 16px}.listening-practice-page .quiz-header-main{min-width:0}.listening-practice-page .quiz-title{letter-spacing:-.035em;text-wrap:balance;max-width:100%;font-size:clamp(22px,2.25vw,30px);font-weight:720;line-height:1.1}.listening-practice-page .quiz-header-actions{min-width:0}.listening-practice-page .quiz-stats{gap:6px}.listening-practice-page .stat-pill{border-color:color-mix(in srgb, var(--listening-line) 74%, transparent);background:color-mix(in srgb, var(--theme-card-bg) 66%, transparent);min-height:32px;box-shadow:none;padding:5px 10px}.listening-practice-page .stat-pill svg{color:var(--listening-accent)}.listening-practice-page .quiz-clear-btn{background:0 0;min-height:32px;padding:5px 11px}.listening-practice-page .goal-sprint-card{border-color:color-mix(in srgb, var(--listening-accent) 17%, var(--listening-line) 83%);background:linear-gradient(105deg, color-mix(in srgb, var(--listening-accent) 7%, var(--theme-card-bg) 93%), color-mix(in srgb, var(--theme-card-bg) 96%, transparent));box-shadow:none;border-radius:14px;margin-top:12px;padding:12px 14px 12px 17px;position:relative;overflow:hidden}.listening-practice-page .goal-sprint-card:before{content:"";background:linear-gradient(180deg, var(--listening-accent), #34c759);width:3px;position:absolute;inset:0 auto 0 0}.listening-practice-page .goal-sprint-top{margin-bottom:6px}.listening-practice-page .goal-sprint-bar{height:5px}.listening-practice-page .goal-sprint-meta{margin-top:6px}.listening-practice-page .question-nav-container{border-color:var(--listening-line);background:color-mix(in srgb, var(--theme-card-bg) 78%, transparent);box-shadow:none;border-radius:17px;margin:10px 0 4px;padding:13px}.listening-practice-page .question-nav-container.collapsed{border-color:color-mix(in srgb, var(--listening-line) 72%, transparent);background:color-mix(in srgb, var(--theme-bg-secondary) 66%, transparent);border-radius:999px;width:fit-content;max-width:100%;margin:8px 0 2px auto;padding:4px}.listening-practice-page .question-nav-container.collapsed .question-nav-header{gap:6px}.listening-practice-page .question-nav-container.collapsed .nav-title{color:var(--theme-text-secondary);padding-left:9px;font-size:12px;font-weight:620}.listening-practice-page .nav-header-buttons{gap:4px}.listening-practice-page .nav-toggle-btn,.listening-practice-page .sidebar-toggle-btn-in-nav{background:color-mix(in srgb, var(--theme-card-bg) 74%, transparent);border-color:#0000;width:32px;height:32px}.listening-practice-page .question-nav-container:not(.collapsed){animation:.26s cubic-bezier(.22,1,.36,1) both listening-nav-open}.listening-practice-page .question-nav-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:7px}.listening-practice-page .nav-btn{border-radius:11px;max-height:44px}.listening-practice-page .question-container{width:min(100%,980px);min-width:0;margin:8px auto 0;padding:8px 0 4px}.listening-practice-page .question-header-line{scrollbar-width:none;border-bottom:1px solid color-mix(in srgb, var(--listening-line) 72%, transparent);align-items:center;gap:12px;min-width:0;margin-bottom:18px;padding-bottom:14px;display:flex;overflow-x:auto}.listening-practice-page .question-header-line::-webkit-scrollbar{display:none}.listening-practice-page .question-header-line>*{flex:none}.listening-practice-page .question-header-line>.question-title-group{flex:auto}.listening-practice-page .question-header-line>.question-header-controls{flex:none}.listening-practice-page .question-title-group{flex:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.listening-practice-page .question-title-text{letter-spacing:-.025em;white-space:nowrap;padding:0;font-size:18px;font-weight:720;line-height:1.2}.listening-practice-page .question-source-meta{flex:none;min-width:0}.listening-practice-page .question-source-meta>span,.listening-practice-page .question-duplicate-trigger{min-height:25px;padding-inline:8px;font-size:11px;font-weight:680}.listening-practice-page .font-size-controls{border-color:color-mix(in srgb, var(--listening-line) 72%, transparent);background:color-mix(in srgb, var(--theme-bg-secondary) 68%, transparent);padding:2px}.listening-practice-page .font-size-btn{border-color:#0000;min-width:31px;height:27px;padding-inline:7px}.listening-practice-page .font-size-display{min-width:38px}.listening-practice-page .question-header-controls{scrollbar-width:none;flex:none;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.listening-practice-page .question-header-controls::-webkit-scrollbar{display:none}.listening-practice-page .question-header-controls>*{flex:none}.listening-practice-page .translation-toggle-btn,.listening-practice-page .clear-highlights-btn{border-color:color-mix(in srgb, var(--listening-line) 76%, transparent);min-height:32px;box-shadow:none;padding:6px 11px;font-size:12px;font-weight:600}.listening-practice-page .clear-highlights-btn{color:var(--theme-text-secondary);background:0 0}.listening-practice-page .translation-toggle-btn{color:var(--listening-accent-strong);background:var(--listening-soft-blue)}.listening-practice-page .listening-audio-panel{border:1px solid color-mix(in srgb, var(--listening-accent) 18%, var(--listening-line) 82%);background:radial-gradient(circle at 0 0, #0a84ff21, transparent 42%), linear-gradient(135deg, color-mix(in srgb, var(--theme-card-bg) 94%, #eff6ff 6%), var(--theme-card-bg));text-align:left;isolation:isolate;border-radius:24px;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:16px 22px;width:min(760px,100%);min-height:112px;margin:4px auto 26px;padding:22px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 16px 38px #1e40af17}.listening-practice-page .listening-audio-panel:before{content:"";z-index:-1;opacity:.28;background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--listening-accent) 58%, transparent) 0 3px, transparent 3px 9px);transform-origin:50%;border-radius:999px;width:min(42%,250px);height:34px;position:absolute;top:17px;right:22px;transform:scaleY(.5);-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.listening-practice-page .listening-audio-panel:has(.listening-audio-button--pause):before{animation:1.15s ease-in-out infinite alternate listening-wave}.listening-practice-page .listening-audio-button{z-index:1;letter-spacing:-.01em;min-width:144px;min-height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--listening-accent) 22%, transparent), inset 0 1px 0 #ffffff3d;border:1px solid #ffffff4d;border-radius:16px;padding:12px 20px;font-size:14px;font-weight:690;transition:transform .18s,box-shadow .18s,filter .18s;position:relative}.listening-practice-page .listening-audio-button--primary{background:linear-gradient(145deg,#168bff,#0068df)}.listening-practice-page .listening-audio-button--pause{background:linear-gradient(145deg,#ff6258,#e83127)}.listening-practice-page .listening-audio-button:hover:not(:disabled){filter:saturate(1.08);box-shadow:0 14px 28px color-mix(in srgb, var(--listening-accent) 25%, transparent), inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.listening-practice-page .listening-audio-button:active:not(:disabled){transform:scale(.98)}.listening-practice-page .listening-audio-button svg{width:19px;height:19px}.listening-practice-page .listening-audio-progress{width:100%;margin:28px 0 0}.listening-practice-page .listening-audio-range{height:20px;accent-color:var(--listening-accent);margin:0}.listening-practice-page .listening-audio-time{color:var(--theme-text-secondary);margin-top:1px;font-size:11px;font-weight:560}.listening-practice-page .exam-listening-audio-hint{text-align:center;grid-column:1/-1}.listening-practice-page .question-container>div:has(>.question-image){width:min(680px,100%);margin:0 auto 26px!important}.listening-practice-page .question-image{object-fit:contain;background:color-mix(in srgb, var(--theme-bg-secondary) 65%, transparent);width:100%;min-height:0;border:1px solid color-mix(in srgb, var(--listening-line) 82%, transparent)!important;border-radius:22px!important;max-width:680px!important;height:auto!important;max-height:none!important;margin:0 auto!important;overflow:visible!important;box-shadow:0 1px 2px #0f172a0a,0 14px 34px #0f172a14!important}.listening-practice-page .question-image>.lazy-image{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:min(52vh,520px);display:block}.listening-practice-page .question-image:hover{transform:none}.listening-practice-page .options-list{gap:10px;width:min(760px,100%)}.listening-practice-page .option-item{border-color:color-mix(in srgb, var(--listening-line) 92%, transparent);background:color-mix(in srgb, var(--theme-card-bg) 88%, transparent);border-radius:17px;min-height:58px;padding:14px 18px;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,background .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 1px 1px #0f172a06,0 7px 18px #0f172a09}.listening-practice-page .option-item:after{content:"";background:0 0;border-radius:999px;width:3px;transition:background .18s,transform .18s;position:absolute;inset:9px auto 9px 0;transform:scaleY(.3)}.listening-practice-page .option-item:hover{border-color:color-mix(in srgb, var(--listening-accent) 36%, var(--listening-line) 64%);background:color-mix(in srgb, var(--listening-accent) 3%, var(--theme-card-bg) 97%);transform:translateY(-2px);box-shadow:0 1px 2px #0f172a09,0 13px 26px #1e40af12}.listening-practice-page .option-item.selected{border-color:color-mix(in srgb, var(--listening-accent) 68%, var(--listening-line) 32%);background:color-mix(in srgb, var(--listening-accent) 8%, var(--theme-card-bg) 92%);box-shadow:0 0 0 3px color-mix(in srgb, var(--listening-accent) 11%, transparent);animation:.23s cubic-bezier(.22,1,.36,1) listening-option-select}.listening-practice-page .option-item.selected:after{background:var(--listening-accent);transform:scaleY(1)}.listening-practice-page .option-item.correct-answer:after{background:var(--practice-green);transform:scaleY(1)}.listening-practice-page .option-item.incorrect-answer:after{background:var(--practice-red);transform:scaleY(1)}.listening-practice-page .option-text{line-height:1.55}.listening-practice-page .translation-block,.listening-practice-page .explanation-box{border-radius:18px}.listening-practice-page .explanation-box{width:min(760px,100%);margin-inline:auto}.listening-practice-page .action-bar{margin-inline:auto;border-top-color:var(--listening-line);gap:8px;width:min(760px,100%);margin-top:28px}.listening-practice-page .action-btn{border-color:color-mix(in srgb, var(--listening-line) 90%, transparent);background:color-mix(in srgb, var(--theme-card-bg) 82%, transparent);min-height:42px;font-weight:610;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.listening-practice-page .action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #1e40af12}.listening-practice-page .action-bar-secondary{margin-top:8px}.listening-practice-page .action-bar-secondary .action-btn{min-height:38px;color:var(--theme-text-secondary);background:0 0}[data-theme=black] .listening-practice-page{--listening-accent:#4aa8ff;--listening-accent-strong:#7abbff;--listening-ink:#f5f7fb;--listening-line:color-mix(in srgb, var(--theme-border) 74%, transparent);--listening-glass:#15161aeb;--listening-soft-blue:color-mix(in srgb, var(--listening-accent) 12%, #17191f 88%);background:radial-gradient(circle at 76% -8%,#298bff26,#0000 30rem),radial-gradient(circle at 2% 38%,#7a76ff14,#0000 26rem),linear-gradient(#0f1013 0%,#090a0c 100%)}[data-theme=black] .listening-practice-page .main-content{border-color:#ffffff12}[data-theme=black] .listening-practice-page .listening-audio-panel{background:radial-gradient(circle at 0 0,#4aa8ff2b,#0000 42%),linear-gradient(135deg,#191c23,#121318)}[data-theme=black] .listening-practice-page .practice-skill-nav--compact,[data-theme=black] .listening-practice-page .question-nav-container.collapsed{box-shadow:inset 0 1px #ffffff0a}@media (max-width:1120px){.listening-practice-page .question-header-line{gap:10px}.listening-practice-page .question-header-controls{justify-content:flex-start}}@media (max-width:900px){.listening-practice-page{padding:10px}.listening-practice-page .sidebar-container{width:210px}.listening-practice-page .quiz-header{align-items:flex-start}.listening-practice-page .quiz-title{font-size:22px}.listening-practice-page .question-title-group{grid-template-columns:auto minmax(0,1fr) auto}.listening-practice-page .font-size-controls{grid-column:auto;width:fit-content}}@media (max-width:768px){.listening-practice-page{background:radial-gradient(circle at 82% -6%, #0a84ff1a, transparent 20rem), var(--theme-bg-primary);gap:0;padding:7px}.listening-practice-page .sidebar-wrapper{height:auto;max-height:none;top:auto}.listening-practice-page .sidebar-container{border-radius:0 22px 22px 0;width:min(82vw,294px);box-shadow:18px 0 50px #0f172a2e}.listening-practice-page .main-content{border-radius:20px;width:100%;padding:14px 12px 18px;overflow:visible}.listening-practice-page .practice-skill-nav--compact{margin-bottom:12px}.listening-practice-page .practice-skill-nav--compact .practice-skill-nav__btn{min-height:31px;padding-block:5px}.listening-practice-page .quiz-header{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:10px;padding-bottom:12px;display:grid}.listening-practice-page .quiz-title{white-space:normal;overflow-wrap:anywhere;width:100%;max-width:none;font-size:clamp(18px,5.6vw,22px);line-height:1.2;overflow:visible}.listening-practice-page .quiz-header-actions,.listening-practice-page .quiz-stats{width:100%}.listening-practice-page .quiz-stats{grid-template-columns:repeat(3,minmax(0,1fr)) 34px;gap:5px;display:grid}.listening-practice-page .stat-pill{justify-content:center;min-width:0;min-height:32px;padding:5px 6px}.listening-practice-page .stat-pill__label{display:none}.listening-practice-page .quiz-clear-btn{width:34px;min-width:34px;padding:0;font-size:0}.listening-practice-page .question-nav-container.collapsed{margin-top:7px}.listening-practice-page .question-nav-container:not(.collapsed){margin-top:8px;padding:11px}.listening-practice-page .question-nav-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.listening-practice-page .nav-btn{border-radius:10px;min-width:0;max-height:none;font-size:12px}.listening-practice-page .question-container{margin-top:4px;padding-top:4px}.listening-practice-page .question-header-line{box-shadow:none;background:0 0;border-radius:0;flex-flow:row;align-items:center;gap:10px;margin-bottom:14px;padding:0 0 12px;display:flex}.listening-practice-page .question-title-group{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.listening-practice-page .question-title-text{font-size:17px}.listening-practice-page .question-source-meta{order:initial;grid-column:auto;align-items:center;gap:5px;overflow:hidden}.listening-practice-page .question-source-meta>span,.listening-practice-page .question-duplicate-trigger{white-space:normal}.listening-practice-page .font-size-controls{grid-area:auto;justify-self:end}.listening-practice-page .font-size-display{display:none}.listening-practice-page .question-header-controls{flex:none;justify-content:flex-start;width:auto;display:flex}.listening-practice-page .translation-toggle-btn,.listening-practice-page .clear-highlights-btn{text-overflow:ellipsis;width:auto;min-width:34px;padding-inline:8px;overflow:hidden}.listening-practice-page .listening-audio-panel{border-radius:18px;grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;margin-bottom:20px;padding:14px}.listening-practice-page .listening-audio-panel:before{width:42%;top:20px;right:18px}.listening-practice-page .listening-audio-button{border-radius:14px;width:100%;min-width:0;min-height:44px}.listening-practice-page .listening-audio-progress{margin-top:0}.listening-practice-page .question-container>div:has(>.question-image){margin-bottom:20px!important}.listening-practice-page .question-image{border-radius:18px!important}.listening-practice-page .question-image>.lazy-image{max-height:46vh}.listening-practice-page .options-list{gap:8px}.listening-practice-page .option-item{border-radius:15px;min-height:54px;padding:12px 14px}.listening-practice-page .option-item:hover{transform:none}.listening-practice-page .question-container>.action-bar:not(.action-bar-secondary){z-index:auto;border:0;border-top:1px solid var(--listening-line);width:100%;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:22px auto 0;padding:14px 0 0;position:static}.listening-practice-page .question-container>.action-bar:not(.action-bar-secondary) .action-btn{min-height:43px;padding:7px 8px;font-size:12px;line-height:1.2}.listening-practice-page .action-bar-secondary{padding-top:2px}}@media (max-width:480px){.listening-practice-page .quiz-title{letter-spacing:-.025em;font-size:clamp(18px,5.1vw,20px)}.listening-practice-page .quiz-header{gap:8px}.listening-practice-page .stat-pill{gap:4px;padding-inline:4px;font-size:11px}.listening-practice-page .question-nav-container.collapsed{margin-bottom:0}.listening-practice-page .question-header-line{gap:8px;margin-bottom:12px;padding-bottom:10px}.listening-practice-page .question-title-group{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.listening-practice-page .question-title-text{font-size:16px}.listening-practice-page .question-source-meta{justify-content:flex-start}.listening-practice-page .question-source-meta>span:first-child,.listening-practice-page .question-source-meta>span:nth-child(2){display:none}.listening-practice-page .question-source-meta>span,.listening-practice-page .question-duplicate-trigger{text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:24px;padding-inline:7px;font-size:10px;overflow:hidden}.listening-practice-page .font-size-btn{min-width:29px;height:27px;padding-inline:5px;font-size:12px}.listening-practice-page .question-header-controls{gap:5px}.listening-practice-page .translation-toggle-btn,.listening-practice-page .clear-highlights-btn{min-height:30px;padding:5px 7px;font-size:11px}.listening-practice-page .listening-audio-panel{margin-bottom:16px}.listening-practice-page .option-item{min-height:50px;padding:10px 12px}.listening-practice-page .action-bar-secondary{margin-top:6px}}@media (max-width:560px){.listening-practice-page .question-header-line{gap:7px}.listening-practice-page .question-header-controls>.clear-highlights-btn,.listening-practice-page .question-header-controls>.translation-toggle-btn{justify-content:center;gap:0;width:34px;min-width:34px;min-height:34px;padding-inline:0;font-size:0}}@media (max-width:400px){.listening-practice-page{padding:0}.listening-practice-page .main-content{border-inline:0;border-radius:0;padding-inline:10px}.listening-practice-page .question-nav-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.listening-practice-page .question-container>.action-bar:not(.action-bar-secondary){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.listening-practice-page .main-content,.listening-practice-page .question-nav-container,.listening-practice-page .option-item,.listening-practice-page .listening-audio-panel:before{animation:none!important}.listening-practice-page *,.listening-practice-page :before,.listening-practice-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes listening-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes listening-nav-open{0%{opacity:0;transform:translateY(-5px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes listening-option-select{0%{transform:scale(1)}46%{transform:scale(.992)}to{transform:scale(1)}}@keyframes listening-wave{0%{opacity:.24;transform:scaleY(.42)translate(0)}55%{opacity:.42;transform:scaleY(.9)translate(-4px)}to{opacity:.3;transform:scaleY(.58)translate(3px)}}