.bl-hero{background:linear-gradient(90deg,rgba(14,8,40,.75) 0,rgba(14,8,40,.25) 48%,transparent 72%),linear-gradient(180deg,transparent 70%,var(--l5-deep) 100%),url(/lw5/blog/hero-bg.webp) 100%/cover no-repeat,#1A0B3A;padding-block:calc(var(--sec-y) * .6) calc(var(--sec-y) * .5)}.bl-hero .hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.bl-hero h1{font-size:clamp(34px,4.4vw,60px);line-height:1.2}.bl-hero h1 .gold{padding-bottom:.12em}.bl-hero h1>span{display:block;white-space:nowrap}.bl-hero h1>span>span{display:inline}.bl-search{position:relative;display:flex;align-items:center;max-width:460px;margin-top:var(--space-8)}.bl-search svg{position:absolute;z-index:1;left:var(--space-5);width:18px;height:18px;color:var(--text-dim);pointer-events:none}.bl-search input{width:100%;height:56px;padding:0 var(--space-6) 0 52px;border-radius:var(--r-full);border:1px solid var(--border-bright);background:rgba(255,255,255,.06);backdrop-filter:blur(12px);color:#fff;font:400 var(--fs-body-sm)/1 var(--font-body);outline:none;transition:border-color .3s,background .3s}.bl-search input::placeholder{color:var(--text-dim)}.bl-search input:focus{border-color:var(--l5-violet-2);background:rgba(255,255,255,.1)}.bl-cats{display:flex;gap:var(--space-3);overflow-x:auto;scrollbar-width:none;padding:var(--space-1) 0 var(--space-2)}.bl-cats::-webkit-scrollbar{display:none}.bl-cat{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;padding:var(--space-3) var(--space-5);border-radius:var(--r-md);background:#fff;border:1px solid var(--l5-line);color:var(--l5-ink);font:500 var(--fs-caption)/1 var(--font-body);cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}.bl-cat svg{width:18px;height:18px;color:var(--l5-violet)}.bl-cat:hover{border-color:rgba(124,58,237,.35);transform:translateY(-1px)}.bl-cat.is-on{background:var(--l5-grad-btn);border-color:transparent;color:#fff;box-shadow:var(--l5-glow-btn)}.bl-cat.is-on svg{color:#fff}.bl-cat[class*=c-]:not(.is-on) svg,.bl-topics svg[class*=c-]{color:var(--ic)}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--l5-line);border-radius:var(--r-lg);overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.card,.card:hover{color:var(--l5-ink)}.card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -24px rgba(76,29,149,.45)}.card__img{position:relative;aspect-ratio:16/9;overflow:hidden}.card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}.card:hover .card__img img{transform:scale(1.05)}.card__body{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5)}.card__body h3{font-size:var(--fs-body);font-weight:700;letter-spacing:-.01em;line-height:1.35;text-wrap:balance}.card:hover .card__go{background:var(--l5-violet);color:#fff;border-color:transparent}.bl-more{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-caption);font-weight:600;color:var(--l5-violet)}.bl-more svg{width:14px;height:14px}.bl-empty{display:none;margin-top:var(--space-6);padding:var(--space-10);text-align:center;border:1px dashed rgba(124,58,237,.3);border-radius:var(--r-lg);color:var(--l5-ink-dim)}.bl-empty.is-on{display:block}@media (max-width:1100px){.bl-hero .hero__grid{grid-template-columns:minmax(0,1fr)}.bl-hero__art{max-width:620px;margin:0 auto}}@media (max-width:860px){.bl-search{margin-inline:auto}}.gd-hero .bl-hero__art img{width:100%;margin-left:0;max-width:560px;margin-inline:auto}.gd-body{background:var(--l5-light);color:var(--l5-ink);padding-top:var(--space-10)}.gd-cats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-3)}.gd-cats .bl-cat{flex-direction:column;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);text-align:center;line-height:1.3;font-size:var(--fs-micro)}.gd-cats .bl-cat svg{width:24px;height:24px}.gd-sec{margin-top:var(--space-16)}.gd-sec:first-of-type{margin-top:var(--space-12)}.gd-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.gd-head h2{font-size:clamp(22px,2.2vw,28px)}.gd-head p{margin-top:var(--space-2);font-size:var(--fs-caption);color:var(--l5-ink-dim)}.gd-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}.gd-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--l5-grad-btn);color:#fff;box-shadow:var(--l5-glow-btn);transition:transform .3s}.gd-play svg{width:22px;height:22px;margin-left:3px}.card:hover .gd-play{transform:scale(1.1)}.gd-dur{position:absolute;right:var(--space-3);bottom:var(--space-3);padding:3px var(--space-2);border-radius:var(--r-sm);background:rgba(10,6,30,.75);font:500 var(--fs-micro)/1.4 var(--font-mono);color:#fff}.card__body p{font-size:var(--fs-caption);line-height:1.55;color:var(--l5-ink-dim)}.gd-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-10);margin-top:var(--space-6);padding:0}.gd-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-5);background:#fff;border:1px solid var(--l5-line);border-radius:var(--r-lg)}.gd-step:not(:last-child):after{content:"→";position:absolute;right:calc(var(--space-10) / -2);top:50%;translate:50% -50%;font-size:22px;color:var(--l5-violet)}.gd-step__n{position:absolute;left:var(--space-4);top:var(--space-4);padding:2px var(--space-2);border-radius:var(--r-sm);background:rgba(124,58,237,.1);font:700 var(--fs-caption)/1.4 var(--font-display);color:var(--l5-violet)}.gd-step svg{width:44px;height:44px;margin:var(--space-3) 0 var(--space-2);color:var(--ic)}.gd-step h3{font-size:var(--fs-body-sm);font-weight:700;letter-spacing:0}.gd-step p{font-size:var(--fs-caption);line-height:1.5;color:var(--l5-ink-dim)}.gd-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}.gd-topic{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#fff;border:1px solid var(--l5-line);border-radius:var(--r-lg);color:var(--l5-ink);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.gd-topic:hover{color:var(--l5-ink);transform:translateY(-4px);box-shadow:0 20px 36px -22px rgba(76,29,149,.4)}.gd-topic__ic{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:var(--r-md);background:color-mix(in oklab,var(--ic) 12%,#fff);color:var(--ic)}.gd-topic__ic svg{width:26px;height:26px}.gd-topic h3{font-size:var(--fs-body-sm);font-weight:700;letter-spacing:0}.gd-topic p{margin-top:2px;font-size:var(--fs-caption);line-height:1.45;color:var(--l5-ink-dim)}.gd-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-5);margin-top:var(--space-6);align-items:start}.gd-q{background:#fff;border:1px solid var(--l5-line);border-radius:var(--r-md);transition:border-color .2s}.gd-q[open]{border-color:rgba(124,58,237,.4)}.gd-q summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);font-size:var(--fs-body-sm);font-weight:500;cursor:pointer;list-style:none}.gd-q summary::-webkit-details-marker{display:none}.gd-q i{position:relative;width:14px;height:14px;flex:none}.gd-q i:after,.gd-q i:before{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:var(--l5-violet);transition:transform .3s}.gd-q i:after{transform:rotate(90deg)}.gd-q[open] i:after{transform:rotate(0)}.gd-q p{padding:0 var(--space-5) var(--space-5);font-size:var(--fs-caption);line-height:1.6;color:var(--l5-ink-dim)}.gd-body{padding-bottom:var(--space-20)}.gd-hide{display:none!important}@media (max-width:1100px){.gd-cats{display:flex;overflow-x:auto;scrollbar-width:none}.gd-cats .bl-cat{flex:none;min-width:120px}.gd-steps,.gd-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-step:nth-child(2):after{display:none}}@media (max-width:860px){.gd-faq,.gd-feat{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.gd-steps,.gd-topics{grid-template-columns:minmax(0,1fr)}.gd-step:after{display:none}.gd-head{flex-direction:column;align-items:flex-start}}.gd-feat .card__img{background:radial-gradient(70% 80% at 50% 50%,#3B1A7A,#14082E)}.gd-feat .card__img img{object-fit:contain;padding:var(--space-4)}.gd-feat .card__img{background:#fff}.gd-feat .card__img img{padding:var(--space-3)}.gd-feat .card__img{background:var(--l5-deep)}.gd-feat .card__img img{object-fit:cover;padding:0}.gd-hero{background:linear-gradient(90deg,rgba(10,6,30,.9) 0,rgba(10,6,30,.55) 30%,rgba(10,6,30,0) 52%),linear-gradient(180deg,transparent 75%,rgba(14,8,40,.55)),url(/lw5/guides/hero-bg.webp) 100%/cover no-repeat,var(--l5-deep);min-height:clamp(440px,38vw,600px);display:flex;align-items:center}.gd-hero>.wrap{width:100%}.gd-hero .bl-hero__art{visibility:hidden}@media (max-width:1100px){.gd-hero .bl-hero__art{display:none}.gd-hero{background:linear-gradient(90deg,rgba(10,6,30,.92) 0,rgba(10,6,30,.75) 55%,rgba(10,6,30,.3) 90%),url(/lw5/guides/hero-bg.webp) 75%/cover no-repeat,var(--l5-deep)}}.gd-vmodal{margin:auto;width:min(1100px,94vw,calc((94vh - 280px) * 16 / 9 + 42px));max-width:none;max-height:94vh;padding:0;border:1px solid rgba(251,191,36,.3);border-radius:var(--r-xl);background:var(--l5-deep);color:#fff;overflow:auto}.gd-vmodal::backdrop{background:rgba(6,3,18,.88)}.gd-vmodal__inner{padding:var(--space-5)}.gd-vmodal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.gd-vmodal__head h2{margin:0;font-size:var(--fs-h4);line-height:1.3;color:#fff}.gd-vmodal__close{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .15s}.gd-vmodal__close:hover{background:rgba(255,255,255,.2)}.gd-vmodal__close:focus-visible{outline:2px solid var(--l5-gold);outline-offset:2px}.gd-vmodal__close svg{width:18px;height:18px}.gd-vmodal__more{margin-top:var(--space-5)}.gd-vmodal .gdd-video__chapters ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-1)}.gd-vmodal .gdd-video__chapters li{flex:0 0 240px;scroll-snap-align:start}@media (max-width:640px){.gd-vmodal{width:100vw;max-height:100dvh;border-radius:0;border:0}.gd-vmodal__inner{padding:var(--space-4)}}.gdd-hero .pk-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.gdd-crumb{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-caption);color:var(--text-dim)}.gdd-crumb:hover{color:#fff}.gdd-crumb svg{width:14px;height:14px}.gdd-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-6);font-size:var(--fs-caption);color:var(--text-dim)}.gdd-meta span{display:inline-flex;align-items:center;gap:var(--space-2)}.gdd-meta svg{width:15px;height:15px;color:var(--l5-gold)}.gdd-hero__ic{display:grid;place-items:center;width:52px;height:52px;margin-top:var(--space-6);border-radius:var(--r-md);background:color-mix(in oklab,var(--ic) 22%,transparent);color:var(--ic)}.gdd-hero__ic svg{width:26px;height:26px}.gdd-body{background:var(--l5-light);color:var(--l5-ink);padding-block:var(--space-16) var(--space-20)}.gdd-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-12);align-items:start}.gdd-rail{position:sticky;top:96px}.gdd-rail__title{font-size:var(--fs-caption);font-weight:600;color:var(--l5-ink-dim)}.gdd-rail ol{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:2px;counter-reset:gdd}.gdd-rail a{display:flex;gap:var(--space-3);align-items:baseline;padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);font-size:var(--fs-body-sm);line-height:1.4;color:var(--l5-ink-dim);transition:background .2s,color .2s}.gdd-rail a:hover{color:var(--l5-ink);background:rgba(124,58,237,.06)}.gdd-rail a b{flex:none;min-width:1.4em;font-weight:700;font-variant-numeric:tabular-nums;color:var(--l5-violet)}.gdd-rail a.is-on{background:#fff;color:var(--l5-ink);box-shadow:inset 3px 0 0 var(--l5-violet)}.gdd-step{scroll-margin-top:96px}.gdd-step+.gdd-step{margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--l5-line)}.gdd-step__head{display:flex;gap:var(--space-4);align-items:flex-start}.gdd-step__n{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--l5-ink);color:var(--l5-gold);font:700 var(--fs-body)/1 var(--font-display);font-variant-numeric:tabular-nums}.gdd-step h2{font-size:clamp(22px,2.2vw,28px);line-height:1.25;text-wrap:balance}.gdd-step__body{margin-top:var(--space-3);max-width:68ch;font-size:var(--fs-body-sm);line-height:1.7;color:var(--l5-ink-dim)}.gdd-step__body strong{color:var(--l5-ink);font-weight:600}.gdd-note{display:flex;gap:var(--space-3);margin-top:var(--space-5);max-width:68ch;padding:var(--space-4) var(--space-5);border-radius:var(--r-md);background:#FFF8E6;border:1px solid #f5d78a;font-size:var(--fs-body-sm);line-height:1.6;color:#5B4310}.gdd-note svg{flex:none;width:18px;height:18px;margin-top:3px;color:#B7791F}.gdd-note strong{color:#3F2E08}.gdd-shot{margin-top:var(--space-6)}.gdd-shot__fig{margin:0;padding:var(--space-2);border-radius:var(--r-lg);background:var(--l5-deep);box-shadow:0 30px 60px -36px rgba(76,29,149,.6)}.gdd-shot[data-frame=phone] .gdd-shot__fig{max-width:300px;padding:var(--space-3);border-radius:36px}.gdd-shot[data-frame=crop] .gdd-shot__fig{max-width:470px}.gdd-shot__zoom{position:relative;padding:0;border:0;background:none;cursor:zoom-in}.gdd-shot__zoom,.gdd-shot__zoom img{display:block;width:100%;border-radius:var(--r-md)}.gdd-shot__zoom img{height:auto}.gdd-shot[data-frame=phone] .gdd-shot__zoom img{border-radius:26px}.gdd-shot__zoom:focus-visible{outline:3px solid var(--l5-gold);outline-offset:3px}.gdd-shot__hint{position:absolute;right:var(--space-3);bottom:var(--space-3);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(10,6,30,.7);color:#fff;opacity:0;transition:opacity .2s}.gdd-shot__zoom:focus-visible .gdd-shot__hint,.gdd-shot__zoom:hover .gdd-shot__hint{opacity:1}.gdd-shot__hint svg{width:16px;height:16px}.gdd-pin{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:2px solid rgba(251,191,36,.85);border-radius:8px;transition:background .2s,border-color .2s,box-shadow .2s;pointer-events:none}.gdd-pin span{position:absolute;left:-11px;top:-11px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--l5-gold);color:#1A0B3A;font:800 12px/1 var(--font-display);box-shadow:0 0 0 2px var(--l5-deep)}.gdd-pin.is-on{background:rgba(251,191,36,.18);border-color:#FDE68A;box-shadow:0 0 0 4px rgba(251,191,36,.35)}.gdd-legend{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-5)}.gdd-legend li{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border-radius:var(--r-md);font-size:var(--fs-body-sm);line-height:1.55;color:var(--l5-ink-dim);cursor:default;transition:background .2s}.gdd-legend li.is-on{background:#fff;box-shadow:0 0 0 1px rgba(251,191,36,.6)}.gdd-legend li>b{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--l5-ink);color:var(--l5-gold);font:700 12px/1 var(--font-display)}.gdd-legend strong{color:var(--l5-ink);font-weight:600}.gdd-lightbox{max-width:min(1600px,96vw);max-height:94vh;padding:0;border:0;border-radius:var(--r-lg);background:transparent;overflow:visible}.gdd-lightbox::backdrop{background:rgba(6,3,18,.88)}.gdd-lightbox img{display:block;max-width:min(1600px,96vw);max-height:88vh;width:auto;height:auto;border-radius:var(--r-md)}.gdd-lightbox__close{position:absolute;right:-14px;top:-14px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--l5-ink);cursor:pointer}.gdd-lightbox__close svg{width:18px;height:18px}.gdd-sec{margin-top:var(--space-20);scroll-margin-top:96px}.gdd-sec h2{font-size:clamp(22px,2.2vw,28px)}.gdd-sec .gd-faq{grid-template-columns:minmax(0,1fr)}.gdd-related{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.gdd-related a{display:flex;gap:var(--space-3);align-items:flex-start;height:100%;padding:var(--space-4);border-radius:var(--r-md);background:#fff;border:1px solid var(--l5-line);color:var(--l5-ink);line-height:1.35;transition:border-color .2s}.gdd-related b{display:block;font-size:var(--fs-body-sm);font-weight:600}.gdd-related a>span>span{display:block;margin-top:2px;font-size:var(--fs-caption);line-height:1.5;color:var(--l5-ink-dim)}.gdd-next{display:flex;gap:var(--space-5);align-items:center;margin-top:var(--space-6);padding:var(--space-6);border-radius:var(--r-lg);background:var(--l5-deep);color:#fff;transition:transform .25s}.gdd-next:hover{color:#fff;transform:translateY(-2px)}.gdd-next i{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-md);background:color-mix(in oklab,var(--ic) 24%,transparent);color:var(--ic)}.gdd-next i svg{width:26px;height:26px}.gdd-next>span{flex:1;min-width:0}.gdd-next small{display:block;font-size:var(--fs-caption);color:var(--l5-gold)}.gdd-next b{display:block;margin-top:2px;font-size:clamp(18px,1.8vw,22px);font-weight:700}.gdd-next>span>span{display:block;margin-top:var(--space-1);font-size:var(--fs-body-sm);color:var(--text-dim)}.gdd-next__go{flex:none;width:22px;height:22px;color:var(--l5-gold)}@media (prefers-reduced-motion:reduce){.gdd-next{transition:none}}.gdd-related a:hover{color:var(--l5-ink);border-color:rgba(124,58,237,.4)}.gdd-related i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);background:color-mix(in oklab,var(--ic) 12%,#fff);color:var(--ic)}.gdd-related svg{width:18px;height:18px}.gd-detail-list{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-5)}.gd-detail-list a{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5);border-radius:var(--r-lg);background:#fff;border:1px solid var(--l5-line);color:var(--l5-ink);transition:border-color .2s}.gd-detail-list a:hover{color:var(--l5-ink);border-color:rgba(124,58,237,.4)}.gd-detail-list b{flex:none;font:700 var(--fs-body)/1.4 var(--font-display);color:var(--l5-violet);font-variant-numeric:tabular-nums}.gd-detail-list h3{font-size:var(--fs-body-sm);font-weight:700;letter-spacing:0}.gd-detail-list p{margin-top:2px;font-size:var(--fs-caption);line-height:1.5;color:var(--l5-ink-dim)}@media (prefers-reduced-motion:reduce){.gdd-legend li,.gdd-pin,.gdd-rail a,.gdd-shot__hint{transition:none}}@media (max-width:1100px){.gdd-hero .pk-hero__grid,.gdd-layout{grid-template-columns:minmax(0,1fr)}.gdd-layout{gap:var(--space-6)}.gdd-rail{top:64px;z-index:2;margin-inline:calc(var(--container-pad) * -1);padding:var(--space-2) var(--container-pad);background:var(--l5-light);border-bottom:1px solid var(--l5-line)}.gdd-rail__title{display:none}.gdd-rail ol{margin:0;display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.gdd-rail ol::-webkit-scrollbar{display:none}.gdd-rail a{flex:none;white-space:nowrap;border:1px solid var(--l5-line);background:#fff;border-radius:var(--r-full)}.gdd-rail a.is-on{box-shadow:none;border-color:var(--l5-violet)}.gdd-sec,.gdd-step{scroll-margin-top:128px}.gdd-related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.gdd-hero__ic{margin-inline:auto}.gdd-meta{justify-content:center}}@media (max-width:640px){.gd-detail-list,.gdd-legend,.gdd-related{grid-template-columns:minmax(0,1fr)}.gdd-step+.gdd-step{margin-top:var(--space-10);padding-top:var(--space-10)}.gdd-pin span{width:18px;height:18px;left:-9px;top:-9px;font-size:10px}}.gdd-hero__media{min-width:0}.gdd-video{margin:0}.gdd-video__player{display:block;width:100%;aspect-ratio:16/9;background:#0b0a1d;border-radius:var(--r-xl);border:1px solid rgba(251,191,36,.35);box-shadow:0 40px 80px -40px rgba(124,58,237,.75),0 0 0 6px rgba(255,255,255,.03)}.gdd-video__chapters{margin-top:var(--space-4)}.gdd-video__label{display:block;font-size:var(--fs-caption);color:var(--text-dim);margin-bottom:var(--space-2)}.gdd-video__chapters ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-2)}.gdd-video__chapters button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 12px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#e7e3ff;font:inherit;font-size:var(--fs-caption);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.gdd-video__chapters button:hover{background:rgba(255,255,255,.08);border-color:rgba(251,191,36,.45)}.gdd-video__chapters button.is-active{border-color:var(--l5-gold);background:color-mix(in oklab,var(--l5-gold) 14%,transparent)}.gdd-video__chapters button:focus-visible{outline:2px solid var(--l5-gold);outline-offset:2px}.gdd-video__chapters svg{width:13px;height:13px;flex:none;color:var(--l5-gold)}.gdd-video__num{flex:none;font-weight:700;color:var(--l5-gold)}.gdd-video__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdd-video__chapters time{flex:none;font-variant-numeric:tabular-nums;color:var(--text-dim)}@media (max-width:640px){.gdd-video__chapters ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-1)}.gdd-video__chapters li{flex:0 0 78%;scroll-snap-align:start}}