:root{--study-bg:#101b18;--study-panel:#172720;--study-line:#324b3e;--study-text:#edf7ef;--study-muted:#b4cbbd;--study-green:#90df79}.study48{max-width:1120px;margin:0 auto;color:var(--study-text);overflow-wrap:anywhere}.study48 h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.study48 h2{font-size:1.15rem;font-weight:750}.study48 p{color:var(--study-muted)}.study48 .bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.study48 .panel{background:var(--study-panel);border:1px solid var(--study-line);border-radius:18px;padding:18px;margin:14px 0;min-width:0}.study48 button,.study48 .button{background:var(--study-green);color:#142516;border:1px solid transparent;border-radius:12px;padding:11px 16px;min-height:44px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;transition:transform .15s,filter .15s}.study48 button:hover{filter:brightness(1.08)}.study48 button:active{transform:scale(.97)}.study48 button:focus-visible,.study48 a:focus-visible{outline:3px solid #e9d780;outline-offset:3px}.study48 button:disabled{opacity:.5;cursor:default}.study48 .secondary{color:var(--study-text);border-color:var(--study-line);background:#22372b}.study48 .danger{background:#7b3540;color:#fff}.study48 input:not([type=checkbox]):not([type=color]),.study48 select,.study48 textarea{max-width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #557361;background:#101c16;color:var(--study-text);border-radius:10px;font:inherit}.study48 textarea{width:100%;min-height:100px}.study48 input[type=checkbox]{width:20px;height:20px;accent-color:#90df79}.study48 label{display:flex;align-items:center;gap:8px}.study48 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}.study48 table{border-collapse:collapse;width:100%;font-size:.95rem}.study48 td,.study48 th{padding:12px 8px;text-align:left;border-bottom:1px solid var(--study-line)}.study48 .table-scroll{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch}.study48 .muted{color:var(--study-muted);font-size:.9rem}.study48 .badge{border-radius:50px;padding:4px 10px;background:#274131;font-size:.8rem}.study48 .status{min-height:24px;color:#d1e7bd}.study48 .hidden,[hidden]{display:none!important}.study48 .answer{font-size:clamp(1.2rem,4vw,2rem);text-align:center;letter-spacing:.025em}.study48 .slots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;min-height:46px;margin:18px 0}.study48 .slot{display:inline-grid;place-items:center;min-width:.7em;border-bottom:2px solid #b9d8c0;font-size:clamp(20px,5vw,30px);line-height:1.5}.study48 .slot.space{min-width:.6em;border-bottom:2px dashed #e1c56b;background:#51482455}.study48 .correct{color:#a1e590}.study48 .wrong{color:#ffacac}.study48 .sticky-actions{position:sticky;bottom:0;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:var(--study-panel);display:flex;gap:10px;justify-content:center;z-index:2}.listen-transcript,.listen-cloze-scroll,.listen-main{overscroll-behavior-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.listen-transcript{overflow-anchor:none}.listen-player{top:var(--dg-mobile-header-height,68px)}.listen-main input,.listen-main textarea{font-size:16px!important}.study-photo-compact{display:inline-flex!important;gap:8px;padding:9px 12px!important;border-radius:10px;font-size:14px!important;align-items:center}.study-photo-compact p{display:none!important}.study-photo-compact h2,.study-photo-compact h3{font-size:14px!important;margin:0!important}.study48 .split{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:650px){.study48 .panel{padding:14px;border-radius:14px}.study48 .split{grid-template-columns:1fr}.study48 .bar>*{flex-grow:1}.study48 td,.study48 th{padding:10px 6px}.study48 .sticky-actions button{flex:1;padding:10px 8px}}@media(prefers-reduced-motion:reduce){.study48 *{transition:none!important;animation:none!important}}
.dg-captions{margin-top:10px;border-top:1px solid #34493d;padding-top:8px}.dg-captions button{min-height:36px;padding:5px 10px;font-size:13px}.dg-caption-line{font-size:clamp(17px,3vw,21px);line-height:1.6;min-height:3.2em;margin:8px 0 0;color:#dce9df;overflow-wrap:anywhere}.dg-caption-line .active{background:#99df7e;color:#142516;border-radius:5px;padding:2px 3px}.listen-tabs{position:sticky;top:var(--dg-header-height,64px);z-index:8;overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;max-width:100%;background:#15241d}.listen-tabs button{flex-shrink:0}.listen-player{z-index:9!important}.listen-transcript-panel{min-width:0}

.study48 dialog,dialog.study48{color:var(--study-text);background:#14251b;border:1px solid #53745e;border-radius:18px;width:min(94vw,720px);max-height:90dvh;padding:0;overflow:auto}dialog.study48::backdrop{background:#000a}.study48 dialog .panel,dialog.study48 .panel{margin:0}.map-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px}#map-stage{height:65dvh;min-height:360px;overflow:hidden;border:1px solid #41634c;border-radius:16px;touch-action:none;background:#11251b}#map-svg{width:100%;height:100%;user-select:none}#map-inspector{margin:0;max-height:65dvh;overflow:auto}#map-inspector label{display:block;margin:8px 0}#map-inspector input,#map-inspector select{width:100%}#map-inspector input[type=color]{width:48px;height:36px}#map-inspector .bar label{flex:1;min-width:60px}.board-lanes{display:flex;gap:14px;overflow-x:auto;align-items:flex-start;padding-bottom:16px;scroll-snap-type:x proximity}.board-lane{min-width:290px;width:310px;flex-shrink:0;scroll-snap-align:start}.study48 .board-card{width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin:10px 0;gap:8px;font-weight:400}.board-card b{font-weight:750}.board-card span{font-size:13px}.dg-capture-compact{padding:8px 12px!important;font-size:14px!important;max-width:180px!important}.ft-basic-decisions{flex-wrap:wrap!important}.ft-basic-decisions button{flex:1 1 130px!important}@media(max-width:800px){.map-workspace{grid-template-columns:1fr}#map-inspector{max-height:none}#map-stage{height:55dvh;min-height:330px}.board-lane{min-width:min(82vw,310px)}}

.forum-person{display:flex;align-items:center;gap:10px}.forum-avatar{width:46px;height:46px;border:3px solid #75b86a;border-radius:50%;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.forum-avatar img{width:100%;height:100%;object-fit:cover}.forum-person .bar{margin:4px 0;gap:6px}.forum-content{white-space:pre-wrap;margin:14px 0;line-height:1.7;overflow-wrap:anywhere}.forum-comment{border-left:2px solid #527a5a;padding:12px;margin:12px 0}.forum-comment .forum-avatar{width:36px;height:36px}.study48 #forum-posts>.panel{max-width:820px;margin-inline:auto}.study48 #forum-filter{position:sticky;top:70px;background:#101b18;padding:8px 0;z-index:5}

.dg-captions{display:flex;align-items:flex-start;gap:8px}.dg-captions button{flex-shrink:0}.dg-caption-line{flex:1;margin:0;min-height:1.6em}.listen-tabs{top:calc(var(--dg-header-height,68px) + var(--dg-player-height,220px) + 14px)!important}.study48 #map-tools>div.bar:first-child input{flex:1 1 100%;width:100%}.study48 #map-tools button{min-height:40px;font-size:14px;padding:8px 11px}.study48 #map-tools details>summary{font-size:14px;min-height:40px;display:flex;align-items:center}.study48 #map-inspector summary{cursor:pointer;font-weight:700}.study48 #map-inspector[open]{overflow:auto}

.listen-tabs{display:flex!important;align-items:center;grid-template-columns:none!important}.listen-tabs button{width:auto!important;min-width:max-content}.study48 input[type=checkbox]{flex-shrink:0}

#listen-root{--dg-ui-card:#172a20;--dg-ui-raised:#22372b;--dg-ui-ink:#edf7ef;--dg-ui-muted:#b4cbbd;--dg-ui-border:#405d49}#listen-root .ws-btn{background:#90df79!important;color:#142516!important;border:1px solid #9ee48b;border-radius:11px;min-height:40px;padding:8px 12px}#listen-root .ws-btn.secondary{background:#223b2b!important;color:#edf7ef!important;border-color:#56735e}#listen-root .ws-btn:disabled{background:#293b30!important;color:#a9bdae!important}#listen-root .listen-tabs button[aria-selected=true]{background:#90df79!important;color:#142516!important;border-color:#90df79!important}#listen-root .listen-tabs button{background:#1a3023;color:#edf7ef}#listen-root select{background:#16271b!important;color:#e8f4e9!important}#listen-root .listen-matrix button{background:#22372b;color:#edf7ef;border-color:#54715d}#listen-root .listen-matrix button.is-correct{background:#315b35;color:#d8ffd2}.le-wrap .le-card{background:#172a20!important;color:#edf7ef;border-color:#405d49!important}.le-wrap :is(.le-input,.le-text,.le-btn){background:#122319!important;color:#edf7ef!important;border-color:#52715b!important;font-size:16px}.le-wrap :is(.le-help,.le-label){color:#b4cbbd!important}.le-wrap .le-main{background:#90df79!important;color:#142516!important}.le-wrap .le-hero{background:linear-gradient(125deg,#174e2b,#306b35)!important}
