.transcript-layout[data-astro-cid-x7dtexuv]{display:grid;gap:2rem;padding:0 1rem;max-width:100%;margin:0 auto;grid-template-areas:"metadata""video""content"}.video-section[data-astro-cid-x7dtexuv]{grid-area:video}.metadata-section[data-astro-cid-x7dtexuv]{grid-area:metadata}.content-section[data-astro-cid-x7dtexuv]{grid-area:content}.video-wrapper[data-astro-cid-x7dtexuv]{position:relative;width:100%;aspect-ratio:16/9}.video-wrapper[data-astro-cid-x7dtexuv] iframe,.video-wrapper[data-astro-cid-x7dtexuv] lite-youtube{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a}.video-placeholder[data-astro-cid-x7dtexuv]{padding:2rem;text-align:center;border-radius:.5rem;background:#f3f4f6}.dark .video-placeholder[data-astro-cid-x7dtexuv]{background:#1f2937}@media (min-width:640px){.transcript-layout[data-astro-cid-x7dtexuv]{padding:0 1.5rem}}@media (min-width:1024px){.transcript-layout[data-astro-cid-x7dtexuv]{max-width:95%;padding:0 1.5rem;grid-template-columns:430px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"video metadata""video content""video content"}.video-section[data-astro-cid-x7dtexuv]{position:sticky;top:6rem;height:fit-content;align-self:start}.metadata-section[data-astro-cid-x7dtexuv]{align-self:start}.content-section[data-astro-cid-x7dtexuv]{margin-top:-1rem}}@media (min-width:1280px){.transcript-layout[data-astro-cid-x7dtexuv]{max-width:1536px}}.transcript-controls[data-astro-cid-x7dtexuv]{position:relative;border-radius:.625rem;overflow:hidden;background:#fff;border:1px solid rgb(229 231 235);box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.dark .transcript-controls[data-astro-cid-x7dtexuv]{background:#18181b;border:1px solid rgb(39 39 42);box-shadow:0 1px 2px #0000004d}.control-panel-body[data-astro-cid-x7dtexuv]{display:flex;padding:.25rem}.control-group[data-astro-cid-x7dtexuv]{position:relative;display:flex;flex-wrap:nowrap;gap:.125rem;padding:0;background:0 0;border:0;width:100%}.control-button[data-astro-cid-x7dtexuv]{position:relative;display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#475569;background:#f8fafc;border:0;border-radius:.375rem;cursor:pointer;transition:all .15s ease;user-select:none;white-space:nowrap;flex:1 1 0;min-width:0;justify-content:center}.control-button[data-astro-cid-x7dtexuv]:not(.icon-only){justify-content:space-between;padding-right:.5rem}.dark .control-button[data-astro-cid-x7dtexuv]{color:#cbd5e1;background:#27272a;border:0}.control-button[data-astro-cid-x7dtexuv]:hover{background:#f1f5f9}.dark .control-button[data-astro-cid-x7dtexuv]:hover{background:#333336}.control-button[data-astro-cid-x7dtexuv]:active{box-shadow:none}.control-button[data-astro-cid-x7dtexuv].icon-only{padding:.5rem;flex:0 0 auto;min-width:auto;aspect-ratio:1;justify-content:center}.control-status[data-astro-cid-x7dtexuv]{margin-left:auto;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;background:#d1d5db;color:#374151;border-radius:9999px;transition:all .2s;min-width:3rem;text-align:center;flex-shrink:0}.dark .control-status[data-astro-cid-x7dtexuv]{background:#374151;color:#d1d5db}.control-button[data-astro-cid-x7dtexuv][aria-pressed=true] .control-status[data-astro-cid-x7dtexuv],.control-status[data-astro-cid-x7dtexuv][data-state=on]{background:#d1d5db;color:#374151;font-weight:700}.dark .control-button[data-astro-cid-x7dtexuv][aria-pressed=true] .control-status[data-astro-cid-x7dtexuv],.dark .control-status[data-astro-cid-x7dtexuv][data-state=on]{background:#374151;color:#d1d5db}.control-button[data-astro-cid-x7dtexuv][data-paused=true] .control-status[data-astro-cid-x7dtexuv]{background:#d1d5db;color:#374151;font-weight:700}.dark .control-button[data-astro-cid-x7dtexuv][data-paused=true] .control-status[data-astro-cid-x7dtexuv]{background:#374151;color:#d1d5db}.control-button[data-astro-cid-x7dtexuv].copy-success{background:#dcfce7;border-color:#86efac;animation:pulse-success .3s ease}.dark .control-button[data-astro-cid-x7dtexuv].copy-success{background:#14532d;border-color:#22c55e}.control-button[data-astro-cid-x7dtexuv].copy-success span[data-astro-cid-x7dtexuv]:not(.control-status){color:#166534}.dark .control-button[data-astro-cid-x7dtexuv].copy-success span[data-astro-cid-x7dtexuv]:not(.control-status){color:#86efac}@keyframes pulse-success{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media (max-width:640px){.control-panel-body[data-astro-cid-x7dtexuv]{padding:.625rem}.control-group[data-astro-cid-x7dtexuv]{width:100%;flex-wrap:wrap;gap:.25rem}.control-button[data-astro-cid-x7dtexuv]{flex:1 1 auto;min-width:calc(50% - .125rem);justify-content:center}.control-button[data-astro-cid-x7dtexuv].icon-only{flex:0 0 auto;min-width:auto}.control-status[data-astro-cid-x7dtexuv]{min-width:2.5rem;font-size:.65rem}}.content-section[data-astro-cid-x7dtexuv] p{margin-top:0;margin-bottom:0}.content-section[data-astro-cid-x7dtexuv] p:has(.timestamp-button){display:flex;flex-direction:column;padding:.5em;margin-left:-.5em;margin-right:-.5em}.content-section[data-astro-cid-x7dtexuv] .timestamp-button{display:inline-flex;align-items:center;align-self:flex-start;gap:.375rem;padding:.125rem 0;font-size:1rem;font-family:sans-serif;color:#9ca3af;transition:color .2s;cursor:pointer;background:0 0;border:0;user-select:none}.content-section[data-astro-cid-x7dtexuv] .timestamp-button:hover{color:#3b82f6}.dark .content-section[data-astro-cid-x7dtexuv] .timestamp-button{color:#6b7280}.dark .content-section[data-astro-cid-x7dtexuv] .timestamp-button:hover{color:#60a5fa}#timestamp-toggle[data-astro-cid-x7dtexuv]:not(:checked)~.transcript-layout[data-astro-cid-x7dtexuv] .content-section[data-astro-cid-x7dtexuv] .timestamp-button{display:none}#timestamp-toggle[data-astro-cid-x7dtexuv]:not(:checked)~.transcript-layout[data-astro-cid-x7dtexuv] .content-section[data-astro-cid-x7dtexuv] p:has(.timestamp-button){display:block}.content-section[data-astro-cid-x7dtexuv] p.timestamp-active{background-color:#93c5fd1a;border-radius:.5rem;transition:background-color .3s ease}.dark .content-section[data-astro-cid-x7dtexuv] p.timestamp-active{background-color:#3b82f61a}.content-section[data-astro-cid-x7dtexuv] p.timestamp-active .timestamp-button{color:#3b82f6}.dark .content-section[data-astro-cid-x7dtexuv] p.timestamp-active .timestamp-button{color:#60a5fa}.content-section[data-astro-cid-x7dtexuv] [id^=segment-]:target{animation:highlight-fade 3s ease-out;border-radius:.5rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}@keyframes highlight-fade{0%{background-color:#fef9c3}to{background-color:transparent}}.dark .content-section[data-astro-cid-x7dtexuv] [id^=segment-]:target{animation:highlight-fade-dark 3s ease-out}@keyframes highlight-fade-dark{0%{background-color:#854d0e33}to{background-color:transparent}}