/* Clase 1 · Skills — page-specific studio controls. The shared course.css owns the brand shell. */
:root{--skills-pink:#F71EA2;--skills-cyan:#22d3ee;--skills-violet:#8b5cf6;--skills-green:#5eead4;--skills-red:#fb7185}
body.skills-landing{background:radial-gradient(circle at 8% 4%,rgba(247,30,162,.1),transparent 28rem),radial-gradient(circle at 92% 18%,rgba(34,211,238,.1),transparent 32rem),var(--bg)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hero-title{font-family:var(--display);font-size:clamp(3rem,7vw,3.625rem);line-height:1.03;letter-spacing:-.045em;margin:.15em 0;max-width:1000px}
.preproduction{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(247,30,162,.42);border-radius:999px;padding:7px 11px;color:#ffd5ed;background:rgba(247,30,162,.08);font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.hero-rail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:28px;align-items:end;margin-top:36px}
.hero-rail__artifact{border:1px solid rgba(34,211,238,.32);border-radius:22px;padding:22px;background:linear-gradient(145deg,rgba(34,211,238,.12),rgba(247,30,162,.08) 58%,rgba(11,16,32,.88));box-shadow:0 24px 70px rgba(0,0,0,.28)}
.hero-rail__artifact strong{display:block;font:700 1.25rem var(--display);margin-bottom:7px}.hero-rail__artifact p{margin:0;color:var(--muted)}
.hero-rail__artifact code{display:block;margin-top:16px;color:#d7faff;font:700 .78rem var(--mono);white-space:pre-wrap}
.scene[data-form]{isolation:isolate}.scene[data-form] .eyebrow{color:var(--skills-pink)}
.scene-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.scene-index{color:var(--faint);font:700 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.split-lab{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-top:35px}.split-side{border:1px solid var(--line);border-radius:20px;padding:25px;background:rgba(11,16,32,.78)}.split-side h3{font:700 1.45rem var(--display);margin:.2rem 0 .7rem}.split-side p,.split-side li{color:var(--muted)}.split-side.before{border-color:rgba(251,113,133,.35)}.split-side.after{border-color:rgba(94,234,212,.35)}.split-divider{display:grid;place-items:center;color:var(--skills-pink);font:700 1.3rem var(--mono)}
.state-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.state-switch button{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);padding:9px 13px;cursor:pointer}.state-switch button[aria-pressed=true]{border-color:var(--skills-pink);color:#fff;background:rgba(247,30,162,.12)}
.concept-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:32px;position:relative}.concept-ladder::before{content:"";height:2px;position:absolute;left:5%;right:5%;top:34px;background:linear-gradient(90deg,var(--skills-cyan),var(--skills-pink));opacity:.65}.concept-step{position:relative;z-index:1;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--muted);padding:15px 14px 17px;text-align:left;cursor:pointer;min-height:148px}.concept-step b{display:block;color:#fff;font:700 1.1rem var(--display);margin:16px 0 5px}.concept-step span{font:700 .66rem var(--mono);color:var(--skills-cyan);letter-spacing:.08em}.concept-step[aria-pressed=true]{border-color:var(--skills-pink);background:linear-gradient(145deg,rgba(247,30,162,.13),rgba(11,16,32,.92));transform:translateY(-5px)}.concept-output{margin-top:17px;border-left:4px solid var(--skills-pink);padding:16px 19px;background:rgba(11,16,32,.82);min-height:82px;color:var(--muted)}.concept-output strong{color:#fff}
.gate-lab{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;margin-top:32px}.gate-checks{display:grid;gap:9px}.gate-check{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:13px 15px;background:var(--panel);color:var(--muted);cursor:pointer}.gate-check:has(input:checked){border-color:var(--skills-cyan);background:rgba(34,211,238,.08);color:#fff}.gate-check input{accent-color:var(--skills-cyan);width:18px;height:18px}.gate-result{border:1px solid rgba(34,211,238,.3);border-radius:20px;padding:24px;background:linear-gradient(145deg,rgba(34,211,238,.1),rgba(11,16,32,.9));min-height:255px}.gate-result strong{display:block;font:700 1.55rem var(--display);margin-bottom:8px}.gate-result p{color:var(--muted)}.gate-meter{height:8px;border-radius:99px;background:#1c2639;overflow:hidden;margin:20px 0 10px}.gate-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--skills-cyan),var(--skills-violet));transition:width .25s ease}.gate-note{font:700 .72rem var(--mono);color:var(--skills-cyan)}
.foundation-track{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:32px 0 17px}.foundation-track button{min-height:92px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--muted);padding:11px 8px;text-align:left;cursor:pointer}.foundation-track button b{display:block;font:700 .68rem var(--mono);color:var(--skills-cyan);margin-bottom:7px}.foundation-track button span{font-size:.78rem;line-height:1.25}.foundation-track button[aria-pressed=true]{border-color:var(--skills-pink);background:rgba(247,30,162,.11);color:#fff}.foundation-detail{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:start;border:1px solid var(--line);border-radius:18px;padding:20px;background:rgba(11,16,32,.8)}.foundation-detail__number{font:700 2.1rem var(--display);color:var(--skills-pink)}.foundation-detail h3{margin:0 0 5px;font:700 1.32rem var(--display)}.foundation-detail p{margin:0;color:var(--muted)}
.markdown-lab{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:18px;margin-top:32px}.syntax-controls{display:grid;gap:8px}.syntax-controls button{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);padding:13px 15px;text-align:left;cursor:pointer}.syntax-controls button[aria-pressed=true]{border-color:var(--skills-cyan);color:#fff;background:rgba(34,211,238,.08)}.markdown-preview{border:1px solid rgba(139,92,246,.4);border-radius:20px;padding:23px;background:#070b16;min-height:300px}.markdown-preview h1,.markdown-preview h2{font-family:var(--display);margin-top:0}.markdown-preview code{font:700 .82rem var(--mono);color:#d7faff}.markdown-preview table{border-collapse:collapse;width:100%;font-size:.88rem}.markdown-preview th,.markdown-preview td{border:1px solid var(--line);padding:8px;text-align:left}.markdown-preview th{color:var(--skills-cyan)}
.file-explorer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;margin-top:32px}.file-tree{border:1px solid var(--line);border-radius:18px;padding:12px;background:#080d18}.file-tree button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:11px 13px;text-align:left;cursor:pointer}.file-tree button:hover,.file-tree button[aria-pressed=true]{background:rgba(247,30,162,.1);color:#fff}.file-tree button b{color:var(--skills-cyan);font:700 .76rem var(--mono)}.file-detail{border:1px solid rgba(34,211,238,.28);border-radius:18px;padding:24px;background:linear-gradient(145deg,rgba(34,211,238,.08),rgba(11,16,32,.9));min-height:260px}.file-detail h3{font:700 1.45rem var(--display);margin-top:0}.file-detail p,.file-detail li{color:var(--muted)}.file-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font:700 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;background:rgba(94,234,212,.1);color:var(--skills-green);border:1px solid rgba(94,234,212,.3)}.file-badge.optional{color:#d8c6ff;background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.35)}.file-badge.convention{color:#ffe0a6;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.35)}
.dossier{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;margin-top:32px}.dossier-tabs{display:grid;align-content:start;gap:8px}.dossier-tabs button{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);padding:13px;text-align:left;cursor:pointer}.dossier-tabs button[aria-pressed=true]{border-color:var(--skills-pink);color:#fff;background:rgba(247,30,162,.1)}.dossier-pane{border:1px solid var(--line);border-radius:20px;padding:24px;background:rgba(11,16,32,.82);min-height:260px}.dossier-pane h3{margin:0 0 8px;font:700 1.55rem var(--display)}.dossier-pane p,.dossier-pane li{color:var(--muted)}.fictitious{color:#ffe0a6;font:700 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.builder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;margin-top:32px}.builder-form{display:grid;gap:12px}.builder-field{display:grid;gap:6px}.builder-field label{font-weight:700;color:#fff}.builder-field small{color:var(--faint)}.builder-field input,.builder-field textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#070b16;color:#fff;padding:12px 13px;line-height:1.45}.builder-field textarea{min-height:82px;resize:vertical}.builder-field input:focus-visible,.builder-field textarea:focus-visible{outline:3px solid rgba(34,211,238,.45);outline-offset:2px}.builder-progress{height:8px;border-radius:99px;background:#1c2639;overflow:hidden;margin:4px 0 2px}.builder-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--skills-pink),var(--skills-violet),var(--skills-cyan));transition:width .2s ease}.builder-status{font:700 .72rem var(--mono);color:var(--skills-cyan)}.builder-preview{border:1px solid rgba(247,30,162,.36);border-radius:20px;padding:20px;background:#050812;min-height:470px}.builder-preview .preview-label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}.builder-preview pre{white-space:pre-wrap;overflow:auto;color:#e7faff;font:400 .8rem/1.6 var(--mono);margin:0}.builder-preview pre .yaml{color:#fbbfdb}
.test-bench{margin-top:32px}.test-selector{display:flex;gap:8px;flex-wrap:wrap}.test-selector button{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);padding:9px 12px;cursor:pointer}.test-selector button[aria-pressed=true]{border-color:var(--skills-cyan);background:rgba(34,211,238,.1);color:#fff}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}.test-pane{border:1px solid var(--line);border-radius:17px;padding:20px;background:rgba(11,16,32,.78)}.test-pane h3{font:700 1.18rem var(--display);margin-top:0}.test-pane p,.test-pane li{color:var(--muted)}.verdict{margin-top:17px;border-left:4px solid var(--skills-green);padding:14px 17px;background:rgba(94,234,212,.07);color:#d7fff8}.verdict.warn{border-color:#fbbf24;background:rgba(251,191,36,.08);color:#ffeac0}.verdict.stop{border-color:var(--skills-red);background:rgba(251,113,133,.08);color:#ffd6dd}
.profile-route{margin-top:32px}.profile-tabs{display:flex;gap:8px;flex-wrap:wrap}.profile-tabs button{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);padding:11px 13px;text-align:left;cursor:pointer}.profile-tabs button[aria-pressed=true]{border-color:var(--skills-pink);color:#fff;background:rgba(247,30,162,.1)}.profile-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:18px;margin-top:17px;border:1px solid rgba(139,92,246,.36);border-radius:20px;padding:23px;background:linear-gradient(145deg,rgba(139,92,246,.1),rgba(11,16,32,.9))}.profile-result h3{margin:0 0 6px;font:700 1.5rem var(--display)}.profile-result p,.profile-result li{color:var(--muted)}.profile-evidence{border-left:1px solid var(--line);padding-left:18px}.profile-evidence b{display:block;color:var(--skills-cyan);margin-bottom:6px}
.evidence-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.6fr);gap:19px;margin-top:32px}.evidence-list{display:grid;gap:9px}.evidence-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:13px 15px;background:var(--panel);cursor:pointer}.evidence-item input{accent-color:var(--skills-pink);width:18px;height:18px;margin-top:2px}.evidence-item strong{display:block;color:#fff}.evidence-item span{display:block;color:var(--muted);font-size:.86rem}.score-panel{border:1px solid rgba(247,30,162,.35);border-radius:20px;padding:23px;background:linear-gradient(145deg,rgba(247,30,162,.1),rgba(11,16,32,.9));height:max-content}.score-panel strong{font:700 3rem var(--display);display:block;color:#fff}.score-panel p{color:var(--muted);margin-top:5px}.score-panel .btn{margin-top:14px;width:100%}.score-meter{height:9px;background:#1c2639;border-radius:99px;overflow:hidden}.score-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--skills-pink),var(--skills-violet));transition:width .25s ease}
.resource-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:30px}.resource-link{display:block;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--panel);transition:border-color .2s ease,transform .2s ease}.resource-link:hover,.resource-link:focus-visible{border-color:var(--skills-cyan);transform:translateY(-2px)}.resource-link b{display:block;font:700 1.05rem var(--display);color:#fff;margin-bottom:4px}.resource-link span{color:var(--muted);font-size:.86rem}
.handoff{display:grid;grid-template-columns:1fr auto 1fr;gap:13px;align-items:center;margin-top:31px}.handoff-step{border:1px solid var(--line);border-radius:17px;padding:20px;background:var(--panel)}.handoff-step b{display:block;font:700 1.15rem var(--display);color:#fff}.handoff-step p{color:var(--muted);margin-bottom:0}.handoff-arrow{color:var(--skills-pink);font:700 1.4rem var(--mono);text-align:center}
.illustrative{margin-top:14px;color:var(--faint);font:700 .67rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.status-line{min-height:1.4em;color:var(--skills-cyan);font:700 .75rem var(--mono)}
.rail a[aria-label]{position:relative}.rail a[aria-current=true]{background:var(--skills-pink)}
.presentation-controls{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#05070d;backdrop-filter:blur(12px)}.presentation-controls button{border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink);padding:8px 11px;cursor:pointer}.presentation-controls button:hover,.presentation-controls button:focus-visible{border-color:var(--skills-cyan);color:#fff}.presentation-controls .present-toggle{position:static;border-color:var(--line);padding:8px 13px}.presentation-controls .present-toggle[aria-pressed=true]{background:linear-gradient(135deg,var(--skills-cyan),var(--skills-pink));color:#05070d}.scene-counter,.present-status{font:700 .62rem var(--mono);letter-spacing:.08em;padding:0 6px;color:var(--skills-cyan);white-space:nowrap}.scene-counter{color:var(--ink)}
.scene h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.03}
.scene-progress{position:fixed;top:3px;left:0;right:0;height:2px;background:rgba(34,211,238,.12);z-index:99;overflow:hidden}.scene-progress span{display:block;width:6.6667%;height:100%;background:linear-gradient(90deg,var(--skills-cyan),var(--skills-pink));transition:none}
@media(max-width:860px){.hero-rail,.gate-lab,.markdown-lab,.file-explorer,.builder,.evidence-board{grid-template-columns:1fr}.concept-ladder{grid-template-columns:repeat(2,1fr)}.concept-ladder::before{display:none}.foundation-track{grid-template-columns:repeat(4,1fr)}.profile-result{grid-template-columns:1fr}.profile-evidence{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.resource-strip{grid-template-columns:1fr 1fr}.test-grid{grid-template-columns:1fr}.handoff{grid-template-columns:1fr}.handoff-arrow{transform:rotate(90deg)}}
@media(max-width:560px){.split-lab,.dossier{grid-template-columns:1fr}.split-divider{transform:rotate(90deg)}.concept-ladder{grid-template-columns:1fr 1fr}.foundation-track{grid-template-columns:repeat(2,1fr)}.foundation-detail{grid-template-columns:1fr}.foundation-detail__number{font-size:1.6rem}.resource-strip{grid-template-columns:1fr}.hero-rail__artifact{padding:18px}.scene-head{display:block}.scene-index{display:block;margin-top:10px}.state-switch button,.test-selector button{flex:1 1 auto}.file-tree button{padding:10px}.dossier-tabs{grid-template-columns:1fr 1fr;display:grid}.presentation-controls{left:10px;right:10px;bottom:10px;justify-content:center}.present-status{display:none}.hero-title{font-size:clamp(2.65rem,12vw,3.6rem)}}

/* El replay es la pieza protagonista del hero: una entrada editorial, no una tarjeta genérica. */
.hero-visual{display:grid;gap:14px;align-content:end;min-width:0}
.hero-rail{align-items:start}
.hero-visual{align-content:start}
.hero-video-card{border:1px solid rgba(34,211,238,.42);border-radius:24px;padding:12px;background:linear-gradient(145deg,rgba(34,211,238,.13),rgba(247,30,162,.09) 54%,rgba(7,10,19,.94));box-shadow:0 28px 80px rgba(0,0,0,.34)}
.hero-video-card__top,.hero-video-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 10px}
.hero-video-card__time,.hero-video-card__footer{font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.hero-video-card__poster{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#101827;text-decoration:none;isolation:isolate}
.hero-video-card__poster img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.08);transition:transform .35s ease,filter .35s ease}
.hero-video-card__poster:hover img,.hero-video-card__poster:focus-visible img{transform:scale(1.035);filter:saturate(1.03) contrast(1.08)}
.hero-video-card__shade{position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,5,10,.12),rgba(3,5,10,.72) 86%),linear-gradient(0deg,rgba(247,30,162,.24),transparent 56%);z-index:1}
.hero-video-card__play{position:absolute;left:20px;bottom:19px;z-index:2;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:linear-gradient(135deg,var(--skills-cyan),var(--skills-pink));color:#05070d;font-size:1.05rem;line-height:1;padding-left:3px;box-shadow:0 10px 30px rgba(247,30,162,.3)}
.hero-video-card__watch{position:absolute;right:16px;bottom:20px;z-index:2;border:1px solid rgba(255,255,255,.27);border-radius:999px;background:rgba(3,5,10,.65);padding:7px 11px;color:#fff;font:700 .67rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.hero-video-card__footer{padding:10px 4px 1px}.hero-video-card__footer span:last-child{color:var(--muted);font-family:var(--sans);font-weight:600;letter-spacing:0;text-transform:none}
.hero-signal{max-width:720px;margin-top:18px;border:1px solid rgba(247,30,162,.28);border-radius:20px;padding:17px 19px;background:linear-gradient(135deg,rgba(247,30,162,.11),rgba(11,16,32,.88) 62%)}
.hero-signal strong{display:block;margin:.25rem 0 .35rem;font:700 1.18rem var(--display)}.hero-signal p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.48}.hero-signal ol{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 0;padding:0;list-style:none;color:#d7faff;font:700 .66rem var(--mono);text-transform:uppercase;letter-spacing:.05em}.hero-signal li{padding-top:8px;border-top:1px solid rgba(34,211,238,.35)}
@media(min-width:561px){.presentation-controls{top:82px;bottom:auto}}
@media(max-width:860px){.hero-video-card__poster img{filter:saturate(.96) contrast(1.04)}}
@media(max-width:560px){.hero-title{font-size:clamp(2.25rem,9vw,2.8rem)}.hero-video-card{padding:9px;border-radius:20px}.hero-video-card__play{left:14px;bottom:14px;width:46px;height:46px}.hero-video-card__watch{right:11px;bottom:16px}.hero-signal{padding:15px 16px}.hero-signal ol{gap:5px;font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.hero-video-card__poster img{transition:none}}
@media(prefers-reduced-motion:reduce){.gate-meter span,.builder-progress span,.score-meter span{transition:none}.resource-link:hover{transform:none}.concept-step[aria-pressed=true]{transform:none}}

/* Replay publicado: el video es una capa de estudio, no un hero con autoplay. */
.preproduction.is-live{border-color:rgba(34,211,238,.5);color:#d8fbff;background:rgba(34,211,238,.08)}
.video-stage{background:linear-gradient(180deg,rgba(34,211,238,.035),transparent 38%)}
.video-duration{color:var(--skills-cyan)}
.video-shell{margin-top:30px;border:1px solid rgba(34,211,238,.28);border-radius:24px;padding:12px;background:linear-gradient(145deg,rgba(34,211,238,.09),rgba(11,16,32,.92));box-shadow:0 24px 70px rgba(0,0,0,.28)}
.video-player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#03050a;isolation:isolate}
.video-player iframe{display:block;width:100%;height:100%;border:0}
.video-poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#03050a;color:#fff;cursor:pointer;text-align:left;overflow:hidden}
.video-poster img{display:block;width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s ease,transform .35s ease}
.video-poster:hover img,.video-poster:focus-visible img{opacity:.98;transform:scale(1.015)}
.video-poster__veil{position:absolute;inset:0;background:linear-gradient(120deg,rgba(5,7,13,.76),rgba(5,7,13,.08) 55%,rgba(247,30,162,.2))}
.video-poster__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-62%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--skills-cyan),var(--skills-pink));color:#05070d;font:700 1.5rem var(--sans);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.video-poster__label{position:absolute;left:24px;bottom:21px;font:700 .78rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#fff}
.video-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 4px 2px}.video-note{color:var(--faint);font:700 .68rem var(--mono);letter-spacing:.04em;text-transform:uppercase}.video-footer .btn{min-height:38px;padding:0 14px;font-size:.78rem}
.video-noscript{display:grid;place-items:center;height:100%;padding:24px;color:var(--skills-cyan);font-weight:700;text-align:center}
.moment-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px}.moment-toolbar .n{margin-right:4px}.moment-filter{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);padding:8px 11px;cursor:pointer;font-size:.78rem}.moment-filter:hover,.moment-filter:focus-visible{border-color:var(--skills-cyan);color:#fff}.moment-filter.is-active,.moment-filter[aria-pressed=true]{border-color:var(--skills-pink);color:#fff;background:rgba(247,30,162,.1)}.moment-filter span{color:var(--skills-cyan);font:700 .68rem var(--mono)}
.moments-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.moment-item{min-width:0;border:1px solid var(--line);border-radius:15px;background:rgba(11,16,32,.76);transition:border-color .2s ease,transform .2s ease}.moment-item:hover{border-color:rgba(34,211,238,.5);transform:translateY(-2px)}.moment-item[hidden]{display:none}.moment-item__button{display:block;width:100%;border:0;background:transparent;color:inherit;padding:15px;text-align:left;cursor:pointer}.moment-item__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.moment-item__time{color:var(--skills-cyan);font:700 .72rem var(--mono);letter-spacing:.06em}.moment-item__group{color:var(--skills-pink);font:700 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.moment-item h3{margin:0 0 5px;font:700 1.05rem/1.2 var(--display);color:#fff}.moment-item p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.45}.moment-item__hint{display:block;margin-top:10px;color:var(--faint);font:700 .63rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.video-method{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:rgba(11,16,32,.58);padding:13px 15px}.video-method summary{cursor:pointer;color:#fff;font-weight:700}.video-method p{color:var(--muted);max-width:780px;margin:10px 0 0;font-size:.88rem}.moment-item__external{display:block;padding:0 15px 15px;color:var(--skills-cyan);font:700 .68rem var(--mono);text-decoration:none}.moment-item__external:hover,.moment-item__external:focus-visible{color:#fff;text-decoration:underline}
@media(max-width:700px){.scene-head{align-items:flex-start}.video-footer{display:grid;grid-template-columns:1fr}.video-footer .btn{width:100%}.moments-list{grid-template-columns:1fr}.moment-toolbar .n{width:100%;margin-bottom:2px}}
@media(prefers-reduced-motion:reduce){.video-poster img,.moment-item{transition:none}.video-poster:hover img,.video-poster:focus-visible img,.moment-item:hover{transform:none}}

/* Mobile presentation controls share the series safe zone and minimum touch target. */
.presentation-controls button{min-width:44px;min-height:44px;touch-action:manipulation}
.video-footer .btn,.moment-filter{min-height:44px}
@media(max-width:560px){
.presentation-controls{left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));bottom:calc(58px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto}
.presentation-controls .present-toggle{min-width:0;font-size:.76rem;padding-inline:10px}
.scene-counter{min-width:50px;text-align:center}
}