:root{--bg: #FAFAF7;--surface: #FFFFFF;--surface-2: #F4F2EC;--text: #14130F;--text-2: #45423B;--tooltip-bg: #F4F2EC;--tooltip-text: #14130F;--tooltip-text-2: rgba(20,19,15,.65);--tooltip-border: 1px solid #D8D5CD;--text-3: #6B6862;--text-4: #9C9890;--line: #E8E5DD;--line-2: #D9D5CB;--accent: #2A6FDB;--accent-press: #2057B0;--accent-soft: rgba(42, 111, 219, .08);--accent-soft-2: rgba(42, 111, 219, .16);--accent-ink: #1B4FA0;--success: #1F8A5B;--success-soft: rgba(31, 138, 91, .1);--error: #C7341E;--error-soft: rgba(199, 52, 30, .1);--star: #E8A93A;--font-ui: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-read: "Newsreader", "IBM Plex Serif", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--r-1: 6px;--r-2: 10px;--r-3: 14px;--r-full: 999px;--shadow-1: 0 1px 2px rgba(20,19,15,.04), 0 1px 3px rgba(20,19,15,.06);--shadow-2: 0 4px 12px rgba(20,19,15,.08), 0 1px 3px rgba(20,19,15,.05);--shadow-tooltip: 0 12px 32px rgba(20,19,15,.14), 0 2px 6px rgba(20,19,15,.08);--focus-ring: rgba(42, 111, 219, .32)}@media(prefers-color-scheme:dark){:root{--bg: #141410;--surface: #1E1D19;--surface-2: #2A2820;--text: #F0EDE6;--text-2: #C4BFB4;--tooltip-bg: #3A3830;--tooltip-text: #FFFFFF;--tooltip-text-2: rgba(255,255,255,.72);--tooltip-border: none;--text-3: #8C8880;--text-4: #5A5750;--line: #2E2C26;--line-2: #3E3C34;--accent: #4A8FEB;--accent-press: #3A7FDB;--accent-soft: rgba(74, 143, 235, .12);--accent-soft-2: rgba(74, 143, 235, .22);--accent-ink: #90BEFF;--success: #2EAA70;--success-soft: rgba(46, 170, 112, .15);--error: #E05242;--error-soft: rgba(224, 82, 66, .15);--star: #F0B040;--shadow-1: 0 1px 2px rgba(0,0,0,.2), 0 1px 3px rgba(0,0,0,.15);--shadow-2: 0 4px 12px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--shadow-tooltip: 0 12px 32px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.25);--focus-ring: rgba(74, 143, 235, .45)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{max-width:760px;margin:0 auto;padding:var(--s-8) var(--s-9)}.page-layout{display:flex;flex-direction:column;gap:var(--s-4)}.gl-control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.lesson-reader-footer{margin-top:var(--s-6)}[data-role=lesson-picker-overlay]{max-height:60vh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;position:relative;scroll-behavior:smooth}.gl-quiz-overlay{max-height:60vh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;position:relative}@media(max-width:768px){#app{padding:var(--s-4)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-5);margin-bottom:var(--s-4)}.nav-next{text-align:right}.complete-message{text-align:center}.complete-text{margin-top:var(--s-3);color:var(--text-3)}[data-role=lesson-list]{padding:0 var(--s-4);margin-top:var(--s-3)}[data-role=lesson-group]{padding-top:var(--s-4)}[data-role=lesson-group]:first-child{padding-top:2px}[data-role=lesson-group]+[data-role=lesson-group]{margin-top:var(--s-6);border-top:2px solid var(--accent)}[data-role=themebook-group-header]{position:relative;display:flex;flex-direction:column;gap:2px;margin-bottom:var(--s-3);padding:var(--s-2) 0 var(--s-3)}.gl-themebook-label{color:var(--text-3);font-size:13px;font-weight:500}.gl-themebook-title{color:var(--text);font-size:16px;font-weight:600;line-height:1.25}[data-role=lesson-text]{margin-top:var(--s-4)}[data-role=lesson-text] p{margin-bottom:var(--s-4);font-size:17px;line-height:1.6;letter-spacing:-.005em;display:flex;align-items:center;flex-wrap:wrap;column-gap:.3em}[data-role=lesson-text] p:before{content:"— "}.vocab-dotted{border-bottom:1.5px dotted var(--accent);cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;padding:0;font:inherit;color:inherit}.vocab-active{background:var(--accent);color:#fff;border-radius:3px;padding:1px 4px;margin:0 -1px;cursor:pointer;border-bottom:none!important}[data-role=lesson-text] p.audio-active{background:var(--accent-soft);border-radius:var(--r-1);box-shadow:0 0 0 4px var(--accent-soft);transition:background .15s,box-shadow .15s}.audio-play-btn{margin-left:var(--s-2);background:none;border:none;cursor:pointer;color:var(--accent);font-size:.9em;line-height:1;padding:2px 4px;vertical-align:middle;font-family:inherit;transition:color .12s}.audio-play-spacer{flex:.5 1 0;min-width:var(--s-6)}.audio-play-btn:hover{color:var(--accent-press)}.audio-play-btn.is-full{color:var(--success)}.audio-play-btn.is-full:hover{color:var(--success);filter:brightness(.8)}.gl-tooltip{position:fixed;background:var(--tooltip-bg);color:var(--tooltip-text);padding:12px 14px 14px;border-radius:var(--r-2);box-shadow:var(--shadow-tooltip);border:var(--tooltip-border);min-width:180px;max-width:260px;z-index:30;font-family:var(--font-ui);pointer-events:none}.gl-tooltip-orig{font-size:15px;font-weight:600;color:var(--tooltip-text);margin-bottom:2px;letter-spacing:0;display:block}.gl-tooltip-trans{font-size:14px;color:var(--tooltip-text-2);letter-spacing:0;display:block}.gl-tooltip-tail{position:absolute;width:14px;height:14px;background:var(--tooltip-bg);transform:rotate(45deg);left:50%;margin-left:-7px}.gl-tooltip-tail.below{top:-5px}.gl-tooltip-tail.above{bottom:-5px}.gl-btn-primary,.btn-primary{display:flex;align-items:center;justify-content:center;height:52px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-2);font-size:16px;font-weight:600;letter-spacing:-.01em;width:100%;cursor:pointer;font-family:inherit;transition:background .12s}.gl-btn-primary:hover,.btn-primary:hover{background:var(--accent-press)}.gl-btn-primary:disabled,.btn-primary:disabled{background:var(--line-2);color:var(--text-4);cursor:not-allowed}.gl-btn-primary.lg{height:56px;font-size:17px}.gl-btn-secondary{display:flex;align-items:center;justify-content:center;height:48px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-2);font-size:15px;font-weight:500;width:100%;cursor:pointer;font-family:inherit}.gl-btn-secondary:hover{background:var(--surface-2)}.gl-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.gl-picker{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 12px;background:var(--surface-2);border:none;border-radius:var(--r-1);font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;font-family:inherit}.gl-picker:hover{background:var(--line)}.gl-picker-full{width:100%;min-height:52px;padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);color:var(--text-2);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;text-align:center}.gl-picker-full:hover{background:var(--surface-2)}.gl-picker-close-full{width:100%;justify-content:center;text-align:center}[data-role=lesson-picker-header]{position:sticky;top:0;z-index:3;background:var(--surface);padding-bottom:var(--s-2)}.gl-picker-open{position:absolute;top:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--shadow-2);min-width:200px;padding:4px;z-index:20}.gl-picker-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;font-size:14px;border-radius:var(--r-1);color:var(--text);cursor:pointer}.gl-picker-item.is-active{background:var(--accent-soft-2);color:var(--accent-ink);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.gl-picker-item:hover:not(.is-active){background:var(--surface-2)}.gl-picker-item .gl-picker-meta{font-size:12px;color:var(--text-4);font-variant-numeric:tabular-nums}.gl-picker-code{font-size:13px;font-weight:500;color:var(--text-2)}[data-role=themebook-anchors]{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0;padding:8px 12px 0;border-bottom:1px solid var(--line-2);position:sticky;top:42px;background:var(--surface);z-index:2;scrollbar-width:none}[data-role=themebook-anchors]::-webkit-scrollbar{display:none}.gl-tb-chip{position:relative;flex-shrink:0;padding:5px 12px 6px;border:1px solid var(--line);border-bottom-color:var(--line-2);border-radius:var(--r-2) var(--r-2) 0 0;background:var(--surface-2);box-shadow:inset 0 -1px #14130f08;font-size:12px;color:var(--text-4);cursor:pointer;font-family:inherit;white-space:nowrap;transform:translateY(1px);margin-right:-2px;z-index:1}.gl-tb-chip:hover{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent);z-index:3}.gl-tb-chip--active{background:var(--surface);color:var(--accent-ink);border-color:var(--accent);border-bottom-color:var(--surface);font-weight:600;box-shadow:0 -1px 0 var(--surface),0 1px 0 var(--surface);z-index:4}.gl-progress{height:6px;width:100%;background:var(--line);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--s-6)}.gl-progress-fill{height:100%;background:var(--accent);border-radius:var(--r-full);transition:width .2s}.gl-quiz-container{max-width:600px}.gl-quiz-container--full{display:flex;flex-direction:column}.gl-quiz-title{margin:0 0 var(--s-3);font-size:22px;line-height:1.25}.gl-quiz-header{position:sticky;top:0;z-index:4;background:var(--surface);padding-bottom:var(--s-2)}.gl-quiz-header--split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.gl-quiz-mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);padding:var(--s-2) 0}.gl-quiz-mode-choice-btn{min-height:68px;font-weight:600}.gl-quiz-anchors{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--s-1);padding:var(--s-1) 0 var(--s-2);position:sticky;top:40px;z-index:3;background:var(--surface);scrollbar-width:none}.gl-quiz-anchors::-webkit-scrollbar{display:none}.gl-quiz-anchor{flex-shrink:0;min-width:32px;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface-2);font-size:13px;font-weight:600;color:var(--text-3);cursor:pointer;font-family:inherit;font-variant-numeric:tabular-nums}.gl-quiz-anchor:hover{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.gl-quiz-anchor.is-active{background:var(--surface);color:var(--accent-ink);border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.gl-quiz-question-text{margin-bottom:var(--s-6);padding:var(--s-4);border-radius:var(--r-1);background:var(--surface-2);font-size:18px;font-weight:500;line-height:1.4}.gl-quiz-options{margin-bottom:var(--s-6)}.gl-quiz-full-question{padding-bottom:var(--s-6);margin-bottom:var(--s-6);border-bottom:1px solid var(--line)}.gl-quiz-full-question:last-child{border-bottom:none;margin-bottom:0}@keyframes glQuizFooterIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.gl-quiz-footer{margin-top:var(--s-4);padding:var(--s-3) 0 var(--s-1);background:var(--surface);animation:glQuizFooterIn .24s ease}.gl-quiz-footer--nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);align-items:center}.gl-quiz-footer-buttons{display:grid;grid-template-columns:1fr;gap:var(--s-2);align-items:center}.gl-quiz-submit-status{margin:0 0 var(--s-3);color:var(--text-3);font-size:14px;line-height:1.35}.gl-quiz-warning{color:var(--error);margin-bottom:var(--s-4)}.gl-option{display:flex;align-items:center;gap:14px;min-height:64px;padding:16px 18px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-2);font-size:16px;font-weight:500;color:var(--text);text-align:left;width:100%;font-family:inherit;letter-spacing:-.005em;cursor:pointer;margin-bottom:var(--s-2);transition:border-color .12s,background .12s}.gl-option:hover{border-color:var(--line-2)}.gl-option.is-selected{border-color:var(--accent);background:var(--accent-soft)}.gl-option.is-correct{border-color:var(--success);background:var(--success-soft)}.gl-option.is-wrong{border-color:var(--error);background:var(--error-soft)}.gl-option-letter{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-3);font-family:var(--font-mono)}.gl-option.is-selected .gl-option-letter{background:var(--accent);color:#fff}.gl-option.is-correct .gl-option-letter{background:var(--success);color:#fff}.gl-option.is-wrong .gl-option-letter{background:var(--error);color:#fff}.gl-score-block{padding:var(--s-5);margin-bottom:var(--s-6);border-radius:var(--r-2);text-align:center}.gl-score-block.is-perfect{background:var(--success-soft)}.gl-score-block.is-ok{background:var(--surface-2)}.gl-score-block.is-bad{background:var(--error-soft)}.gl-result-row{padding:12px 16px;margin-bottom:var(--s-2);border-radius:var(--r-2);border-left:4px solid}.gl-result-row.is-correct{border-color:var(--success);background:var(--success-soft)}.gl-result-row.is-wrong{border-color:var(--error);background:var(--error-soft)}.gl-textarea{width:100%;min-height:80px;padding:var(--s-2) var(--s-3);border-radius:var(--r-2);border:1.5px solid var(--line);font-family:var(--font-ui);font-size:14px;color:var(--text);background:var(--surface);resize:vertical;margin-bottom:var(--s-4)}.gl-textarea:focus{outline:none;border-color:var(--accent)}.gl-stars{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-6)}.gl-star{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;font-size:36px;color:var(--line-2);line-height:1}.gl-star.is-on{color:var(--star)}.gl-toggle{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.gl-toggle input{display:none}.gl-toggle-track{position:relative;width:36px;height:20px;background:var(--success);border-radius:var(--r-full);transition:background .18s}.gl-toggle input:checked+.gl-toggle-track{background:var(--accent)}.gl-toggle-thumb{position:absolute;width:16px;height:16px;background:var(--surface);border-radius:50%;top:2px;left:2px;box-shadow:var(--shadow-1);transition:transform .18s}.gl-toggle input:checked+.gl-toggle-track .gl-toggle-thumb{transform:translate(16px)}@keyframes gl-toast-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.gl-timeout-toast{position:fixed;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:var(--r-1);padding:2px 8px;font-size:13px;font-weight:600;font-family:var(--font-mono);pointer-events:none;z-index:50;box-shadow:var(--shadow-1);animation:gl-toast-in .12s ease}.listening-mask--b{color:var(--success);opacity:.45;display:inline-flex;gap:4px;align-items:center;vertical-align:-.12em;line-height:1;margin-left:1em;max-width:80vw;overflow:hidden}.listening-mask--a{color:var(--accent);display:inline-flex;gap:4px;align-items:center;vertical-align:-.12em;line-height:1;margin-left:1em;max-width:80vw;overflow:hidden}.listening-mask--a svg,.listening-mask--b svg{display:block;stroke-width:2.8}.gl-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-4);font-family:var(--font-ui)}.gl-divider{height:1px;background:var(--line);width:100%}.gl-controls{--gl-control-icon-width: 24px;--gl-audio-track-width: 52px;--gl-reveal-track-width: 78px;display:grid;grid-template-columns:max-content max-content max-content;justify-content:center;align-items:center;column-gap:clamp(18px,4vw,40px);border-top:1px solid var(--line);margin-top:var(--s-4);padding-top:var(--s-3)}.gl-cgroup{display:flex;align-items:center;justify-content:center;gap:var(--s-1);height:44px}.gl-cpart{min-width:0}.gl-cpart--play,.gl-cpart--audio,.gl-cpart--reveal{justify-content:center}.gl-controls .gl-ictap{width:var(--gl-control-icon-width)}.gl-cpart--audio .gl-toggle-hit,.gl-cpart--audio .gl-toggle-track{width:var(--gl-audio-track-width)}.gl-cpart--audio .gl-toggle input:checked+.gl-toggle-track .gl-toggle-thumb{transform:translate(calc(var(--gl-audio-track-width) - 20px))}.gl-play{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border:none;background:none;padding:0;cursor:pointer;border-radius:var(--r-full);-webkit-tap-highlight-color:transparent}.gl-play .disc{width:40px;height:40px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);transition:background .14s,color .14s,transform .12s}.gl-play .disc svg{display:block}.gl-play[data-state=paused] .disc svg{transform:translate(1px)}.gl-play:not(:disabled):hover .disc{background:var(--accent-soft-2)}.gl-play:not(:disabled):active .disc{transform:scale(.94)}.gl-play[data-state=playing] .disc{background:var(--accent);color:#fff}.gl-play[data-state=playing]:not(:disabled):hover .disc{background:var(--accent-press)}.gl-play:disabled{cursor:not-allowed}.gl-play:disabled .disc{background:var(--surface-2);color:var(--text-4)}.gl-play:focus-visible{outline:none}.gl-play:focus-visible .disc{box-shadow:0 0 0 4px var(--focus-ring)}.gl-play[data-playmode=full] .disc{background:var(--success-soft);color:var(--success)}.gl-play[data-playmode=sent] .disc{background:var(--accent-soft);color:var(--accent)}.gl-play[data-playmode=none] .disc{background:var(--surface-2);color:var(--text-4)}.gl-play[data-playmode=full]:not(:disabled):hover .disc{background:#1f8a5b29}.gl-play[data-playmode=sent]:not(:disabled):hover .disc{background:var(--accent-soft-2)}.gl-play[data-playmode=full][data-state=playing] .disc{background:var(--success);color:#fff}.gl-play[data-playmode=sent][data-state=playing] .disc{background:var(--accent);color:#fff}.gl-play[data-playmode=full][data-state=playing]:not(:disabled):hover .disc{filter:brightness(.88)}.gl-play[data-playmode=sent][data-state=playing]:not(:disabled):hover .disc{background:var(--accent-press)}.gl-ictap{width:36px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border:none;background:none;padding:0;cursor:pointer;color:var(--text-3);border-radius:var(--r-1);transition:color .14s,opacity .14s;-webkit-tap-highlight-color:transparent;align-self:center;line-height:1}.gl-ictap svg{display:block}.gl-ictap:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.gl-ictap[data-tone=full]{color:var(--success)}.gl-ictap[data-tone=sent]{color:var(--accent)}.gl-ictap[data-tone=hidden]{color:var(--success)}.gl-ictap[data-tone=reveal]{color:var(--accent)}.gl-ictap[aria-pressed=false]{color:var(--text-4);opacity:.55}.gl-ictap:disabled{color:var(--text-4);opacity:.42;cursor:not-allowed}.gl-cpart--audio:has(>.gl-ictap[aria-pressed=false]:first-child):has(>.gl-ictap[aria-pressed=false]:last-child) .gl-toggle-hit{opacity:.55}.gl-toggle-hit{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;align-self:center}.gl-toggle input{position:absolute;opacity:0;width:0;height:0}.gl-toggle input:focus-visible+.gl-toggle-track{box-shadow:0 0 0 4px var(--focus-ring)}.gl-toggle input:disabled+.gl-toggle-track{cursor:not-allowed}.gl-controls.is-audio-empty .gl-toggle input:disabled+.gl-toggle-track{background:var(--line-2);opacity:.48}.gl-toggle-hit:has(input:disabled){cursor:not-allowed}.gl-toggle3-wrap{position:relative;flex:none;width:var(--gl-reveal-track-width);min-width:0;height:44px;display:flex;align-items:center;justify-content:center}.gl-toggle3-mid-label{position:absolute;top:-6px;left:50%;transform:translate(-50%);color:var(--text-3);font-family:var(--font-mono);font-size:9px;font-weight:600;line-height:1;pointer-events:none}.gl-toggle3{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:20px;border-radius:var(--r-full);background:var(--line-2);outline:none;cursor:pointer;padding:0;margin:0;touch-action:manipulation;transition:background .18s;flex:none;align-self:center}.gl-toggle3[data-state=left]{background:var(--success)}.gl-toggle3[data-state=center]{background:var(--text-3)}@media(prefers-color-scheme:dark){.gl-toggle3[data-state=center]{background:var(--text-2)}}.gl-toggle3[data-state=right]{background:var(--accent)}.gl-toggle3:disabled{background:var(--line-2);opacity:.45;cursor:not-allowed}.gl-toggle3:focus-visible{box-shadow:0 0 0 4px var(--focus-ring)}.gl-toggle3::-webkit-slider-runnable-track{height:20px;border-radius:var(--r-full);background:transparent}.gl-toggle3::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-1);margin-top:2px}.gl-toggle3::-moz-range-track{height:20px;border-radius:var(--r-full);background:transparent}.gl-toggle3::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-1);border:none}@keyframes glRevealFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes glRevealFadeInDim{0%{opacity:0;transform:translateY(3px)}to{opacity:.45;transform:translateY(0)}}.gl-reveal-transition>p,.gl-reveal-transition .listening-mask--a{animation:glRevealFadeIn .4s ease forwards}.gl-reveal-transition .listening-mask--b{animation:glRevealFadeInDim .4s ease forwards}@media(max-width:768px){.gl-controls{--gl-control-icon-width: 24px;--gl-audio-track-width: 52px;--gl-reveal-track-width: 78px;column-gap:clamp(var(--s-2),3vw,var(--s-4))}.gl-cpart--play .gl-play .disc{width:44px;height:44px}}@media(max-width:380px){.gl-controls{--gl-control-icon-width: 22px;--gl-audio-track-width: 44px;--gl-reveal-track-width: 66px;column-gap:var(--s-2)}}