.lesson-detail{display:grid;gap:24px;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);align-items:start;min-width:0}.lesson-detail-with-variants{grid-template-columns:minmax(0,2.4fr) minmax(220px,1fr)}.lesson-player-layout{display:grid;grid-template-columns:var(--lesson-variants-width) minmax(0,1fr);gap:var(--lesson-variants-gap);align-items:start;transition:grid-template-columns 0.14s ease;min-width:0;inline-size:100%;max-inline-size:100%}.lesson-player{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 12px 28px rgba(22,16,8,0.08);align-self:start;min-width:0;inline-size:100%;max-inline-size:100%;overflow:hidden}.lesson-player-meta{display:grid;gap:10px;margin-top:12px}.lesson-player-title{margin:0;font-size:1.08rem;line-height:1.35;color:var(--ink)}.lesson-player-tags span{font-size:0.8rem;padding:5px 9px}.lesson-collapsible{overflow:hidden}.lesson-collapsible-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;font-weight:700;color:var(--ink)}.lesson-collapsible-summary::-webkit-details-marker{display:none}.lesson-collapsible-summary::after{content:"▾";font-size:0.95rem;line-height:1;color:var(--accent-dark);transition:transform 0.18s ease}.lesson-collapsible[open]>.lesson-collapsible-summary::after{transform:rotate(180deg)}.lesson-collapsible-title{font-size:1.08rem}.lesson-collapsible-body{padding:0 18px 18px}.video-embed{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#000}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-video-launch{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.lesson-video-launch img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.94)}.lesson-video-launch-badge{position:absolute;inset-inline-start:18px;inset-block-end:18px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(28,22,16,0.72);color:#fff;font-weight:700;box-shadow:0 16px 30px rgba(0,0,0,0.22)}.audio-embed{display:grid;gap:10px}.lesson-transcript{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:0;box-shadow:0 12px 24px rgba(22,16,8,0.08);width:calc(100% - var(--lesson-variants-width) - var(--lesson-variants-gap));margin-inline-start:calc(var(--lesson-variants-width) + var(--lesson-variants-gap));transition:width 0.14s ease,margin-inline-start 0.14s ease;min-width:0;max-width:100%;overflow:hidden}.lesson-transcript>.lesson-collapsible-body{padding-top:8px}.lesson-suggestions{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:0 12px 24px rgba(22,16,8,0.08);min-width:0;max-width:100%}.lesson-inline-suggestions{width:calc(100% - var(--lesson-variants-width) - var(--lesson-variants-gap));margin-inline-start:calc(var(--lesson-variants-width) + var(--lesson-variants-gap));transition:width 0.14s ease,margin-inline-start 0.14s ease;min-width:0;max-width:100%;overflow:hidden}.lesson-transcript,.lesson-inline-suggestions,.lesson-topic-suggestions-panel{content-visibility:auto;contain-intrinsic-size:1px 720px}.lesson-suggestions-header{margin-bottom:10px}.lesson-suggestions-header h2{margin:0;font-size:1.1rem}.lesson-suggestions-header p{margin:4px 0 0;color:var(--muted);font-size:0.92rem}.lesson-suggestions-grid,.lesson-topic-grid{margin-top:12px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.lesson-lazy-fragment-body{min-height:88px}.lesson-transcript-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:10px}.lesson-transcript-header h2{margin:0;font-size:1.15rem}.lesson-control-group{display:grid;gap:6px}.lesson-control-label{font-size:0.78rem;font-weight:700;color:var(--muted)}.lesson-language-switch{display:inline-flex;flex-wrap:wrap;gap:8px}.lesson-language-option{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--accent-dark);text-decoration:none;font-size:0.82rem;font-weight:700}.lesson-language-option:hover{border-color:#d4b78e;background:#fff9ef}.lesson-language-option.is-active{border-color:#b38342;background:#fff0d8}.transcript-toggle{padding:8px 14px}.transcript-view-switch{display:inline-flex;flex-wrap:wrap;gap:8px}.transcript-view-btn{padding:6px 12px}.transcript-view-btn.is-active{background:#f8ead3;border-color:#c79d64}.transcript-view.is-hidden{display:none}.transcript-combined{display:grid;gap:14px}.transcript-compare{display:grid;--compare-shared-scroll-height:340px;gap:12px;margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fffaf2}.transcript-compare.is-editing-dual .transcript-compare-columns{display:none}.transcript-compare-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.transcript-compare-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.transcript-compare-header h3{margin:0;font-size:1rem}.transcript-editor-toolbar{display:grid;gap:10px;margin-bottom:14px;padding:12px;border:1px dashed #dbc5a1;border-radius:16px;background:#fffaf2}.transcript-editor-toolbar-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.transcript-editor-toolbar-buttons{display:flex;flex-wrap:wrap;gap:8px}.transcript-scroll-mode-switch{display:inline-flex;flex-wrap:wrap;gap:6px;padding:4px;border:1px solid #dfc39a;border-radius:999px;background:linear-gradient(180deg,#fffdf8 0%,#fff3df 100%)}.transcript-scroll-mode-btn{min-height:34px;padding-inline:12px;border-radius:999px}.transcript-scroll-mode-btn.is-active{border-color:#c48c45;background:linear-gradient(180deg,#fff4dc 0%,#f6dfb7 100%);color:var(--accent-dark);box-shadow:0 8px 16px rgba(111,74,29,0.12)}.transcript-compare-columns{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:12px;align-items:stretch}.transcript-compare-columns[data-compare-scroll-mode="linked"]{align-items:start}.transcript-compare-columns[data-compare-scroll-mode="separate"]{grid-template-columns:repeat(2,minmax(0,1fr))}.transcript-compare-editor{margin-top:0;padding-top:0;border-top:none}.transcript-compare-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.transcript-compare-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:start;gap:6px;padding:10px 12px 12px;border:1px solid #e5d4b8;border-radius:14px;background:#fff}.transcript-compare-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:0;font-weight:700;color:var(--ink)}.transcript-compare-timeline{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:0 1 auto;gap:8px;max-height:340px;min-height:0}.transcript-compare-body{flex:0 1 auto;max-height:340px;min-height:0;white-space:pre-wrap;line-height:1.7;color:var(--ink);text-align:start}.transcript-compare-scroll{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c48c45 #f4e6d1;scrollbar-gutter:stable}.transcript-compare-shared-scroll{display:flex;align-items:flex-start;justify-content:center;align-self:start}.transcript-compare-shared-scroll.is-hidden{display:none}.transcript-compare-shared-scroll-track{display:flex;align-items:center;justify-content:center;height:var(--compare-shared-scroll-height);min-height:0;max-height:var(--compare-shared-scroll-height);width:100%;padding:8px 0;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,0.96) 0%,rgba(246,225,189,0.95) 100%);box-shadow:inset 0 0 0 1px rgba(196,140,69,0.22),0 10px 20px rgba(111,74,29,0.1)}.transcript-compare-shared-scroll-input{-webkit-appearance:none;appearance:none;width:18px;min-height:0;height:calc(var(--compare-shared-scroll-height) - 16px);writing-mode:vertical-lr;direction:rtl;background:transparent;cursor:ns-resize}.transcript-compare-shared-scroll-input::-webkit-slider-runnable-track{width:8px;border-radius:999px;background:linear-gradient(180deg,#f9ebd1 0%,#d7ac71 100%)}.transcript-compare-shared-scroll-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;border:2px solid #fff7ea;background:linear-gradient(180deg,#8a5b25 0%,#c98e42 100%);box-shadow:0 8px 16px rgba(111,74,29,0.2)}.transcript-compare-shared-scroll-input::-moz-range-track{width:8px;border:none;border-radius:999px;background:linear-gradient(180deg,#f9ebd1 0%,#d7ac71 100%)}.transcript-compare-shared-scroll-input::-moz-range-thumb{width:18px;height:18px;border:2px solid #fff7ea;border-radius:999px;background:linear-gradient(180deg,#8a5b25 0%,#c98e42 100%);box-shadow:0 8px 16px rgba(111,74,29,0.2)}.transcript-compare-shared-scroll-input:focus-visible{outline:2px solid #c48c45;outline-offset:3px}.timeline-segment-compare{grid-template-columns:auto auto minmax(0,1fr)}.transcript-combined-section + .transcript-combined-section{border-top:1px dashed var(--line);padding-top:12px}.transcript-formatted-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:8px}.transcript-timeline{display:grid;gap:8px}.timeline-segment{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 10px}.timeline-segment.is-active{border-color:#c79d64;background:#fff4e2;box-shadow:0 8px 18px rgba(111,74,29,0.12)}.timeline-segment-play{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid #d9c39f;background:#fff7ea;color:var(--accent-dark);text-decoration:none;font-size:0.78rem;line-height:1}.timeline-segment-play:hover{border-color:#c79d64;background:#fff1db}.timeline-segment-play:focus-visible{outline:2px solid #c79d64;outline-offset:2px}.timeline-segment-time{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;border:1px solid #d9c39f;background:#fff7ea;font-weight:700;color:var(--accent-dark);text-decoration:none;font-variant-numeric:tabular-nums}.timeline-segment-time:hover{border-color:#c79d64;background:#fff1db}.timeline-segment-content{min-width:0;display:grid;gap:3px}.timeline-segment-heading{font-size:0.86rem;font-weight:700;color:var(--accent-dark)}.timeline-segment-text{color:var(--ink);line-height:1.7}.timeline-segment-actions{display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start}.transcript-action-btn{white-space:nowrap}.timeline-segment-editor{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.transcript-full-editor{margin-top:0;padding-top:0;border-top:none}.transcript-full-editor-header{display:grid;gap:4px}.transcript-full-editor-header p{margin:0;font-size:0.88rem;color:var(--muted)}.timeline-segment-editor.is-hidden{display:none}.timeline-segment-form{display:grid;gap:8px}.transcript-full-form{display:grid;gap:8px}.timeline-segment-form textarea,.transcript-full-form textarea{width:100%;border:1px solid #e0cfb4;border-radius:10px;background:#fff;padding:8px 10px;font-family:var(--font-main);font-size:0.9rem;line-height:1.5;text-align:start}.transcript-full-form textarea{min-height:240px;resize:vertical}.timeline-segment-form-actions{display:flex;flex-wrap:wrap;gap:8px}.transcript-body{color:var(--ink);line-height:1.8;white-space:normal;text-align:start}.transcript-body.is-collapsed{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-variants-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:0 10px 22px rgba(22,16,8,0.08);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;transition:padding 0.18s ease}.lesson-variants-panel h2{margin:0 0 10px;font-size:1rem}.variant-option{display:grid;gap:2px;padding:10px;border-radius:12px;border:1px solid var(--line);background:#fff;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}.variant-option:hover{border-color:#ceb286;box-shadow:0 8px 16px rgba(111,74,29,0.12)}.variant-option.is-active{border-color:#b38342;background:#fff5e8}.variant-option-text{display:grid;gap:2px}.variant-option-icon{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;border-radius:9px;background:#f3e7d4;border:1px solid #dfc39c;color:#7b5c31;font-size:0.68rem;font-weight:800;letter-spacing:0.5px}.variant-option-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:#fff2dd;border:1px solid #d9b580;color:#7a5829;font-size:0.72rem;font-weight:700}.lesson-variants-panel.variant-display-both .variant-option{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px}.lesson-variants-panel.variant-display-text .variant-option{grid-template-columns:minmax(0,1fr)}.lesson-variants-panel.variant-display-icon .variant-option{grid-template-columns:1fr;justify-items:center;text-align:center;padding:10px 6px}.lesson-variants-panel.variant-display-icon .variant-option-icon{width:52px;min-width:52px;height:34px;border-radius:10px}.variant-option-name{font-weight:700;color:var(--ink)}.variant-option-meta{font-size:0.82rem;color:var(--muted)}.lesson-sidebar{display:grid;gap:14px;align-content:start}.lesson-info{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:0;box-shadow:0 12px 24px rgba(22,16,8,0.08)}.lesson-info h2{margin-top:0}.info-item{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:12px 16px;align-items:start;padding:8px 0;border-bottom:1px dashed var(--line);font-weight:600}.info-item-label{color:var(--muted);text-align:right}.info-item-value{text-align:left;direction:rtl;word-break:break-word}.lesson-more-details{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 10px}.lesson-more-details summary{cursor:pointer;font-weight:700;color:var(--accent-dark);list-style:none}.lesson-more-details summary::-webkit-details-marker{display:none}.lesson-more-details-body{margin-top:8px;display:grid}.lesson-description{margin-top:16px;color:var(--muted)}.lesson-topic-suggestions-panel h3{margin:0 0 10px;font-size:1rem}html[dir="ltr"] .info-item-label{text-align:left}html[dir="ltr"] .info-item-value{text-align:left;direction:ltr}@media (max-width:720px){.lesson-detail{grid-template-columns:1fr}.info-item{grid-template-columns:minmax(90px,130px) minmax(0,1fr)}.lesson-player-layout{grid-template-columns:1fr}.lesson-transcript{width:100%;margin-inline-start:0}.lesson-inline-suggestions{width:100%;margin-inline-start:0}.lesson-suggestions-grid,.lesson-topic-grid{grid-template-columns:1fr}.lesson-transcript-header{flex-direction:column;align-items:flex-start}.transcript-compare-columns{grid-template-columns:1fr}.transcript-compare-shared-scroll{display:none}.transcript-compare-editor-grid{grid-template-columns:1fr}.timeline-segment{grid-template-columns:auto auto minmax(0,1fr)}.timeline-segment-actions{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}}