.site-header[data-v-a33d25e2]{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--ink-900) 78%,transparent);border-bottom:1px solid var(--border-soft)}.header-inner[data-v-a33d25e2]{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.brand[data-v-a33d25e2]{display:inline-flex;align-items:center;text-decoration:none}.brand-logo[data-v-a33d25e2]{height:30px;width:auto}.collab[data-v-a33d25e2]{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);white-space:nowrap}.collab-dot[data-v-a33d25e2]{width:8px;height:8px;border-radius:50%;background:var(--cool-gradient);box-shadow:0 0 10px #4ebde5b3}@media(max-width:520px){.collab[data-v-a33d25e2]{font-size:.74rem;padding:5px 10px}}.hero[data-v-f5a232b1]{padding-block:clamp(40px,8vw,84px) clamp(24px,4vw,40px)}.hero-inner[data-v-f5a232b1]{max-width:760px}.eyebrow[data-v-f5a232b1]{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;letter-spacing:.02em;color:var(--cyan);margin-bottom:14px}.eyebrow-mark[data-v-f5a232b1]{font-size:1.1rem;line-height:1;filter:drop-shadow(0 0 8px rgba(78,189,229,.5))}.hero-name[data-v-f5a232b1]{font-size:clamp(2.6rem,8vw,4.6rem);font-weight:800;letter-spacing:-.01em;margin-bottom:18px}.hero-tagline[data-v-f5a232b1]{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--text-muted);max-width:56ch}.hero-stat[data-v-f5a232b1]{margin-top:20px;font-size:.95rem;color:var(--text-faint)}.hero-stat strong[data-v-f5a232b1]{font-family:var(--font-display);font-size:1.15rem;color:var(--text);margin-inline-end:4px}.state[data-v-f2bcfe68]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:40px 24px;color:var(--text-muted)}.state-icon[data-v-f2bcfe68]{font-size:2rem;line-height:1}.state--error .state-icon[data-v-f2bcfe68]{color:var(--amber-strong)}.state-title[data-v-f2bcfe68]{font-family:var(--font-display);font-weight:700;color:var(--text);font-size:1.05rem}.state-message[data-v-f2bcfe68]{font-size:.92rem;max-width:42ch}.spinner[data-v-f2bcfe68]{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--cyan);animation:spin-f2bcfe68 .8s linear infinite}.state-retry[data-v-f2bcfe68]{margin-top:6px;padding:9px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.9rem;font-weight:500;transition:border-color .18s ease,transform .18s ease}.state-retry[data-v-f2bcfe68]:hover{border-color:var(--cyan);transform:translateY(-1px)}@keyframes spin-f2bcfe68{to{transform:rotate(360deg)}}.stage[data-v-122d2e88]{display:flex;flex-direction:column;gap:18px}.frame[data-v-122d2e88]{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:#000;border:1px solid var(--border);box-shadow:var(--shadow)}.frame-player[data-v-122d2e88]{position:absolute;inset:0;width:100%;height:100%;border:0}.frame-overlay[data-v-122d2e88]{position:absolute;inset:0;display:grid;place-items:center;background:#080a0fd1;backdrop-filter:blur(2px)}.meta[data-v-122d2e88]{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.meta-text[data-v-122d2e88]{display:flex;align-items:center;gap:14px;min-width:0}.lesson-badge[data-v-122d2e88]{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:#0b0d12;background:var(--warm-gradient)}.meta-titles[data-v-122d2e88]{min-width:0}.meta-title[data-v-122d2e88]{font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46ch}.meta-position[data-v-122d2e88]{font-size:.85rem;color:var(--text-faint);margin-top:2px}.meta-dot[data-v-122d2e88]{margin-inline:6px}.controls[data-v-122d2e88]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ctrl[data-v-122d2e88]{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.9rem;font-weight:500;transition:border-color .18s ease,transform .18s ease,opacity .18s ease}.ctrl[data-v-122d2e88]:hover:not(:disabled){border-color:var(--cyan);transform:translateY(-1px)}.ctrl[data-v-122d2e88]:disabled{opacity:.4;cursor:not-allowed}.ctrl--primary[data-v-122d2e88]{background:var(--cool-gradient);border-color:transparent;color:#06121a;font-weight:600}.autoplay[data-v-122d2e88]{display:inline-flex;align-items:center;gap:9px;padding:8px 6px;background:none;border:none;color:var(--text-muted);font-size:.85rem}.autoplay-track[data-v-122d2e88]{position:relative;width:38px;height:22px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);transition:background .2s ease,border-color .2s ease}.autoplay-track.on[data-v-122d2e88]{background:var(--warm-gradient);border-color:transparent}.autoplay-thumb[data-v-122d2e88]{position:absolute;top:50%;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateY(-50%);transition:inset-inline-start .2s ease}.autoplay-track.on .autoplay-thumb[data-v-122d2e88]{inset-inline-start:17px}@media(max-width:640px){.meta[data-v-122d2e88]{align-items:flex-start}.controls[data-v-122d2e88]{width:100%}}.item[data-v-2e86c535]{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text);text-align:start;transition:background .16s ease,border-color .16s ease}.item[data-v-2e86c535]:hover{background:var(--surface-2)}.item.active[data-v-2e86c535]{background:color-mix(in srgb,var(--magenta) 12%,var(--surface));border-color:color-mix(in srgb,var(--magenta) 45%,transparent)}.thumb[data-v-2e86c535]{position:relative;flex-shrink:0;width:104px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#1d2230,#11141c);display:grid;place-items:center}.thumb-img[data-v-2e86c535]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb-fallback[data-v-2e86c535]{font-size:1.4rem;color:var(--text-faint)}.thumb-num[data-v-2e86c535]{position:absolute;inset-block-end:4px;inset-inline-start:4px;font-family:var(--font-display);font-size:.68rem;font-weight:700;color:#fff;background:#0009;padding:1px 6px;border-radius:6px}.thumb-playing[data-v-2e86c535]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;background:#080a0f73}.thumb-playing span[data-v-2e86c535]{width:3px;height:14px;border-radius:2px;background:var(--cyan);animation:bars-2e86c535 1s ease-in-out infinite}.thumb-playing span[data-v-2e86c535]:nth-child(2){animation-delay:.2s}.thumb-playing span[data-v-2e86c535]:nth-child(3){animation-delay:.4s}.body[data-v-2e86c535]{display:flex;flex-direction:column;gap:4px;min-width:0}.title[data-v-2e86c535]{font-size:.95rem;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sub[data-v-2e86c535]{font-size:.78rem;color:var(--text-faint)}.item.active .sub-lesson[data-v-2e86c535]{color:var(--pink)}.sub-dot[data-v-2e86c535]{margin-inline:5px}@keyframes bars-2e86c535{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.panel[data-v-02bbabf1]{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;max-height:min(78vh,760px)}.panel-head[data-v-02bbabf1]{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:var(--surface);z-index:1}.panel-title[data-v-02bbabf1]{font-size:1rem;font-weight:700}.panel-count[data-v-02bbabf1]{font-family:var(--font-display);font-size:.78rem;font-weight:700;color:var(--text);background:var(--surface-2);border:1px solid var(--border);padding:2px 10px;border-radius:999px}.panel-scroll[data-v-02bbabf1]{overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.panel-scroll[data-v-02bbabf1]::-webkit-scrollbar{width:8px}.panel-scroll[data-v-02bbabf1]::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.chapter+.chapter[data-v-02bbabf1]{margin-top:8px}.chapter-title[data-v-02bbabf1]{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:1;padding:8px 8px 6px;margin:0;background:var(--surface);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.01em;color:var(--text)}.chapter-count[data-v-02bbabf1]{flex-shrink:0;font-size:.72rem;font-weight:700;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border);padding:1px 8px;border-radius:999px}.panel-list[data-v-02bbabf1]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.site-footer[data-v-7ae5deb6]{margin-top:clamp(48px,8vw,96px);border-top:1px solid var(--border-soft);padding-block:28px}.footer-inner[data-v-7ae5deb6]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-logo[data-v-7ae5deb6]{height:24px;width:auto;opacity:.85}.footer-note[data-v-7ae5deb6]{font-size:.82rem;color:var(--text-faint)}.layout[data-v-c6aa8022]{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.layout-panel[data-v-c6aa8022]{position:sticky;top:84px}@media(max-width:960px){.layout[data-v-c6aa8022]{grid-template-columns:1fr}.layout-panel[data-v-c6aa8022]{position:static}}:root{--ink-900: #0b0d12;--ink-800: #0f121a;--surface: #13161f;--surface-2: #1a1e2a;--border: #262b38;--border-soft: #1e222e;--text: #f4f6fb;--text-muted: #9aa3b2;--text-faint: #6b7280;--pink: #ef5d9e;--magenta: #ea2e86;--amber: #fdc07d;--amber-strong: #f7a64b;--blue: #4a90cd;--cyan: #4ebde5;--brand-gradient: linear-gradient(120deg, #ef5d9e 0%, #f7a64b 38%, #4ebde5 72%, #4a90cd 100%);--warm-gradient: linear-gradient(135deg, #ea2e86, #f7a64b);--cool-gradient: linear-gradient(135deg, #4a90cd, #4ebde5);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--shadow: 0 18px 50px -20px rgba(0, 0, 0, .7);--shadow-soft: 0 8px 24px -16px rgba(0, 0, 0, .6);--font-display: "Poppins", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--max-width: 1200px;--gutter: clamp(16px, 4vw, 40px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-body);background:var(--ink-900);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(900px 480px at 85% -10%,rgba(234,46,134,.12),transparent 60%),radial-gradient(820px 460px at 5% 0%,rgba(78,189,229,.1),transparent 60%);background-repeat:no-repeat}h1,h2,h3{font-family:var(--font-display);line-height:1.2;font-weight:700}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.brand-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}