.listening-hub{display:flex;align-items:center;gap:20px;margin:24px 0;padding:24px;border:1px solid #9bdac1a1;border-radius:22px;background:radial-gradient(ellipse at 10% 20%,#496a6580,transparent 65%),#202e35;color:#fff7e9}.listening-hub-icon{display:grid;place-items:center;flex:0 0 70px;width:70px;height:70px;font-size:43px;color:#f9dda0;border-radius:50%;border:1px solid #bdedc499;box-shadow:0 0 28px #8fd6af24;background:#283f46}.listening-hub-copy{flex:1}.listening-hub h2{font-size:24px;line-height:1.3;margin:5px 0}.listening-hub .eyebrow{color:#bfe6c9}.listening-hub p{color:#e8f4ec;margin:8px 0}.listening-hub>.primary{flex:0 0 auto;white-space:normal}.listening-table{max-width:760px;margin:0 auto;padding:24px;color:#fff7eb;border:1px solid #a7d7c37d;border-radius:24px;background:radial-gradient(ellipse at top right,var(--grove-color),transparent 75%),#1f2b36;box-shadow:0 16px 60px #0b101d55}.listening-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.listening-heading .eyebrow{color:#bbe7cb;margin:0 0 7px;font-size:11px}.listening-heading h1{font-size:24px;line-height:1.2;margin:0}.listening-count{border:1px solid #b7d4b3aa;border-radius:30px;background:#18252d;color:#e9e5b5;padding:8px 14px;font-size:19px;font-weight:700}.listening-player{background:#17212ccf;border-radius:16px;padding:12px;margin-bottom:18px}.listening-player audio{display:block;width:100%;height:42px;color-scheme:light}.listening-audio-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:15px;color:#f1ecd7}.listening-audio-tools button{font-size:15px;padding:6px 4px;min-height:40px;color:#e5eadb}.listening-audio-tools select{font:inherit;font-size:16px;min-height:38px;border:1px solid #96bcb7;border-radius:8px;padding:2px 6px;background:#233540;color:#fff}.listening-audio-error{font-size:16px;line-height:1.4;color:#ffe1a9;padding:8px;margin:0}.listening-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-width:400px;margin:auto}.listening-tabs button{border:1px solid #adcabd7d;border-radius:10px;background:#18262f;color:#fff3d4;min-height:42px;font-size:17px;cursor:pointer}.listening-tabs button[aria-pressed=true]{border-color:#f1d190;background:#f1d190;color:#1b2931;font-weight:700;box-shadow:0 0 0 2px #f1d19022}.listening-tabs button.solved{background:#324f48;color:#dcffe5}.listening-cloze.sentence{font-size:22px!important;line-height:1.8!important;margin:18px 0!important;color:#fff9e9!important;min-height:78px;text-align:left;font-weight:500}.listening-gap{font:inherit;line-height:1.35;display:inline-block;border:1px solid #afc9bd69;border-radius:8px;background:#18252f;color:#dceadb;min-height:36px;margin:0 3px;padding:3px 9px;vertical-align:baseline;cursor:pointer}.listening-gap.active{background:#f8e7b5;color:#243341;border-color:#ffe6a4;box-shadow:0 2px 0 #ac935b}.listening-gap.solved{background:#244e43;color:#e1ffe8;border-color:#7cbba1}.gap-number{font-size:12px;font-weight:700;margin-right:5px;vertical-align:super}.listening-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.listening-word{position:relative;display:block;min-width:0;min-height:50px;padding:10px 8px;border:1px solid #b5cbbb;border-radius:12px;background:#fcf5df;color:#1f3341;font-family:inherit;font-size:18px;line-height:1.25;font-weight:600;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .15s}.listening-word.selected{background:#d4bee9;border:2px solid #c6a4ea;box-shadow:0 0 0 2px #c6a4ea44;transform:translateY(-2px)}.listening-word.used{background:#22473b;border-color:#6ea890;color:#c9f2db;opacity:1}.listening-word:disabled:not(.used){opacity:.55;cursor:default}.listening-word-tick{display:inline-block;margin-left:5px;font-size:12px}.listening-table button:focus-visible,.listening-table select:focus-visible{outline:3px solid #e8c785;outline-offset:3px}.listening-response{display:flex;align-items:center;gap:10px;color:#fff2cd;background:#273a427d;border-radius:12px;margin:14px 0 10px;padding:6px 10px;min-height:54px;font-size:17px;line-height:1.4}.listening-pixie{width:42px!important;height:48px!important;flex:0 0 42px;margin:0!important}.listening-response .avatar-title{display:none}.listening-action-row button{width:100%;min-height:48px;font-size:18px}.listening-action-row [hidden],#listeningPlayArea[hidden],#listeningBreak[hidden],.listening-audio-error[hidden]{display:none!important}.listening-break{text-align:center;padding:35px 10px}.listening-break p{font-size:18px}.listening-intro{max-width:650px}.listening-intro .primary{display:block;margin:20px auto 10px}.listening-reward-note{font-size:15px!important;line-height:1.5!important;color:#e1d8c5!important}.listening-active #app{padding-bottom:20px}.listening-transcript{text-align:left;border:1px solid #bfa7d177;border-radius:12px;padding:12px 16px;margin:20px 0}.listening-transcript summary{font-size:18px;cursor:pointer}.listening-transcript .sentence{font-size:19px;line-height:1.7}.listening-finish h1{font-size:28px}.listening-finish{max-width:800px;margin:auto}
@media(max-width:760px){.listening-hub{padding:18px;gap:14px;flex-wrap:wrap}.listening-hub-icon{flex-basis:48px;width:48px;height:48px;font-size:30px}.listening-hub-copy{flex-basis:calc(100% - 70px)}.listening-hub h2{font-size:21px}.listening-hub p{font-size:15px}.listening-hub>.primary{width:100%}.listening-active header{position:relative!important}.listening-toolbar{font-size:12px;gap:8px}.listening-table{padding:14px;border-radius:17px}.listening-heading{margin-bottom:10px}.listening-heading h1{font-size:21px}.listening-heading .eyebrow{font-size:10px}.listening-count{font-size:17px;padding:6px 10px}.listening-player{padding:8px;margin-bottom:10px}.listening-player audio{height:38px}.listening-audio-tools{gap:6px}.listening-audio-tools button{font-size:14px;min-height:38px}.listening-audio-tools label{font-size:14px;white-space:nowrap}.listening-tabs{gap:6px}.listening-tabs button{min-height:38px}.listening-cloze.sentence{font-size:19px!important;line-height:1.65!important;margin:12px 0!important;min-height:63px}.listening-gap{padding:2px 6px;min-height:32px}.listening-bank{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.listening-word{font-size:17px;min-height:44px;padding:8px 5px;border-radius:9px}.listening-response{margin:10px 0 8px;font-size:16px;min-height:47px;padding:4px 7px;gap:7px}.listening-pixie{width:34px!important;height:40px!important;flex-basis:34px!important}.listening-action-row button{font-size:17px;min-height:45px}.listening-active main{padding:10px 12px}.listening-active .battle-toolbar{margin-bottom:8px}.listening-finish{padding:22px 14px}}
@media(prefers-reduced-motion:reduce){.listening-word{transition:none;transform:none!important}}

@media(max-width:760px){.listening-dock{position:fixed;bottom:0;left:0;right:0;z-index:25;padding:6px 12px calc(10px + env(safe-area-inset-bottom));background:#1c2b35;border-top:1px solid #9cbcac77;box-shadow:0 -5px 20px #0005}.listening-dock .listening-response{max-width:700px;margin:0 auto 6px;background:transparent;padding:2px 0;min-height:43px}.listening-dock .listening-action-row{max-width:700px;margin:auto}.listening-active #app{padding-bottom:155px}}