.guided-replay{position:relative;width:100%;aspect-ratio:8/5;background:#000;border-radius:12px;overflow:hidden;border:4px solid white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.dark .guided-replay{border-color:#334155}.guided-replay__viewport{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer}.guided-replay__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.guided-replay__image--hidden{opacity:0;pointer-events:none}.guided-replay__image--visible{opacity:1}.guided-replay__placeholder{color:#64748b;font-family:var(--font-body);font-size:.95rem}.guided-replay__placeholder,.guided-replay__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.guided-replay__play-overlay{z-index:2;pointer-events:none}.guided-replay__play-icon{width:72px;height:72px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.guided-replay__expand-btn{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border:none;border-radius:6px;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s,background .15s}.guided-replay__viewport:hover .guided-replay__expand-btn{opacity:1}.guided-replay__expand-btn:hover{background:rgba(0,0,0,.75)}.guided-replay__expand-btn:focus-visible{opacity:1;outline:2px solid #0891b2;outline-offset:2px}.guided-replay__expand-btn svg{width:16px;height:16px}.guided-replay__caption{position:absolute;bottom:52px;left:0;right:0;display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:#0F172A;pointer-events:none;z-index:2}.guided-replay__caption-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.1rem .4rem;background:#0891B2;color:#fff;font-family:var(--font-heading);font-size:.7rem;font-weight:700;border-radius:4px;letter-spacing:.02em}.guided-replay__caption-title{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:#E2E8F0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guided-replay__controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:rgba(0,0,0,.9);z-index:3}.guided-replay__btn{background:none;border:none;color:#fff;cursor:pointer;padding:.3rem;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guided-replay__btn:hover{background:rgba(255,255,255,.15)}.guided-replay__btn:focus-visible{outline:2px solid #0891b2;outline-offset:2px}.guided-replay__btn svg{width:20px;height:20px}.guided-replay__timeline{flex:1;display:flex;gap:3px;height:6px;min-width:0;cursor:pointer}.guided-replay__segment{position:relative;height:100%;flex:1;background:rgba(255,255,255,.25);border-radius:2px;overflow:hidden;cursor:pointer;transition:background .2s}.guided-replay__segment:hover{background:rgba(34,211,238,.4)}.guided-replay__segment--active{background:rgba(8,145,178,.35)}.guided-replay__segment-fill{position:absolute;top:0;left:0;height:100%;background:#0891b2;border-radius:2px;pointer-events:none;width:0}.guided-replay__counter{color:#fff;font-family:var(--font-body);font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}@media (max-width:640px){.guided-replay{border-width:2px;border-radius:8px}.guided-replay__controls{padding:.3rem .5rem;gap:.3rem}.guided-replay__btn svg{width:18px;height:18px}.guided-replay__caption{bottom:44px;padding:.4rem .75rem;gap:.4rem}.guided-replay__caption-title{font-size:.8rem}.guided-replay__play-icon{width:56px;height:56px}.guided-replay__expand-btn{width:28px;height:28px;opacity:1}.guided-replay__expand-btn svg{width:14px;height:14px}.guided-replay__counter{font-size:.65rem}.guided-replay__timeline{gap:4px}}@media (prefers-reduced-motion:reduce){.guided-replay__expand-btn,.guided-replay__image,.guided-replay__segment{transition:none}}:root{--font-heading:var(--font-outfit),"Outfit",sans-serif;--font-body:var(--font-dm-sans),"DM Sans",sans-serif;--text:#334155;--heading:#0f172a;--body:#475569;--surface:#fff;--border:#e2e8f0;--shadow:0 1px 3px rgba(0,0,0,0.1);--muted:#94a3b8;--badge-accent:#0E7490;--card-bg:#fff}.dark{--text:#f1f5f9;--heading:#f1f5f9;--body:#94a3b8;--surface:#0f172a;--border:#334155;--shadow:0 1px 3px rgba(0,0,0,0.3);--muted:#64748b;--badge-accent:#0E7490;--card-bg:#1e293b}:root{--pill-bg:#fff;--pill-border:#e2e8f0;--pill-text:#475569;--pill-strong:#1e293b;--comp-from:#047857;--comp-to:#065f46;--comp-badge:#047857;--img-hover:#C2410C;--transcript-bg:#f1f5f9;--transcript-border:#e2e8f0;--action-bg:#fff;--action-border:#e2e8f0;--action-text:#94a3b8}.dark{--pill-bg:#1E293B;--pill-border:#475569;--pill-text:#94A3B8;--pill-strong:#F1F5F9;--comp-from:#047857;--comp-to:#065f46;--comp-badge:#047857;--img-hover:#FB923C;--transcript-bg:#1e293b;--transcript-border:#334155;--action-bg:#1e293b;--action-border:#334155;--action-text:#64748b}.tutorial-header{margin-bottom:1.25rem}.platform-badge{display:inline-block;font-family:var(--font-heading);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0891B2;background:rgba(8,145,178,.1);border:1px solid rgba(8,145,178,.2);padding:.25rem .75rem;border-radius:9999px;margin-bottom:.75rem}.dark .platform-badge{color:#22D3EE;background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.2)}.tutorial-viewer h1{font-family:var(--font-heading);font-size:1.65rem;font-weight:700;margin-bottom:1rem;color:var(--text);line-height:1.3}.meta-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0}.pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:9999px;padding:.3rem .75rem;font-size:.8rem;color:var(--pill-text);font-family:var(--font-body);font-weight:500}.pill strong{font-weight:600;color:var(--pill-strong)}.pill svg{width:14px;height:14px;opacity:.6;flex-shrink:0}.video-section{margin-bottom:1.5rem;background:#000;border-radius:12px}.action-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:1rem 0;margin-bottom:1.5rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.action-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.8rem;font-weight:500;padding:.5rem .85rem;border-radius:8px;border:1px solid var(--action-border);background:var(--action-bg);color:var(--action-text);text-decoration:none;transition:opacity .15s,border-color .15s,color .15s}.action-btn svg{opacity:.5;width:16px;height:16px}.action-download,.action-share{cursor:pointer;opacity:1;color:var(--text,#334155)}.action-download:hover,.action-share:hover{border-color:#0891B2;color:#0891B2}.action-download:hover svg,.action-share:hover svg{opacity:1}.action-download svg,.action-share svg{opacity:.7}.action-disabled{cursor:not-allowed;opacity:.5}.visibility-toggle{cursor:pointer;opacity:1;color:var(--text,#334155)}.visibility-toggle:hover{border-color:#0891B2;color:#0891B2}.visibility-toggle:disabled{opacity:.5;cursor:wait}.visibility-toggle svg{opacity:.7}.visibility-toggle:hover svg{opacity:1}.transcript-section{margin-bottom:2rem}.transcript-section h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--heading);margin-bottom:1rem}.transcript-content{background:var(--transcript-bg);border:1px solid var(--transcript-border);border-radius:12px;padding:1.25rem 1.5rem;max-height:300px;overflow-y:auto}.transcript-line{font-family:var(--font-body);font-size:.875rem;line-height:1.7;color:var(--body);margin-bottom:.5rem}.transcript-line:last-child{margin-bottom:0}.transcript-content::-webkit-scrollbar{width:6px}.transcript-content::-webkit-scrollbar-track{background:transparent}.transcript-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.transcript-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.guide-section{margin-bottom:2rem}.guide-section h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--heading);margin-bottom:1.25rem}.step{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow);border:1px solid var(--border)}.step-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.step-badge{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:#0891B2;color:white;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:.1rem;border-bottom:2px solid var(--badge-accent)}.step h3,.step-badge{font-family:var(--font-heading)}.step h3{font-size:1.05rem;font-weight:600;color:var(--heading);line-height:1.4}.step figure{margin:0}.step img{max-width:100%;height:auto;border-bottom:1px solid var(--border);border-radius:8px;display:block;cursor:pointer;transition:border-color .2s;border:solid var(--border);border-width:1px 1px 3px}.step img:hover{border-bottom:3px solid var(--img-hover)}.step.completion{background:linear-gradient(135deg,var(--comp-from),var(--comp-to));border-color:var(--comp-to);border-top:2px solid var(--badge-accent)}.step.completion .completion-badge,.step.completion .step-badge{background:rgba(255,255,255,.95);color:var(--comp-badge);border-bottom-color:transparent}.step.completion h3{color:white}.step.completion p{color:rgba(255,255,255,.95)}.lightbox{display:none;position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.85);align-items:center;justify-content:center;flex-direction:column}.lightbox.open{display:flex}.lightbox-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.15);border:none;color:white;width:40px;height:40px;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:rgba(255,255,255,.3)}.lightbox-img{max-width:90vw;max-height:85vh;object-fit:contain;border:4px solid white;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.lightbox-caption{color:white;font-family:var(--font-body);font-size:.875rem;margin-top:.75rem;max-width:90vw;text-align:center}.lightbox-counter{color:#94a3b8;font-size:.75rem;margin-top:.25rem;font-family:var(--font-body)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:none;color:white;width:44px;height:44px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.lightbox:hover .lightbox-nav{opacity:1}.lightbox-nav:hover{background:rgba(255,255,255,.3)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.prerequisite{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:8px;margin-bottom:1.25rem;font-family:var(--font-body);font-size:.85rem}.prereq-label{color:var(--muted);font-weight:600;white-space:nowrap}.prereq-page{color:var(--text);font-weight:500}.stepify-player{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:4px solid white;aspect-ratio:8/5}.dark .stepify-player{border-color:#334155}.stepify-player video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.player-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;z-index:2;transition:opacity .3s ease}.player-overlay .play-icon{width:72px;height:72px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.player-overlay.hidden{opacity:0;pointer-events:none}.player-overlay:focus{outline:2px solid #0891B2;outline-offset:-2px}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.4) 60%,transparent);padding:2rem .75rem .5rem;display:flex;align-items:center;gap:.5rem;opacity:0;transition:opacity .3s}.stepify-player.paused .player-controls,.stepify-player:focus-within .player-controls,.stepify-player:hover .player-controls{opacity:1}.player-controls button{background:none;border:none;color:#fff;cursor:pointer;padding:.35rem;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-controls button:hover{background:rgba(255,255,255,.15)}.player-controls button:focus-visible{outline:2px solid #0891B2;outline-offset:2px}.player-controls button svg{width:20px;height:20px}.ctl-play svg{width:22px;height:22px}.ctl-progress{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.progress-track{position:relative;flex:1;height:6px;background:rgba(0,0,0,.3);border-radius:4px;cursor:pointer}.progress-track:hover{height:8px}.progress-scrubber{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:grab;opacity:0;transition:opacity .15s;z-index:3}.progress-track:hover .progress-scrubber,.stepify-player.scrubbing .progress-scrubber{opacity:1}.stepify-player.scrubbing .progress-scrubber{cursor:grabbing}.step-segments{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;gap:3px;z-index:1}.step-segment{position:relative;height:100%;flex-shrink:0;flex-grow:0;background:rgba(255,255,255,.25);border-radius:2px;cursor:pointer;overflow:hidden;transition:background .2s}.step-segment:hover{background:rgba(34,211,238,.4)}.step-segment.active{background:rgba(8,145,178,.35)}.step-segment:focus{outline:none}.step-segment:focus-visible{outline:2px solid #0891B2;outline-offset:1px;z-index:2}.segment-fill{top:0;left:0;height:100%;background:#0891B2;border-radius:2px;width:0}.segment-fill,.segment-tooltip{position:absolute;pointer-events:none}.segment-tooltip{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:6px 10px;border-radius:4px;font-size:13px;font-weight:500;font-family:var(--font-body);white-space:nowrap;opacity:0;transition:opacity .2s;z-index:10}.step-segment:focus-visible .segment-tooltip,.step-segment:hover .segment-tooltip{opacity:1}.custom-captions{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;font-size:18px;font-weight:500;line-height:1.4;padding:8px 16px;border-radius:6px;max-width:80%;text-align:center;pointer-events:none;z-index:3;opacity:0;transition:opacity .15s}.custom-captions:empty{display:none}.stepify-player:fullscreen .custom-captions{bottom:100px;font-size:24px;padding:12px 20px}.ctl-time{color:#fff;font-size:.75rem;font-weight:500;font-family:var(--font-body);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.ctl-vol-slider{width:60px;height:4px;background:rgba(255,255,255,.25);border-radius:2px;cursor:pointer;position:relative;flex-shrink:0}.vol-track{position:relative}.vol-fill,.vol-track{width:100%;height:100%}.vol-fill{position:absolute;top:0;left:0;background:#fff;border-radius:2px}.ctl-cc{font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.02em;line-height:1;padding:.2rem .4rem!important;border:2px solid rgba(255,255,255,.5)!important;border-radius:3px}.ctl-cc.active{background:#0891B2!important;border-color:#0891B2!important}.stepify-player:-webkit-full-screen,.stepify-player:fullscreen{max-width:none;border-radius:0;border:none;aspect-ratio:auto}.stepify-player:-webkit-full-screen video,.stepify-player:fullscreen video{object-fit:contain}@media (orientation:portrait){.stepify-player:-webkit-full-screen video,.stepify-player:fullscreen video{width:100vw;height:100vh}}.share-modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.share-modal-backdrop.open{display:flex}.share-modal{background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:90%;max-width:480px;overflow:hidden;animation:shareSlideIn .2s ease-out}@keyframes shareSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border,#e2e8f0)}.share-modal-header h3{margin:0;font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.1rem;font-weight:600;color:var(--heading,#0f172a)}.share-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--muted,#94a3b8);padding:0 4px;line-height:1}.share-modal-close:hover{color:var(--text,#334155)}.share-modal-body{padding:20px}.share-link-row{display:flex;gap:8px;margin-bottom:6px}.share-link-input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid var(--border,#e2e8f0);background:var(--surface,#f8fafc);color:var(--text,#334155);font-size:.85rem;font-family:var(--font-body,"DM Sans",sans-serif);outline:none}.share-link-input:focus{border-color:#0891B2;box-shadow:0 0 0 2px rgba(8,145,178,.2)}.share-copy-btn{padding:8px 16px;border-radius:6px;background:#0891B2;color:#fff;border:none;font-weight:600;font-size:.85rem;cursor:pointer;font-family:var(--font-body,"DM Sans",sans-serif);white-space:nowrap}.share-copy-btn:hover{background:#0E7490}.share-copy-feedback{font-size:.8rem;color:#059669;min-height:20px;margin-bottom:12px}.share-buttons{display:flex;gap:8px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:500;text-decoration:none;font-family:var(--font-body,"DM Sans",sans-serif);transition:opacity .15s}.share-btn:hover{opacity:.85}.share-linkedin{background:#0077B5;color:#fff}.share-twitter{background:#1d1d1b;color:#fff}.share-facebook{background:#1877F2;color:#fff}.share-whatsapp{background:#25D366;color:#fff}.share-email{background:var(--surface,#f1f5f9);color:var(--text,#334155);border:1px solid var(--border,#e2e8f0)}.dark .share-modal{background:#1e293b}.dark .share-link-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark .share-email{background:#334155;color:#f1f5f9;border-color:#475569}.tutorial-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);margin-bottom:1.25rem;flex-wrap:wrap}.tutorial-tabs{display:flex;gap:0}.tutorial-tabs__tab{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;padding:.65rem 1rem;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.tutorial-tabs__tab:hover{color:var(--text)}.tutorial-tabs__tab--active{color:#0891B2;border-bottom-color:#0891B2}.dark .tutorial-tabs__tab--active{color:#22D3EE;border-bottom-color:#22D3EE}.tutorial-tabs__tab:focus-visible{outline:2px solid #0891B2;outline-offset:-2px}.tutorial-tabs__panel{margin-bottom:1.5rem}.tutorial-tabs__step-list{margin-top:1.5rem}.tutorial-tabs__step-list-heading{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--heading);margin-bottom:.75rem}.tutorial-tabs__step-list ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.tutorial-tabs__step-btn{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:.85rem;font-weight:500;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.tutorial-tabs__step-btn:hover{border-color:#0891B2;background:rgba(8,145,178,.05)}.dark .tutorial-tabs__step-btn:hover{background:rgba(34,211,238,.05)}.tutorial-tabs__step-btn--active{border-color:#0891B2;background:rgba(8,145,178,.08)}.dark .tutorial-tabs__step-btn--active{border-color:#22D3EE;background:rgba(34,211,238,.08)}.tutorial-tabs__step-btn:focus-visible{outline:2px solid #0891B2;outline-offset:2px}.tutorial-tabs__step-num{flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--border);color:var(--text);font-size:.75rem;font-weight:700;font-family:var(--font-heading);display:flex;align-items:center;justify-content:center}.tutorial-tabs__step-btn--active .tutorial-tabs__step-num{background:#0891B2;color:white}.dark .tutorial-tabs__step-btn--active .tutorial-tabs__step-num{background:#22D3EE;color:#0f172a}.tutorial-actions{display:flex;align-items:center;gap:6px}.tutorial-actions__btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--muted);background:transparent;border:1px solid var(--border);cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.tutorial-actions__btn:hover{color:var(--text);background:rgba(8,145,178,.06);border-color:rgba(8,145,178,.3)}.tutorial-actions__btn:focus-visible{outline:2px solid #0891B2;outline-offset:2px}.tutorial-actions__btn svg{flex-shrink:0;opacity:.6}.tutorial-actions__btn:hover svg{opacity:1}.tutorial-actions__btn--disabled{opacity:.4;cursor:not-allowed}.tutorial-actions__btn--disabled:hover{color:var(--muted);background:transparent;border-color:var(--border)}.tutorial-actions__btn--disabled:hover svg{opacity:.6}.tutorial-actions__dropdown{position:relative}.tutorial-actions__dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:4px;z-index:20;box-shadow:0 12px 32px rgba(0,0,0,.25)}.dark .tutorial-actions__dropdown-menu{box-shadow:0 12px 32px rgba(0,0,0,.5)}.tutorial-actions__dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:5px;font-family:var(--font-body);font-size:13px;color:var(--text);text-decoration:none;transition:background .1s}.tutorial-actions__dropdown-item:hover{background:rgba(8,145,178,.08)}.tutorial-actions__dropdown-ext{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.tutorial-actions__dropdown-item--locked{opacity:.5;cursor:default;text-decoration:none}.tutorial-actions__dropdown-item--locked:hover{background:transparent;opacity:.65}.tutorial-actions__dropdown-label-locked{display:flex;flex-direction:column;gap:2px}.tutorial-actions__dropdown-upgrade-hint{font-size:10px;color:var(--brand,#0891b2)}.tutorial-actions__dropdown-ext--locked{opacity:.5}.tutorial-actions__btn--locked{opacity:.6;text-decoration:none}.tutorial-actions__embed{position:relative}.embed-popover{position:absolute;top:calc(100% + 6px);right:0;width:380px;max-width:90vw;background:var(--surface,#0f172a);border:1px solid var(--border,#334155);border-radius:10px;padding:16px;z-index:50;box-shadow:0 8px 32px rgba(0,0,0,.3)}.embed-popover__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.embed-popover__title{font-weight:600;font-size:14px;color:var(--heading,#f1f5f9)}.embed-popover__close{background:none;border:none;color:var(--muted,#64748b);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px}.embed-popover__close:hover{background:rgba(255,255,255,.05)}.embed-popover__desc{font-size:12px;color:var(--muted,#64748b);margin-bottom:10px}.embed-popover__code{background:rgba(0,0,0,.3);border:1px solid var(--border,#334155);border-radius:6px;padding:10px;font-size:11px;line-height:1.5;color:var(--body,#cbd5e1);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0 0 10px}.embed-popover__copy{display:block;width:100%;background:var(--brand,#0891b2);color:#fff;border:none;border-radius:6px;padding:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.embed-popover__copy:hover{opacity:.9}@media (max-width:640px){.tutorial-viewer h1{font-size:1.3rem}.step{padding:1rem}.transcript-content{padding:1rem;max-height:200px}.action-bar{gap:.4rem}.action-btn{font-size:.75rem;padding:.4rem .6rem}.tutorial-toolbar{flex-direction:column;align-items:stretch;gap:8px}.tutorial-actions{justify-content:flex-start}.tutorial-tabs__tab{font-size:.8rem;padding:.5rem .7rem}.tutorial-tabs__step-btn{font-size:.8rem;padding:.45rem .65rem}.tutorial-tabs__step-num{width:1.4rem;height:1.4rem;font-size:.7rem}.tutorial-actions__btn{font-size:12px;padding:4px 10px}.tutorial-actions__dropdown-menu{left:0;right:auto}.lightbox-nav{opacity:1;width:48px;height:48px;font-size:1.75rem;background:rgba(255,255,255,.25)}.lightbox-close{width:48px;height:48px;font-size:1.5rem}.lightbox-img{max-width:95vw;max-height:75vh}.stepify-player{border-width:2px;border-radius:8px}.player-controls{padding:1.5rem .5rem .4rem;gap:.35rem}.player-controls button svg{width:18px;height:18px}.ctl-vol-slider{display:none}.ctl-time{font-size:.65rem}.player-overlay .play-icon{width:56px;height:56px}.progress-track{height:10px}.step-segments{gap:4px}.segment-tooltip{font-size:12px;padding:5px 8px}.custom-captions{bottom:60px;font-size:14px;padding:6px 12px;max-width:90%}}@media (max-width:600px){.share-modal{width:95%}.share-buttons{flex-direction:column}.share-btn{justify-content:center}}@media (prefers-contrast:high){.step{border-color:black;border-width:2px}.step.completion{border-left:6px solid black}.action-btn{border-color:black;color:black}}@media (prefers-reduced-motion:reduce){.custom-captions,.player-controls,.player-overlay,.progress-scrubber,.segment-tooltip,.step-segment{transition:none}.share-modal{animation:none}.tutorial-actions__btn,.tutorial-tabs__step-btn,.tutorial-tabs__tab{transition:none}}