.listening-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 22px;font-size:12px;color:var(--secondary)}.listening-intro>span:first-child{display:flex;align-items:center;gap:8px;color:var(--green)}.listening-intro svg{width:17px;height:17px}.listening-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.listening-workbench{min-width:0}.listening-player-card,.listening-exercise,.listening-library{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.listening-player-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px}.listening-kicker{font-size:11px;letter-spacing:1.6px;color:var(--secondary)}.listening-player-heading h2{font-size:19px;margin:7px 0 0;font-weight:550}.listening-level{white-space:nowrap;padding:6px 10px;background:var(--green-light);color:var(--green);border-radius:6px;font-size:11px}.listening-screen{aspect-ratio:16/9;min-height:215px;background:#171e1b;position:relative}.listening-screen video,.listening-screen iframe,.listening-screen>div:not(.listening-poster){display:block;width:100%;height:100%;position:absolute;inset:0;border:0}.listening-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f6eae4;padding:26px;text-align:center;background:radial-gradient(ellipse at 50% 85%,#713f3a 0,transparent 60%),#201c22}.listening-poster.thrones{background:radial-gradient(ellipse at 50% 85%,#585543 0,transparent 60%),#1b2830}.listening-poster>span{font-size:11px;letter-spacing:8px;opacity:.7}.listening-poster>strong{font-family:Georgia,serif;font-size:clamp(24px,3vw,40px);letter-spacing:3px;margin:14px 0}.listening-poster p{font-size:12px;opacity:.75;margin:0 0 24px}.listening-poster .button{background:#fbf4e8;color:#372c2b;border:0;min-height:40px}.listening-player-status{padding:13px 24px 0;color:var(--secondary);font-size:12px;min-height:31px}.listening-player-status.error,.listening-import-status.error{color:#b64c42}.listening-controls{padding:16px 24px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.listening-controls label,.listening-exercise-top label{display:flex;gap:8px;align-items:center;color:var(--secondary);font-size:12px}.listening-controls select,.listening-exercise select{padding:7px 9px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;max-width:100%}.listening-loop{background:none;border:1px solid var(--line);padding:8px 10px;border-radius:7px;font-size:12px;color:var(--secondary);cursor:pointer}.listening-loop[aria-pressed=true]{color:var(--green);background:var(--green-light);border-color:#b4c4b0}.listening-source{padding:0 24px 20px;font-size:11px;color:var(--secondary);line-height:1.8}.listening-source a{color:var(--green);text-underline-offset:3px}.listening-source span{display:block;color:var(--muted)}.listening-timing{margin:0 24px 16px;font-size:12px;color:var(--secondary)}.listening-timing summary{cursor:pointer}.listening-timing>div{display:flex;gap:12px;flex-wrap:wrap}.listening-timing output{display:block;margin-top:10px}.listening-timing-note{font-size:12px;line-height:1.8;margin:0;padding:12px 24px;background:var(--green-light);color:var(--secondary)}.listening-exercise{margin-top:22px;padding:25px}.listening-exercise-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.listening-question-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.listening-question-meta h2{font-size:18px;font-weight:550;margin:0}.listening-question-meta>span{font-size:11px;color:var(--secondary)}.listening-progress{height:3px;background:var(--line);border-radius:5px;overflow:hidden}.listening-progress span{display:block;height:100%;background:var(--green);transition:width .2s}.listening-sentence{font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:2.6;margin:28px 0;overflow-wrap:anywhere}.listening-blank{display:inline-flex;flex-direction:column;vertical-align:middle;margin:0 4px;line-height:1.4}.listening-blank input{width:calc(var(--letters)*.66em);max-width:100%;font:inherit;font-size:22px;letter-spacing:.3px;text-align:center;color:var(--text);border:0;border-bottom:2px solid #a8b7a5;background:var(--green-light);padding:7px 5px;border-radius:5px 5px 0 0}.listening-blank input:focus{outline:2px solid var(--green);outline-offset:3px}.listening-blank input::placeholder{color:#8e9b8a;font-family:inherit;font-size:14px}.listening-blank small{text-align:center;font-family:system-ui;font-size:10px;margin-top:5px}.listening-blank.correct input{border-color:#4e8658;background:#eef6eb}.listening-blank.correct small{color:#487c4e}.listening-blank.incorrect input{border-color:#bc6960;background:#fff1ed}.listening-blank.incorrect small{color:#a8473a}.listening-answer-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.listening-feedback{font-size:12px;color:var(--secondary);line-height:1.8;margin-top:16px;min-height:22px}.listening-explanation{margin-top:18px;padding:19px;border-radius:10px;background:var(--bg);font-size:13px;line-height:1.8}.listening-explanation p{margin:0 0 10px}.listening-original{font-family:Georgia,serif;font-size:20px}.listening-note{color:var(--secondary)}.listening-word-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}.listening-word-list>div{padding:12px;background:var(--surface);border-radius:8px;border:1px solid var(--line);overflow-wrap:anywhere}.listening-word-list strong{font-size:17px}.listening-word-list span{display:block;font-size:11px;color:var(--secondary)}.listening-word-list p{font-size:12px;margin:5px 0}.listening-pagination{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.listening-review{margin-top:16px;font-size:12px!important}.listening-library{padding:19px}.listening-library-heading{display:flex;justify-content:space-between;align-items:center}.listening-library-heading h2{font-size:15px;margin:0}.listening-library-heading>span{font-size:11px;color:var(--muted)}.listening-tabs{display:flex;gap:4px;margin:17px 0;flex-wrap:wrap}.listening-tabs button{font:inherit;font-size:11px;padding:6px 8px;background:none;color:var(--secondary);border:0;cursor:pointer;border-radius:6px}.listening-tabs button[aria-pressed=true]{background:var(--green-light);color:var(--green)}.listening-lesson{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:14px}.listening-lesson.selected{border-color:#91a88a;box-shadow:0 0 0 2px #92a78b14}.listening-lesson-button{border:0;width:100%;display:block;text-align:left;padding:0;background:var(--surface);cursor:pointer;color:var(--text);font:inherit}.listening-cover{height:115px;display:flex;flex-direction:column;justify-content:space-between;padding:13px 17px;position:relative;color:#e8c8b9;background:radial-gradient(ellipse at right bottom,#733932,transparent 75%),#2a2226}.listening-cover.thrones{color:#e3d2a3;background:radial-gradient(ellipse at right bottom,#6c634b,transparent 75%),#253437}.listening-cover.local{color:#dce8d8;background:linear-gradient(120deg,#365345,#718463)}.listening-cover>span{font-family:Georgia,serif;letter-spacing:2px;font-size:11px}.listening-cover b{font-family:Georgia,serif;letter-spacing:11px;font-size:31px;align-self:center;opacity:.8}.listening-cover small{font-size:9px;letter-spacing:1px;opacity:.7}.listening-lesson-description{padding:13px 15px;display:flex;flex-direction:column;gap:6px}.listening-lesson-description strong{font-size:14px;font-weight:550}.listening-lesson-description span{font-size:12px;color:var(--secondary)}.listening-lesson-description small{font-size:10px;color:var(--muted)}.listening-guide{border-top:1px solid var(--line);padding-top:22px;margin-top:20px}.listening-guide>span{font-size:10px;color:var(--green);letter-spacing:1px}.listening-guide h3{font-size:13px;font-weight:550;line-height:1.8}.listening-guide p,.listening-empty{font-size:12px;line-height:1.9;color:var(--secondary)}.listening-guide .text-button{font-size:12px}.listening-remove{padding:0 14px 12px!important;font-size:10px!important}.listening-dialog{width:520px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--text);background:var(--surface);box-shadow:0 20px 80px #20312533}.listening-dialog::backdrop{background:#14231d70;backdrop-filter:blur(3px)}.listening-dialog-title{display:flex;justify-content:space-between;align-items:center;gap:14px}.listening-dialog h2{font-size:20px;margin:0}.listening-dialog p{font-size:13px;line-height:1.8;color:var(--secondary)}.listening-dialog label{display:block;font-size:12px;font-weight:550;margin:18px 0 8px}.listening-dialog input{display:block;margin-top:8px;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:11px;font:inherit;color:var(--text);box-sizing:border-box}.listening-dialog input[type=file]{font-size:12px}.listening-dialog small{font-size:11px;line-height:1.8;color:var(--muted)}.listening-dialog .button[type=submit]{width:100%;justify-content:center;margin-top:10px}#listening-root button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.listening-controls select,.listening-exercise select{width:auto}#listening-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.listening-layout{grid-template-columns:minmax(0,1fr) 300px;gap:30px}}
@media(max-width:1120px){.listening-layout{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.listening-library{padding:14px}.listening-controls{padding:14px 17px;gap:8px}.listening-exercise{padding:20px}.listening-intro{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:900px){.listening-layout{grid-template-columns:minmax(0,1fr)}.listening-library{order:-1}.listening-guide{display:none}#listening-lessons{display:flex;gap:12px;overflow:auto;padding-bottom:3px}.listening-lesson{flex:0 0 190px;margin:0}.listening-cover{height:85px}.listening-cover b{font-size:23px}.listening-lesson-description{padding:10px 12px}.listening-library-heading,.listening-tabs{margin-bottom:10px}.listening-tabs{margin-top:10px}}
@media(max-width:520px){.listening-player-heading{padding:18px}.listening-player-heading h2{font-size:17px}.listening-poster{padding:18px}.listening-poster p{line-height:1.7;margin-bottom:15px}.listening-poster>strong{font-size:23px}.listening-source,.listening-timing-note{padding-left:18px;padding-right:18px}.listening-player-status{padding-left:18px;padding-right:18px}.listening-timing{margin-left:18px;margin-right:18px}.listening-exercise{padding:18px}.listening-sentence{font-size:22px}.listening-answer-actions .button{font-size:12px;padding:10px}.listening-exercise-top{gap:6px}.listening-exercise-top label{font-size:11px}.listening-exercise-top select{padding:6px}.listening-dialog{padding:20px}.listening-intro{font-size:11px}.listening-pagination{gap:5px}.listening-pagination select{max-width:128px}}

.listening-availability{font-size:12px;line-height:1.9;background:var(--green-light);color:var(--green);border-radius:9px;padding:12px 16px;margin:0 0 18px}

.listening-controls[hidden],.listening-timing[hidden]{display:none}.listening-poster>small{font-size:11px;line-height:1.7;margin-top:13px;opacity:.75;max-width:360px}
.listening-player-heading>div{min-width:0}.listening-player-heading h2,.listening-lesson-description span{overflow-wrap:anywhere}
.listening-reference{display:block;margin-top:12px;font-size:12px}
.listening-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.listening-cover>span,.listening-cover>b,.listening-cover>small{position:relative;z-index:1;text-shadow:0 1px 5px #000}.listening-cover.sintel{background:#354044;color:white}.listening-cover.steel{background:#293833;color:white}.listening-downloads{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:12px 0 5px}.listening-downloads button{font-size:11px}.listening-cover b{font-size:26px;letter-spacing:2px}