.tm-intro-dialog{box-sizing:border-box;width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0;overflow:auto;overscroll-behavior:contain;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-panel);font-family:var(--font-sans)}.tm-intro-dialog::backdrop{background:#0f172abf}.tm-intro-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--surface)}.tm-intro-head h2{margin:0;font-size:var(--fs-lg)}.tm-intro-head p{margin:var(--sp-1) 0 0;color:var(--text-2);font-size:var(--fs-sm)}.tm-intro-head button{flex:none;min-width:44px;min-height:44px;font:inherit;font-size:var(--fs-xl);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-btn);cursor:pointer}.tm-intro-versions{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--sp-5) var(--sp-3)}.tm-intro-versions button{min-height:44px;padding:var(--sp-2) var(--sp-4);font:inherit;font-size:var(--fs-sm);color:var(--text-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-btn);cursor:pointer}.tm-intro-versions button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);font-weight:var(--fw-semibold)}.tm-intro-dialog video{display:block;width:100%;aspect-ratio:16 / 9;max-height:max(120px,calc(100dvh - 230px));object-fit:contain;background:var(--bg)}.tm-intro-dialog footer{padding:var(--sp-4) var(--sp-5);font-size:var(--fs-sm);color:var(--text-2)}.tm-intro-dialog video:fullscreen{max-height:none}.tm-intro-dialog video:-webkit-full-screen{max-height:none}.tm-intro-dialog video::cue{font-size:var(--fs-md)}.tm-intro-dialog video:fullscreen::cue{font-size:max(var(--fs-md),min(5vh,2.8125vw))}.tm-intro-dialog video:-webkit-full-screen::cue{font-size:max(var(--fs-md),min(5vh,2.8125vw))}.tm-intro-dialog footer p{margin:0 0 var(--sp-2)}.tm-intro-captions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5) 0;font-size:var(--fs-sm)}.tm-intro-captions label{display:flex;align-items:center;gap:var(--sp-3)}.tm-intro-captions select{min-height:44px;padding:var(--sp-2) var(--sp-3);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-btn)}.tm-intro-captions select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tm-intro-dialog a,.tm-intro-dialog summary{color:var(--accent);text-decoration:underline;cursor:pointer}.tm-intro-dialog details{margin-top:var(--sp-3)}.tm-intro-transcript{white-space:pre-wrap;font-size:var(--fs-md);line-height:1.6;padding-top:var(--sp-3)}.tm-intro-dialog button:focus-visible,.tm-intro-dialog summary:focus-visible,.tm-intro-dialog a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.tm-intro-head,.tm-intro-dialog footer,.tm-intro-captions{padding:var(--sp-3)}.tm-intro-versions{padding:0 var(--sp-3) var(--sp-3)}}