.tutorial-video-page{min-height:100vh;color:var(--app-text);background:var(--app-bg)}.tutorial-video-content{max-width:1240px;margin:0 auto;padding:36px 28px 72px}.tutorial-video-heading{max-width:800px;margin-bottom:30px}.tutorial-back-link{display:inline-block;margin-bottom:28px;font-size:.85rem;color:var(--app-text-secondary)}.tutorial-video-kicker{display:flex;align-items:center;gap:8px;color:var(--app-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.tutorial-video-heading h1{margin:12px 0 16px;font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.08;font-weight:800;letter-spacing:-.035em}.tutorial-video-heading>p:not(.tutorial-video-kicker){font-size:1.05rem;line-height:1.7;color:var(--app-text-secondary)}.tutorial-video-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:18px;font-size:.85rem;color:var(--app-text-secondary)}.tutorial-watch{border:1px solid var(--app-border);border-radius:20px;overflow:hidden;background:var(--app-surface)}.tutorial-player-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--app-border)}.tutorial-player-toolbar>p{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.85rem;font-weight:700}.tutorial-player-toolbar>p span{color:var(--app-text-muted);font-size:.78rem;font-weight:500}.tutorial-editions{display:flex;gap:4px;padding:3px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface-soft)}.tutorial-editions button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:7px;color:var(--app-text-secondary);font-size:.8rem;font-weight:650;min-height:38px}.tutorial-editions button[aria-pressed=true]{background:var(--color-brand-primary);color:var(--app-on-primary)}.tutorial-player-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start}.tutorial-player-main{min-width:0}.tutorial-player-main video{display:block;width:100%;aspect-ratio:16/9;background:#101017}.tutorial-player-help{padding:16px 20px 0;color:var(--app-text-muted);font-size:.8rem;line-height:1.6}.tutorial-quick-jumps{padding:16px 20px 22px;display:flex;flex-wrap:wrap;gap:8px}.tutorial-quick-jumps>span{width:100%;margin-bottom:3px;font-size:.78rem;font-weight:700}.tutorial-quick-jumps button{border:1px solid var(--app-border);background:var(--app-surface-soft);border-radius:8px;padding:9px 12px;font-size:.78rem;min-height:40px;text-align:left}.tutorial-chapters{border-left:1px solid var(--app-border)}.tutorial-chapters h2{padding:20px 18px 12px;font-size:1rem;font-weight:750}.tutorial-chapters h2 span{display:block;color:var(--app-text-muted);font-size:.75rem;font-weight:500;margin-top:3px}.tutorial-chapters ol{max-height:470px;overflow:auto;padding:0 8px 12px;list-style:none}.tutorial-chapters button{display:grid;grid-template-columns:21px minmax(0,1fr) auto;width:100%;align-items:center;text-align:left;gap:8px;padding:12px 10px;border-radius:8px;font-size:.79rem;line-height:1.4;min-height:48px}.tutorial-chapters button[aria-current=true]{background:var(--app-surface-strong);color:var(--app-accent);font-weight:700}.tutorial-chapter-number,.tutorial-chapters time{font-variant-numeric:tabular-nums;color:var(--app-text-muted);font-size:.72rem}.tutorial-video-page button{cursor:pointer}.tutorial-video-page :is(button,a):focus-visible{outline:3px solid var(--app-accent);outline-offset:3px}.tutorial-video-page :is(.tutorial-chapters button,.tutorial-quick-jumps button):hover{background:var(--app-surface-strong)}.tutorial-video-error{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--app-border)}.tutorial-video-error p{width:100%;font-size:.85rem}.tutorial-video-error button{display:flex;align-items:center;gap:6px;font-weight:650}.tutorial-next-step{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:28px;background:var(--app-surface-soft);border:1px solid var(--app-border);border-radius:16px}.tutorial-next-step h2{font-size:1.5rem;font-weight:750;margin-bottom:10px}.tutorial-next-step p{max-width:630px;line-height:1.65;color:var(--app-text-secondary);font-size:.9rem}.tutorial-next-step .tutorial-guide-note{margin-top:10px;font-size:.8rem;color:var(--app-text-muted)}.tutorial-next-actions{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:14px;font-size:.85rem;font-weight:650}.tutorial-primary-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:9px;background:var(--color-brand-primary);color:var(--app-on-primary);min-height:48px}@media(max-width:1000px){.tutorial-player-layout{grid-template-columns:minmax(0,1fr)}.tutorial-chapters{border-left:0;border-top:1px solid var(--app-border)}.tutorial-chapters ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media(max-width:600px){.tutorial-video-content{padding:24px 16px 48px}.tutorial-player-toolbar{padding:14px}.tutorial-player-toolbar>p span{display:block;width:100%}.tutorial-player-help,.tutorial-quick-jumps{padding-left:14px;padding-right:14px}.tutorial-chapters ol{display:block}.tutorial-next-step{align-items:stretch;flex-direction:column;padding:22px;gap:20px}.tutorial-next-actions{align-items:stretch;text-align:center}}