.grid-layout{background:#000;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box}.grid-layout>div:first-child,.grid-layout__track{width:100%;height:100%;box-sizing:border-box;will-change:transform}@media (min-width:769px){.grid-layout__cell{min-width:0;min-height:0;max-width:100%;max-height:100%;flex-shrink:0}}.grid-layout__pin-overlay{gap:8px;padding:8px;box-sizing:border-box}.video-stage .grid-layout{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%}.event-item--grid .grid-layout{position:relative!important;width:100%!important;height:100vh!important;min-height:100vh!important;max-width:100%!important;top:0!important;left:0!important;right:0!important;bottom:auto!important}@media (max-width:768px){.event-item--grid .grid-layout{height:auto!important;min-height:auto!important;max-height:none!important}}.grid-layout__cell{position:relative;overflow:hidden;cursor:pointer;background:#000;transition:transform .25s ease,outline .2s ease,box-shadow .25s ease;border-radius:0;border:none;will-change:transform;width:100%;height:100%;min-height:0;min-width:0;display:flex;align-items:stretch;z-index:1}.grid-layout__cell:hover{z-index:2;box-shadow:none}.grid-layout__video{width:100%;height:100%;min-width:100%;min-height:100%;z-index:1}.grid-layout__video,.grid-layout__video video{position:absolute;top:0;left:0;object-fit:cover;background:#000;display:block;visibility:visible;opacity:1;pointer-events:none}.grid-layout__video video{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important}.grid-layout__video video[poster]{background-image:attr(poster)}.grid-layout__video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.6);font-size:12px;text-align:center;z-index:1}.grid-layout__loading{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;background:transparent;z-index:2;pointer-events:none}.grid-layout__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;filter:drop-shadow(0 0 2px rgba(0,0,0,.7))}@keyframes spin{to{transform:rotate(1turn)}}.grid-layout__tap-overlay{position:absolute;inset:0;z-index:10;cursor:pointer;touch-action:manipulation;transition:background .2s ease}.grid-layout__tap-overlay.paused,.grid-layout__tap-overlay.playing{background:transparent}.grid-layout__expand-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;background:transparent;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;opacity:1;pointer-events:auto;transition:opacity .25s ease,background .2s ease,transform .2s ease}.grid-layout--3 .grid-layout__cell:nth-child(2) .grid-layout__expand-button{left:calc(50% - 60px);transform:translate(-50%,-50%)}@media (max-width:768px){.grid-layout__expand-button{width:56px;height:56px;background:transparent;border:none}.grid-layout__expand-button.hidden{opacity:0!important;pointer-events:none!important}.grid-layout__expand-button svg{width:28px;height:28px}.grid-layout__cell{cursor:default}}.grid-layout__expand-button:hover{background:transparent;transform:scale(1.1)}.grid-layout__expand-button:active{transform:scale(.95)}.grid-layout__cell-controls{position:absolute;bottom:10px;left:10px;z-index:50;display:flex;align-items:stretch;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.35);border-radius:11px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;pointer-events:none;opacity:0;transition:opacity .3s ease}.grid-layout__video-title{position:relative;display:flex;align-items:center;justify-content:center;min-width:26px;height:22px;background:none;border:none;border-radius:11px 0 0 11px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease,transform .2s ease}.grid-layout__video-title:only-child{border-radius:11px}.grid-layout__video-title.is-open{color:#FDE100}.grid-layout__video-title svg{width:11px;height:11px;overflow:visible;stroke:rgba(0,0,0,.75);stroke-width:1.8px;filter:drop-shadow(0 1px 1px rgba(0,0,0,1)) drop-shadow(0 2px 4px rgba(0,0,0,.9))}.grid-layout__video-title:hover{color:#FDE100}.grid-layout__video-title:active{transform:scale(.92)}.grid-layout__video-title:before{content:"";position:absolute;inset:-8px 0 -8px -12px}.grid-layout__video-title:only-child:before{inset:-8px -12px}.grid-layout--show-controls .grid-layout__cell-controls{opacity:1;pointer-events:auto}@media (hover:hover){.grid-layout__cell:hover .grid-layout__cell-controls{opacity:1;pointer-events:auto}}.grid-layout--2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:8px}.grid-layout--2.grid-layout--expanded{grid-template-columns:1fr;grid-template-rows:1fr}.grid-layout--2.grid-layout--expanded .grid-layout__cell:not(.grid-layout__cell--focused){display:none}.grid-layout--2 .grid-layout__cell--focused{grid-column:1/-1;grid-row:1/-1;border-radius:0}.grid-layout--2 .grid-layout__cell{transition:transform .25s ease,order .25s ease}.grid-layout--2 .grid-layout__expand-button{opacity:0}.grid-layout--2 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--2.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:8px}.grid-layout--3 .grid-layout__cell{transition:transform .25s ease}.grid-layout--3 .grid-layout__expand-button{opacity:0}.grid-layout--3 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--3.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.grid-layout--4.grid-layout--focused{grid-template-columns:1fr;grid-template-rows:1fr}.grid-layout--4.grid-layout--focused .grid-layout__cell:not(.grid-layout__cell--focused){display:none}.grid-layout--4 .grid-layout__cell--focused{grid-column:1/-1;grid-row:1/-1;border-radius:0}.grid-layout__focused-cell,.grid-layout__focused-view{width:100%;height:100%;position:relative}.grid-layout__back-button{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.7);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;z-index:20;transition:background .2s ease,transform .2s ease}.grid-layout__back-button:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.grid-layout__back-button:active{transform:scale(.95)}.grid-layout--4 .grid-layout__expand-button{opacity:0}.grid-layout--4 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--4.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--5{grid-template-columns:repeat(2,1fr);grid-template-rows:2fr 1fr 1fr}.grid-layout--5 .grid-layout__cell{min-width:0;min-height:0}.grid-layout--5 .grid-layout__cell:first-child{grid-column:1/-1}@media (min-width:769px){.grid-layout--6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}@media (max-width:768px){.grid-layout--6{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}.grid-layout--6 .grid-layout__cell{min-width:0;min-height:0}.grid-layout--7{grid-template-columns:repeat(2,1fr);grid-template-rows:2fr 1fr 1fr 1fr;gap:4px}.grid-layout--7 .grid-layout__cell{min-width:0;min-height:0}.grid-layout--7 .grid-layout__cell:first-child{grid-column:1/-1}.grid-layout--7 .grid-layout__expand-button{opacity:.3}.grid-layout--7 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--7.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--8{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:4px}.grid-layout--8 .grid-layout__expand-button{opacity:.4}.grid-layout--8 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--8.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.grid-layout--9 .grid-layout__cell--active{border:2px solid rgba(var(--viewer-accent-rgb,255,255,255),.8);box-shadow:0 0 12px rgba(var(--viewer-accent-rgb,255,255,255),.4)}.grid-layout--9 .grid-layout__cell--pinned{border:2px solid rgba(212,168,67,.8);box-shadow:0 0 12px rgba(212,168,67,.4)}.grid-layout--9 .grid-layout__cell:nth-child(5) .grid-layout__expand-button{top:calc(50% + 60px);left:50%;transform:translate(-50%,-50%)}.grid-layout--9 .grid-layout__expand-button{opacity:.3}.grid-layout--9 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--9.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout__transition--resize{transition:grid-column .25s ease,grid-row .25s ease,transform .25s ease}.grid-layout__transition--swap{transition:order .25s ease,transform .25s ease}.grid-layout__transition--focus{transition:opacity .25s ease,transform .25s ease}.grid-layout__transition--promote{transition:grid-column .25s ease,grid-row .25s ease,transform .25s ease}@media (max-width:768px){.grid-layout{gap:4px;padding:4px;min-height:0}.grid-layout__cell{min-height:0}.grid-layout__expand-button{width:36px;height:36px}.grid-layout__spinner{width:30px;height:30px}.grid-layout__swap-focus-btn,.grid-layout__video-title{min-width:32px;height:28px}.grid-layout__swap-focus-btn svg,.grid-layout__video-title svg{width:13px;height:13px}.grid-layout__back-button{width:40px;height:40px;top:15px;left:15px}}@media (max-width:480px){.grid-layout{gap:2px;padding:2px}.grid-layout__expand-button{width:32px;height:32px}.grid-layout__spinner{width:24px;height:24px}.grid-layout__swap-focus-btn,.grid-layout__video-title{min-width:32px;height:28px}.grid-layout__swap-focus-btn svg,.grid-layout__video-title svg{width:13px;height:13px}}@media (prefers-reduced-motion:reduce){.grid-layout,.grid-layout__back-button,.grid-layout__cell,.grid-layout__expand-button,.grid-layout__transition--focus,.grid-layout__transition--promote,.grid-layout__transition--resize,.grid-layout__transition--swap{transition:none}.grid-layout__spinner{animation:none;border-top-color:rgba(255,255,255,.5)}}.grid-layout__cell--empty{background:rgba(0,0,0,.3);border:1px dashed rgba(255,255,255,.1)}.grid-layout__cell--empty:hover{transform:none;border-color:rgba(255,255,255,.1)}@keyframes cell-resize-pop{0%{transform:scale(.82);opacity:.45}55%{transform:scale(1.05);opacity:1}75%{transform:scale(.97);opacity:1}to{transform:scale(1);opacity:1}}.grid-layout__cell--size-changing{animation:cell-resize-pop .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--cell-pop-delay,0s)}@media (prefers-reduced-motion:reduce){.grid-layout__cell--size-changing{animation:none}}@keyframes cell-join-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.grid-layout__cell--joining{animation:cell-join-in .42s ease-out .08s both}@media (prefers-reduced-motion:reduce){.grid-layout__cell--joining{animation:none}}.grid-layout--dominant>div:first-child{display:grid!important;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1),grid-template-columns .38s cubic-bezier(.4,0,.2,1)}.grid-layout--dominant .grid-layout__cell--dominant{grid-row:1!important;grid-column:1/-1!important}.grid-layout--dominant .grid-layout__cell--secondary{grid-row:2!important;grid-column:auto!important}@media (max-width:768px){.grid-layout--dominant>div:first-child{grid-template-columns:1fr;grid-template-rows:70fr 30fr!important;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.grid-layout--dominant .grid-layout__cell--dominant{grid-row:1!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.grid-layout--dominant .grid-layout__cell--secondary{grid-row:2!important;grid-column:auto!important}}@keyframes cell-dominant-enter{0%{transform:scale(.96);opacity:.7}60%{transform:scale(1.01);opacity:1}to{transform:scale(1);opacity:1}}@keyframes cell-secondary-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-layout__cell--dominant{animation:cell-dominant-enter .42s cubic-bezier(.34,1.56,.64,1) both}.grid-layout__cell--secondary{animation:cell-secondary-enter .32s ease-out both;animation-delay:.08s}.grid-layout__cell--focus-sticky{animation:cell-dominant-enter .42s cubic-bezier(.34,1.56,.64,1) both}.grid-layout__focus-shell{display:grid;position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y pinch-zoom;will-change:auto;box-sizing:border-box;padding:0}.grid-layout__focus-resize-handle{position:absolute;left:96px;right:0;height:24px;margin-top:-12px;z-index:40;display:flex;align-items:center;justify-content:flex-end;touch-action:pan-y;cursor:row-resize}.grid-layout__focus-resize-handle--dragging{touch-action:none}.grid-layout__focus-resize-handle--handing-off{opacity:0;pointer-events:none;transition:opacity .16s ease}.grid-layout__focus-resize-handle:before{content:"";position:absolute;left:-80px;right:16px;height:2px;border-radius:999px;background:rgba(var(--viewer-accent-rgb,255,255,255),.75);box-shadow:0 0 10px rgba(var(--viewer-accent-rgb,255,255,255),.55);opacity:0;pointer-events:none;transition:opacity .12s ease}.grid-layout__focus-resize-grip{position:relative;flex-shrink:0;margin-right:20%;width:44px;height:24px;touch-action:none;display:flex;align-items:center;justify-content:center;border-radius:12px;color:rgba(255,255,255,.9);background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.28);box-shadow:0 1px 4px rgba(0,0,0,.45);transition:color .12s ease,background .12s ease,box-shadow .12s ease,transform .12s ease}.grid-layout__focus-resize-grip:before{content:"";position:absolute;inset:-18px -12px 0 -12px}.grid-layout__focus-resize-grip svg{width:20px;height:13px}.grid-layout__focus-resize-handle--with-videos{gap:12px;padding-right:12px}.grid-layout__focus-resize-handle--with-videos .grid-layout__focus-resize-grip{margin-right:0}.grid-layout__focus-resize-handle--dragging .video-menu-tab.is-visible{opacity:0;transform:scale(.9);pointer-events:none}.grid-layout__focus-resize-handle--dragging:before{opacity:1}.grid-layout__focus-resize-handle--dragging .grid-layout__focus-resize-grip{color:var(--viewer-accent,#fff);background:rgba(var(--viewer-accent-rgb,255,255,255),.2);box-shadow:0 0 0 3px rgba(var(--viewer-accent-rgb,255,255,255),.2),0 0 16px rgba(var(--viewer-accent-rgb,255,255,255),.65);transform:scale(1.1)}.grid-layout__focus-shell--resizing .grid-layout__cell .grid-layout__cell-controls{opacity:0;pointer-events:none}.grid-layout__focus-shell.is-single{grid-template-rows:70fr 30fr}.grid-layout__focus-shell>.grid-layout__cell{grid-column:1;min-width:0;min-height:0}.grid-layout__focus-shell.is-single>.grid-layout__cell{grid-row:1}.grid-layout__focus-secondary-viewport{grid-column:1;min-width:0;min-height:0;overflow:hidden}.grid-layout__focus-shell.is-single .grid-layout__focus-secondary-viewport{grid-row:2}.grid-layout__focus-secondary-track{display:flex;width:100%;height:100%;will-change:transform}.grid-layout__focus-secondary-slide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 100%;min-width:0;height:100%}.grid-layout__focus-secondary-slide.is-single{grid-template-columns:minmax(0,1fr)}@keyframes exit-btn-appear{0%{opacity:0;transform:translateY(-10px) scale(.8)}65%{opacity:1;transform:translateY(2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.grid-layout__swap-focus-btn{position:relative;display:flex;align-items:center;justify-content:center;min-width:26px;height:22px;background:none;border:none;border-left:1px solid rgba(255,255,255,.35);border-radius:0 11px 11px 0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:exit-btn-appear .35s cubic-bezier(.34,1.56,.64,1) both;transition:background .2s ease,opacity .2s ease}.grid-layout__swap-focus-btn:before{content:"";position:absolute;inset:-8px -12px -8px 0}.grid-layout__swap-focus-btn:hover{background:rgba(255,255,255,.12)}.grid-layout__swap-focus-btn:active{transform:scale(.96)}.grid-layout__swap-focus-btn svg{width:11px;height:11px;flex-shrink:0}.grid-layout__swap-focus-btn:only-child{border-left:none;border-radius:11px}.grid-layout__swap-focus-btn:only-child:before{inset:-8px -12px}.grid-layout__swap-focus-btn svg{animation:swap-arrow-rise 2.2s linear .6s infinite}.grid-layout__swap-focus-btn--nudge svg{animation:swap-arrow-nudge .9s ease-out .12s both,swap-arrow-rise 2.2s linear 1.6s infinite}@keyframes swap-arrow-rise{0%{transform:translateY(0);opacity:1;animation-timing-function:cubic-bezier(.5,0,.9,.5)}26%{transform:translateY(-7px);opacity:0}27%{transform:translateY(7px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.3,1)}55%,to{transform:translateY(0);opacity:1}}@keyframes swap-arrow-nudge{0%{transform:translateY(0)}20%{transform:translateY(-5px);filter:drop-shadow(0 0 5px rgba(255,255,255,.95))}42%{transform:translateY(0)}62%{transform:translateY(-3px);filter:drop-shadow(0 0 3px rgba(255,255,255,.7))}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.grid-layout__swap-focus-btn svg,.grid-layout__swap-focus-btn--nudge svg{animation:none}}.grid-layout__swap-focus-btn.grid-layout__swap-focus-btn--hidden{opacity:0!important;pointer-events:none!important}.grid-layout__show-all{position:absolute;bottom:12px;left:50%;z-index:20;padding:8px 18px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,.9);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .15s ease}.grid-layout__show-all:hover{background:rgba(255,255,255,.15)}.grid-layout__show-all:active{transform:translateX(-50%) scale(.95)}.grid-layout__cell--pinned-indicator{box-shadow:inset 0 0 0 2px rgba(234,179,8,.6),0 0 12px rgba(234,179,8,.2)}.grid-layout__cell--dominant-indicator{box-shadow:inset 0 0 0 2px rgba(var(--viewer-accent-rgb,255,255,255),.6),0 0 16px rgba(var(--viewer-accent-rgb,255,255,255),.25)}.grid-layout__cell--muted-indicator:after{content:"";position:absolute;top:8px;left:8px;z-index:12;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3Cpath d='M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6'/%3E%3Cpath d='M17 16.95A7 7 0 0 1 5 12v-2m14 0v2c0 .76-.13 1.49-.35 2.17'/%3E%3Cline x1='12' y1='19' x2='12' y2='23'/%3E%3Cline x1='8' y1='23' x2='16' y2='23'/%3E%3C/svg%3E") 50% /14px no-repeat}.grid-layout__cell--hiding{animation:cellHideOut .25s ease-out forwards}@keyframes cellHideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.grid-layout__cell--hiding,.grid-layout__show-all{animation:none!important;transition:none!important}}.grid-layout__buffer-badge{position:absolute;top:6px;left:6px;z-index:30;padding:3px 7px;border-radius:4px;font:600 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;background:rgba(0,0,0,.75);pointer-events:none;white-space:nowrap}.grid-layout__buffer-badge--held{background:rgba(202,138,4,.9)}.grid-layout__buffer-badge--playing{background:rgba(21,128,61,.9)}.grid-layout__buffer-badge--paused{background:rgba(120,113,108,.9)}.grid-layout__buffer-badge--rebuffering{background:rgba(185,28,28,.9)}.grid-layout__buffer-badge--suspended{background:rgba(124,45,18,.9)}.grid-layout__cell--swap-dragging{opacity:.4;transform:scale(.94);transition:opacity .16s ease,transform .16s cubic-bezier(.2,.7,.3,1);z-index:2}.grid-layout__cell--swap-dragging:before{content:"";position:absolute;inset:4px;z-index:35;pointer-events:none;border:1.5px dashed rgba(148,163,184,.6);border-radius:8px;animation:swap-slot-vacate .2s ease-out both}@keyframes swap-slot-vacate{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.grid-layout__cell--swap-target:after{content:"";position:absolute;inset:0;z-index:35;pointer-events:none;border:2px dashed rgba(var(--viewer-accent-rgb,255,255,255),.75);border-radius:inherit;background:rgba(var(--viewer-accent-rgb,255,255,255),.06);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;animation:swap-target-breathe 1.4s ease-in-out infinite}@keyframes swap-target-breathe{0%,to{border-color:rgba(var(--viewer-accent-rgb,255,255,255),.45);background:rgba(var(--viewer-accent-rgb,255,255,255),.04)}50%{border-color:rgba(var(--viewer-accent-rgb,255,255,255),.95);background:rgba(var(--viewer-accent-rgb,255,255,255),.12)}}.grid-layout__cell--swap-over:after{animation:swap-target-lock .2s cubic-bezier(.2,.8,.25,1) both;border-style:solid;border-color:var(--viewer-accent,#fff);background:rgba(var(--viewer-accent-rgb,255,255,255),.18);box-shadow:inset 0 0 24px rgba(var(--viewer-accent-rgb,255,255,255),.35)}@keyframes swap-target-lock{0%{box-shadow:inset 0 0 0 rgba(var(--viewer-accent-rgb,255,255,255),0)}60%{box-shadow:inset 0 0 44px rgba(var(--viewer-accent-rgb,255,255,255),.5)}to{box-shadow:inset 0 0 24px rgba(var(--viewer-accent-rgb,255,255,255),.35)}}.swap-ghost{position:fixed;z-index:3000;pointer-events:none;will-change:transform,opacity}.swap-ghost__inner{position:absolute;inset:0;border-radius:10px;overflow:hidden;background:#0b1220;border:2px solid rgba(148,163,184,.7);box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4);transform:scale(.86) rotate(-1.5deg);transition:transform .16s cubic-bezier(.2,.8,.25,1),border-color .16s ease,box-shadow .16s ease;animation:swap-ghost-pickup .26s cubic-bezier(.2,.9,.3,1.25)}@keyframes swap-ghost-pickup{0%{transform:scale(1) rotate(0deg);box-shadow:0 0 0 rgba(0,0,0,0)}55%{transform:scale(.8) rotate(-2.5deg)}to{transform:scale(.86) rotate(-1.5deg)}}.swap-ghost--over .swap-ghost__inner{transform:scale(.8) rotate(0deg);border-color:var(--viewer-accent,#fff);box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 3px rgba(var(--viewer-accent-rgb,255,255,255),.45)}.swap-ghost__media{position:absolute;inset:0}.swap-ghost__media canvas{width:100%;height:100%;object-fit:cover;display:block}.swap-ghost__badge{position:absolute;top:6px;left:6px;min-width:20px;padding:1px 6px;border-radius:999px;background:rgba(15,23,42,.85);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.swap-ghost--over .swap-ghost__badge{background:var(--viewer-accent,#fff);color:var(--viewer-text-on-accent,#0b0d10)}@media (prefers-reduced-motion:reduce){.grid-layout__cell--swap-dragging:before,.grid-layout__cell--swap-over:after,.grid-layout__cell--swap-target:after,.swap-ghost__inner{animation:none}}.p3d-notice{position:fixed;top:76px;left:50%;z-index:9998;display:flex;align-items:center;gap:9px;max-width:min(90vw,460px);padding:10px 16px;border-radius:14px;font-size:13px;line-height:1.45;color:#e6f7ec;background:rgba(12,20,16,.86);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 28px -12px rgba(0,0,0,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none;animation:p3d-notice-cycle 5s cubic-bezier(.22,1,.36,1) both}.p3d-notice-glyph{font-size:15px;flex:0 0 auto}@keyframes p3d-notice-cycle{0%{opacity:0;transform:translate(-50%,-10px)}6%{opacity:1;transform:translate(-50%)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.p3d-notice{animation:none;opacity:1;transform:translate(-50%)}}@media (max-width:600px){.p3d-notice{top:64px;font-size:12px;padding:9px 13px}}.cc-root{--cc-ink:oklch(0.97 0.005 240);--cc-accent:oklch(0.74 0.13 228);--cc-accent-ink:oklch(0.18 0.02 250);--cc-accent-glow:oklch(0.74 0.13 228/0.50);--cc-shadow-md:0 8px 24px -8px oklch(0 0 0/0.55);--cc-shadow-lg:0 20px 50px -12px oklch(0 0 0/0.70),0 4px 14px -6px oklch(0 0 0/0.5);--cc-ease:cubic-bezier(0.16,1,0.3,1);--cc-ease-back:cubic-bezier(0.34,1.5,0.5,1);position:fixed;top:var(--rn-safe-top,var(--safe-top,0));right:var(--safe-right,0);z-index:9999;pointer-events:none}.cc-stack{position:absolute;top:8px;right:10px;align-items:flex-end}.cc-cluster,.cc-stack{display:flex;flex-direction:column;gap:10px;pointer-events:none}.cc-cluster{position:relative;align-items:center;padding:9px 8px}.cc-arc{position:absolute;inset:0;border-radius:999px;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.14));backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid oklch(1 0 0/.14);box-shadow:-2px 2px 18px -8px oklch(0 0 0/.45),inset 0 1px 0 oklch(1 0 0/.12);pointer-events:none}.cc-ctrl{position:relative;display:grid;place-items:center;pointer-events:auto;width:34px;height:34px;flex:0 0 auto;padding:0;border-radius:50%;border:1px solid oklch(1 0 0/.2);background:linear-gradient(145deg,oklch(.32 .02 250/.34),oklch(.2 .014 250/.26));box-shadow:0 4px 14px -4px oklch(0 0 0/.55),inset 0 1.5px 0 oklch(1 0 0/.26),inset 0 -1px 0 oklch(0 0 0/.2);cursor:pointer;color:var(--cc-ink);-webkit-tap-highlight-color:transparent;transition:background .2s var(--cc-ease),transform .16s var(--cc-ease),box-shadow .2s var(--cc-ease)}.cc-ctrl:before{content:"";position:absolute;inset:-5px;border-radius:50%}.cc-ctrl svg{width:15px;height:15px;opacity:.88;transition:transform .3s var(--cc-ease-back)}.cc-ctrl:hover{background:linear-gradient(145deg,oklch(.38 .022 250/.62),oklch(.26 .016 250/.54))}.cc-ctrl:active{transform:scale(.88)}.cc-ctrl.cc-active{background:linear-gradient(145deg,oklch(.76 .14 228/.55),oklch(.58 .18 228/.47));color:var(--cc-accent-ink);border-color:oklch(.84 .1 228/.5);box-shadow:0 0 0 2px oklch(.74 .13 228/.3),0 4px 14px -4px var(--cc-accent-glow),inset 0 1.5px 0 oklch(1 0 0/.3)}.cc-ctrl.cc-grid-btn.cc-active svg{transform:rotate(45deg)}.cc-pitch-btn{position:relative;display:grid;place-items:center;pointer-events:auto;width:52px;height:52px;flex:0 0 auto;padding:0;border-radius:14px;border:none;background:none;box-shadow:0 6px 18px -6px oklch(0 0 0/.6);cursor:pointer;color:oklch(1 0 0/.95);-webkit-tap-highlight-color:transparent;transition:transform .16s var(--cc-ease),box-shadow .2s var(--cc-ease),filter .2s var(--cc-ease)}.cc-pitch-btn img,.cc-pitch-btn svg{width:100%;height:100%;object-fit:contain}.cc-pitch-btn:hover{filter:brightness(1.08)}.cc-pitch-btn:active{transform:scale(.9)}.cc-pitch-btn.cc-active{box-shadow:0 0 0 2px oklch(.84 .18 145/.45),0 6px 18px -6px oklch(.74 .2 145/.55),inset 0 1.5px 0 oklch(1 0 0/.3)}.cc-pitch-btn--analysis{padding:13px}.cc-pitch-icon--muted{filter:grayscale(1) brightness(.72);opacity:.85}.cc-spin-wrap{position:absolute;top:0;right:66px;width:184px;height:184px;pointer-events:none;opacity:0;transform:scale(.68) translateX(40px);transform-origin:right center;transition:opacity .28s var(--cc-ease),transform .44s var(--cc-ease-back)}.cc-spin-wrap.cc-open{pointer-events:auto;opacity:1;transform:scale(1) translateX(0)}.cc-spin-disk{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,oklch(.2 .018 250/.7) 0,oklch(.14 .012 250/.6) 65%,transparent 100%);border:1px solid oklch(1 0 0/.08);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 8px 40px -12px oklch(0 0 0/.55)}.cc-spin-track{position:absolute;inset:6px;border-radius:50%;border:1px solid oklch(1 0 0/.09);background:conic-gradient(from 80deg,oklch(.74 .13 228/.1) 0deg 20deg,transparent 20deg 340deg,oklch(.74 .13 228/.1) 340deg 1turn)}.cc-sel-mark{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:flex;align-items:center;gap:3px;pointer-events:none;z-index:3}.cc-sel-dot{width:6px;height:6px;border-radius:50%;background:var(--cc-accent);box-shadow:0 0 8px var(--cc-accent-glow),0 0 3px var(--cc-accent);animation:cc-sel-pulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes cc-sel-pulse{0%,to{box-shadow:0 0 8px var(--cc-accent-glow),0 0 3px var(--cc-accent);transform:scale(1)}50%{box-shadow:0 0 14px var(--cc-accent-glow),0 0 6px var(--cc-accent);transform:scale(1.25)}}.cc-sel-arrow{display:block;flex-shrink:0;filter:drop-shadow(0 0 4px var(--cc-accent-glow))}.cc-spin-ring{position:absolute;inset:0;border-radius:50%;cursor:grab;will-change:transform;touch-action:none;user-select:none;-webkit-user-select:none}.cc-spin-ring.cc-dragging{cursor:grabbing}.cc-snode{position:absolute;left:50%;top:50%;width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(148deg,oklch(.3 .018 250/.95),oklch(.18 .012 250/.88));border:1px solid oklch(1 0 0/.15);box-shadow:var(--cc-shadow-md),inset 0 1px 0 oklch(1 0 0/.22),inset 0 -1px 0 oklch(0 0 0/.18);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);cursor:pointer;will-change:transform;touch-action:none;-webkit-tap-highlight-color:transparent;transition:border-color .18s,background .18s,box-shadow .18s}.cc-snode.cc-at-sel{background:linear-gradient(148deg,oklch(.66 .14 228/.93),oklch(.52 .16 228/.86));border-color:oklch(.84 .1 228/.72);box-shadow:0 0 0 2px var(--cc-accent),0 10px 28px -8px var(--cc-accent-glow),inset 0 1px 0 oklch(1 0 0/.3)}.cc-snode.cc-at-sel .cc-cell{background:oklch(1 0 0/.95)}@keyframes cc-node-tick{0%{scale:1}40%{scale:1.2}to{scale:1}}.cc-snode.cc-tick{animation:cc-node-tick .24s var(--cc-ease-back)}.cc-glyph{width:26px;height:26px;display:grid;gap:2.5px;pointer-events:none;flex-shrink:0}.cc-cell{border-radius:2.5px;background:oklch(.58 .012 250);transition:background .18s}.cc-snode:not(.cc-at-sel):hover .cc-cell{background:oklch(.74 .012 250)}.cc-spin-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(148deg,oklch(.28 .022 250/.97),oklch(.16 .015 250/.94));border:1.5px solid oklch(1 0 0/.22);box-shadow:var(--cc-shadow-lg),inset 0 1.5px 0 oklch(1 0 0/.26),inset 0 -1px 0 oklch(0 0 0/.2),0 0 0 8px oklch(0 0 0/.15);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);cursor:pointer;transition:transform .18s var(--cc-ease),box-shadow .18s var(--cc-ease);padding:0 6px;text-align:center}.cc-spin-hub:hover{transform:translate(-50%,-50%) scale(1.07)}.cc-spin-hub:active{transform:translate(-50%,-50%) scale(.93)}.cc-hub-kicker{font-size:6.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cc-accent);line-height:1}.cc-hub-name{font-size:10px;font-weight:800;color:var(--cc-ink);line-height:1.2}@media (prefers-reduced-motion:reduce){.cc-snode,.cc-spin-hub,.cc-spin-wrap{transition:opacity .12s linear!important}.cc-snode.cc-tick{animation:none!important}}.pip-panel{background:#0d0d0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 48px rgba(0,0,0,.8),0 4px 16px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden;display:flex;flex-direction:column;user-select:none;width:100%;height:100%;box-sizing:border-box}.pip-panel__titlebar{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 12px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.07);cursor:grab;gap:8px}.pip-panel__titlebar:active{cursor:grabbing}.pip-panel__pin-icon{font-size:12px;opacity:.7;flex-shrink:0}.pip-panel__title{color:rgba(255,255,255,.75);font-size:11px;font-weight:600;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.pip-panel__header-controls{gap:10px}.pip-panel__btn,.pip-panel__header-controls{display:flex;align-items:center;flex-shrink:0}.pip-panel__btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);font-size:14px;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;padding:0;line-height:1}.pip-panel__btn:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);transform:scale(1.1)}.pip-panel__btn--close:hover{background:rgba(255,70,70,.55);border-color:rgba(255,100,100,.5)}.pip-panel__btn--expand:hover{background:rgba(100,180,255,.35);border-color:rgba(130,200,255,.5)}.pip-panel__btn--rotate:hover{background:rgba(160,120,255,.35);border-color:rgba(180,140,255,.5)}.pip-panel__video-area{flex:1;position:relative;overflow:hidden;background:#000;min-height:0;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.pip-panel__video-area .grid-layout__video,.pip-panel__video-area video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.pip-tap-capture{position:absolute;inset:0;z-index:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pip-overlay{position:absolute;inset:0;z-index:2;gap:14px;background:transparent;pointer-events:auto}.pip-overlay,.pip-overlay__btn{display:flex;align-items:center;justify-content:center}.pip-overlay__btn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pip-overlay__btn:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.7)}.pip-overlay__btn:active{transform:scale(.84)}.pip-panel__resize-btn{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);cursor:se-resize;transition:background .15s,opacity .15s;opacity:.55;position:absolute;right:3px;bottom:3px}.pip-panel__resize-btn:hover{opacity:1;background:rgba(255,255,255,.28)}.vg{position:fixed;z-index:100001;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:#fff;font-size:16px;pointer-events:none}.vg::backdrop{background:rgb(0 0 0/18%)}.vg-scrim{background:rgb(3 7 15/58%);backdrop-filter:blur(2px)}.vg-scrim,.vg-spotlight{position:fixed;z-index:0;inset:0;pointer-events:none}.vg-spotlight{width:100%;height:100%}.vg-spotlight__ring{fill:none;stroke:rgb(138 178 255/95%);stroke-width:2;animation:vg-ring 1.8s ease-in-out infinite}@keyframes vg-ring{0%,to{opacity:.45;stroke-width:2}50%{opacity:1;stroke-width:3.5}}.vg-blocker{z-index:1;inset:0;background:transparent;touch-action:none}.vg-blocker,.vg-card,.vg-sheet{position:fixed;pointer-events:auto}.vg-card,.vg-sheet{z-index:2;box-sizing:border-box;border:1px solid rgb(255 255 255/14%);background:rgb(10 14 22/92%);box-shadow:0 -8px 40px rgb(0 0 0/45%);backdrop-filter:blur(18px)}.vg-sheet{right:0;bottom:0;left:0;max-height:88dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;border-width:1px 0 0;border-radius:20px 20px 0 0;animation:vg-sheet-in .24s cubic-bezier(.22,.61,.36,1)}@keyframes vg-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.vg-sheet--center{top:50%;right:auto;bottom:auto;left:50%;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px 20px 18px;border-width:1px;border-radius:20px;transform:translate(-50%,-50%);box-shadow:0 18px 60px rgb(0 0 0/55%);text-align:center;animation:vg-center-in .22s cubic-bezier(.22,.61,.36,1)}@keyframes vg-center-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%)}}.vg-sheet--center .vg-finish__badge{margin-inline:auto}.vg-sheet__title{margin:0;font-size:22px;font-weight:700;line-height:1.2}.vg-sheet__subtitle{margin:6px 0 16px;color:rgb(255 255 255/68%);font-size:14px;line-height:1.45}.vg-sheet__cta{display:block;width:100%;min-height:52px;border:0;border-radius:14px;background:linear-gradient(180deg,#4d82ef,#3765d8);color:#fff;font:inherit;font-size:16px;font-weight:650;cursor:pointer}.vg-sheet__cta:disabled{opacity:.4;cursor:not-allowed}.vg-sheet__close{width:100%;margin-top:14px}.vg-card{right:12px;left:12px;max-height:var(--vg-card-max,70dvh);padding:14px 16px calc(14px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:18px;animation:vg-card-in .2s ease-out;overscroll-behavior:contain}.vg-card .vg-actions{position:sticky;bottom:0;padding-top:10px;margin-top:10px;background:linear-gradient(180deg,rgb(10 14 22/0),rgb(10 14 22/92%) 24%)}@keyframes vg-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.vg-card--bottom{bottom:max(12px,env(safe-area-inset-bottom))}.vg-card--top{top:max(12px,env(safe-area-inset-top));padding-bottom:14px}.vg-card--center{top:50%;transform:translateY(-50%)}.vg-card__body{display:flex;align-items:flex-start;gap:14px}.vg-card__text{min-width:0;flex:1}.vg-card__preview{flex:none;padding-top:2px}.vg-preview{display:block;width:62px;height:93px}@media (max-width:359px){.vg-card__preview{display:none}}.vg-preview__body{fill:rgb(255 255 255/8%);stroke:rgb(255 255 255/22%);stroke-width:1}.vg-preview__screen{fill:rgb(6 10 18/92%)}.vg-preview__tile{fill:rgb(255 255 255/15%)}.vg-preview__tile.is-accent{fill:rgb(109 152 240/75%)}.vg-preview__tile.is-dim{fill:rgb(255 255 255/9%)}.vg-preview__panel{fill:rgb(18 24 36/96%);stroke:rgb(255 255 255/22%);stroke-width:1}.vg-preview__dot{fill:rgb(255 255 255/55%)}.vg-preview__dot-mark{fill:rgb(109 152 240/95%)}.vg-preview__pitch{fill:rgb(70 160 110/65%)}.vg-preview__solid{fill:rgb(255 255 255/92%)}.vg-preview__ring{fill:none;stroke:rgb(109 152 240/85%);stroke-width:2}.vg-preview__stroke{fill:none;stroke:rgb(255 255 255/80%);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.vg-preview__gone{fill:none;stroke:rgb(255 255 255/28%);stroke-width:1;stroke-dasharray:3 3}.vg[dir=rtl]{font-family:Noto Kufi Arabic,Segoe UI,Tahoma,Geeza Pro,sans-serif}.vg[dir=rtl] .vg-card__detail,.vg[dir=rtl] .vg-card__instruction,.vg[dir=rtl] .vg-sheet__subtitle{line-height:1.6}.vg[dir=rtl] .vg-card__eyebrow{letter-spacing:0;text-transform:none}.vg-card__eyebrow{margin:0;color:rgb(160 192 255/95%);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.vg-card h2{margin:4px 0 6px;font-size:19px;font-weight:680;line-height:1.25}.vg-card__instruction{margin:0;font-size:16px;line-height:1.4}.vg-card__detail{margin:6px 0 0;color:rgb(255 255 255/62%);font-size:13.5px;line-height:1.4}.vg-rail{display:flex;margin:0 0 12px;padding:0;gap:4px;list-style:none}.vg-rail li{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.vg-rail__dot{height:3px;border-radius:99px;background:rgb(255 255 255/16%)}.vg-rail .is-done .vg-rail__dot{background:rgb(82 196 139/85%)}.vg-rail .is-current .vg-rail__dot{background:#8ab2ff}.vg-actions{display:flex;margin-top:14px;align-items:center;gap:8px}.vg-actions .vg-btn:not(.vg-btn--quiet){flex:1.6;background:linear-gradient(180deg,#4d82ef,#3765d8);border-color:transparent}.vg-actions .vg-ghost{flex:none}.vg-actions--finish{margin-top:10px}.vg-btn{min-height:46px;flex:1;padding:0 12px;border:1px solid rgb(138 178 255/55%);border-radius:12px;background:rgb(62 112 224/24%);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.vg-btn:disabled{opacity:.35;cursor:not-allowed}.vg-btn--quiet{border-color:rgb(255 255 255/18%);background:rgb(255 255 255/6%);font-weight:500}.vg-btn--nudge{animation:vg-nudge 2.4s ease-in-out infinite}@keyframes vg-nudge{0%,to{box-shadow:0 0 0 0 rgb(138 178 255/0)}50%{box-shadow:0 0 0 5px rgb(138 178 255/18%)}}.vg-ghost{min-height:46px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:rgb(255 255 255/62%);font:inherit;font-size:15px;cursor:pointer}.vg-btn:focus-visible,.vg-ghost:focus-visible,.vg-lesson:focus-visible,.vg-sheet__cta:focus-visible{outline:2px solid #8ab2ff;outline-offset:2px}.vg-success{display:flex;align-items:center;gap:12px}.vg-success h2{margin:0;font-size:18px}.vg-success p{margin:2px 0 0;color:rgb(255 255 255/68%);font-size:14px}.vg-finish__badge,.vg-success__badge{display:grid;width:40px;height:40px;flex:none;border-radius:50%;background:rgb(82 196 139/22%);color:#52c48b;font-size:20px;font-weight:800;place-items:center;animation:vg-pop .32s cubic-bezier(.2,1.3,.5,1)}.vg-finish__badge svg,.vg-success__badge svg{width:22px;height:22px}.vg-finish__badge{margin-bottom:12px}.vg-finish__badge.is-error{background:rgb(240 170 80/20%);color:#f0aa50}@keyframes vg-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.vg-pointer{position:fixed;z-index:2;width:88px;height:88px;transform:translateZ(0);pointer-events:none}.vg-pointer img{position:absolute;top:-8px;left:-37px;width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 7px rgb(0 0 0/35%));transform:rotate(var(--vg-pointer-rotation));transform-origin:37px 8px;user-select:none}.vg-pointer:before{position:absolute;top:-11px;left:-11px;width:22px;height:22px;border:2px solid rgb(255 255 255/90%);border-radius:50%;background:rgb(96 143 245/28%);box-shadow:0 0 0 4px rgb(96 143 245/16%);content:""}.vg-pointer__label{position:absolute;top:-18px;left:16px;padding:2px 7px;border-radius:99px;background:rgb(13 18 28/88%);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.vg-pointer--double-tap:before{animation:vg-double-tap .55s ease-in-out 2}.vg-pointer--hold:before,.vg-pointer--point:before{animation:vg-hold 1s ease-in-out infinite}.vg-pointer--move{animation:vg-move var(--vg-pointer-duration) ease-in-out forwards}.vg-pointer--hold-move{animation:vg-hold-move var(--vg-pointer-duration) ease-in-out forwards}.vg-pointer--hold-move img{animation:vg-press var(--vg-pointer-duration) ease-in-out forwards}.vg-pointer--hold-move:before{animation:vg-hold-ring var(--vg-pointer-duration) ease-in-out forwards}@keyframes vg-hold-move{0%,45%{transform:translateZ(0)}to{transform:translate3d(var(--vg-pointer-dx),var(--vg-pointer-dy),0)}}@keyframes vg-press{0%{transform:rotate(var(--vg-pointer-rotation)) scale(1)}10%,to{transform:rotate(var(--vg-pointer-rotation)) scale(.88)}}@keyframes vg-hold-ring{0%{opacity:.6;transform:scale(.8)}40%{opacity:1;transform:scale(1.7)}to{opacity:1;transform:scale(1.3)}}.vg-pointer__label--before{animation:vg-label-before var(--vg-pointer-duration) linear forwards}.vg-pointer__label--after{opacity:0;animation:vg-label-after var(--vg-pointer-duration) linear forwards}@keyframes vg-label-before{0%,42%{opacity:1}48%,to{opacity:0}}@keyframes vg-label-after{0%,42%{opacity:0}48%,to{opacity:1}}@keyframes vg-double-tap{0%,to{opacity:.55;transform:scale(.72)}45%{opacity:1;transform:scale(1.12)}}@keyframes vg-hold{0%,to{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes vg-move{0%{transform:translateZ(0)}to{transform:translate3d(var(--vg-pointer-dx),var(--vg-pointer-dy),0)}}@media (min-width:769px){.vg-sheet:not(.vg-sheet--center){top:50%;right:auto;bottom:auto;left:50%;width:min(440px,calc(100vw - 32px));max-height:84dvh;padding:20px 22px 22px;border-width:1px;border-radius:18px;transform:translate(-50%,-50%);animation:vg-pop .2s ease-out}.vg-lessons{grid-template-columns:repeat(3,1fr)}.vg-card{right:auto;left:50%;width:min(460px,calc(100vw - 32px));padding-bottom:16px;margin-left:calc(min(460px, 100vw - 32px) / -2)}.vg-card--center{transform:translateY(-50%)}.vg-preview{width:76px;height:114px}}@media (prefers-reduced-motion:reduce){.vg-btn--nudge,.vg-card,.vg-finish__badge,.vg-sheet,.vg-sheet--center,.vg-spotlight__ring,.vg-success__badge{animation:none}.vg-pointer--double-tap:before,.vg-pointer--hold:before,.vg-pointer--point:before{animation-duration:.32s;animation-iteration-count:1}}@keyframes vg-move-reduced{0%{opacity:1;transform:translateZ(0)}49%{opacity:0;transform:translateZ(0)}51%{opacity:0;transform:translate3d(var(--vg-pointer-dx),var(--vg-pointer-dy),0)}to{opacity:1;transform:translate3d(var(--vg-pointer-dx),var(--vg-pointer-dy),0)}}.highlight-viewer--grid-mode{width:100vw;height:100vh;overflow:hidden;position:relative}.highlight-viewer--grid-mode .event-scroll-container{display:none}@keyframes fadeInGrid{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.grid-layout{animation:fadeInGrid .3s ease-out}.highlight-viewer__transition--to-grid{animation:fadeOutSingle .25s ease-out}@keyframes fadeOutSingle{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.highlight-viewer__transition--to-single{animation:fadeOutGrid .25s ease-out}@keyframes fadeOutGrid{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95) rotate(2deg)}}.grid-mode__loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.grid-mode__loading-content{text-align:center;color:white}.grid-mode__loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.grid-mode__loading-text{font-size:16px;font-weight:500;margin-bottom:10px}.grid-mode__loading-progress{font-size:14px;color:rgba(255,255,255,.7)}.grid-mode__controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:16px;z-index:1000;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.grid-mode__control-button{background:transparent;border:none;color:white;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.grid-mode__control-button:hover{background:rgba(255,255,255,.1)}.grid-mode__control-button:active{background:rgba(255,255,255,.2)}.grid-mode__control-button--muted{color:rgba(255,255,255,.5)}.grid-mode__page-indicator{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);border-radius:20px;padding:8px 16px;color:white;font-size:14px;font-weight:500;z-index:1000;animation:slideDownFade .3s ease-out}@keyframes slideDownFade{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.grid-mode__controls{padding:10px 16px;gap:12px;bottom:15px}.grid-mode__control-button{font-size:20px;padding:6px}.grid-mode__page-indicator{top:15px;padding:6px 12px;font-size:12px}}@media (max-width:480px){.grid-mode__controls{padding:8px 12px;gap:10px;bottom:10px}.grid-mode__control-button{font-size:18px;padding:4px}.grid-mode__page-indicator{top:10px;padding:4px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.grid-layout,.grid-mode__controls,.grid-mode__loading-overlay,.grid-mode__page-indicator,.highlight-viewer__transition--to-grid,.highlight-viewer__transition--to-single{animation:none}.grid-mode__loading-spinner{animation:none;border-top-color:rgba(255,255,255,.5)}}.grid-view-selector{position:relative;flex-shrink:0}.grid-view-selector__button{position:static;background:var(--viewer-surface-control);backdrop-filter:var(--viewer-blur-control);border:1px solid var(--viewer-border-control);border-radius:var(--viewer-radius-circle);width:var(--cp-size,56px);height:var(--cp-size,56px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--viewer-transition-control);color:var(--viewer-text-primary);flex-shrink:0}.grid-view-selector__button:hover:not(:disabled){background:var(--viewer-surface-control-hover);transform:scale(1.05);border-color:var(--viewer-border-control-hover)}.grid-view-selector__button:active:not(:disabled){transform:scale(.95)}.grid-view-selector__button:disabled{opacity:.3;cursor:not-allowed}.grid-view-selector__thumbnail{width:32px;height:32px;object-fit:contain}.grid-view-selector__menu{position:absolute;left:calc(100% + 52px);top:50%;transform:translateY(-50%);animation:gridMenuSlideIn .25s ease-out;z-index:60;transform-origin:0 50%;background:var(--viewer-surface-panel-strong);backdrop-filter:var(--viewer-blur-panel);border-radius:var(--viewer-radius-md);padding:8px;border:1px solid var(--viewer-border-panel);box-shadow:var(--viewer-shadow-panel-sm)}.grid-view-selector__menu,.grid-view-selector__options{display:flex;flex-direction:column;align-items:center;gap:8px}@keyframes gridMenuSlideIn{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.grid-view-selector__option{position:relative;background:var(--viewer-surface-control);border:2px solid transparent;border-radius:var(--viewer-radius-md);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--viewer-transition-control);padding:4px;box-shadow:var(--viewer-shadow-panel-sm)}.grid-view-selector__option:hover{background:var(--viewer-surface-control-hover);border-color:var(--viewer-border-control-hover);transform:scale(1.05)}.grid-view-selector__option:active{transform:scale(.95)}.grid-view-selector__option--active{border-color:var(--viewer-border-control-active);background:var(--viewer-surface-control-active)}.grid-view-selector__option--disabled{opacity:.3;cursor:not-allowed}.grid-view-selector__option--disabled:hover{background:var(--viewer-surface-control);border-color:transparent;transform:none}.grid-view-selector__option-image{width:100%;height:100%;object-fit:contain}@media (max-width:768px){.grid-view-selector{display:block}.grid-view-selector__button{width:44px;height:44px}.grid-view-selector__thumbnail{width:28px;height:28px}.grid-view-selector__option{width:44px;height:44px}.grid-view-selector__menu{position:fixed;right:calc(136px + env(safe-area-inset-right, 0px));top:75%;transform:translateY(-30%);left:auto;bottom:auto;animation:gridMenuSlideInMobile .25s ease-out;background:var(--viewer-surface-panel-strong);overflow-y:auto;max-height:calc(100dvh - 100px);z-index:61}}@keyframes gridMenuSlideInMobile{0%{opacity:0;transform:translateY(-20%) translateX(-10px)}to{opacity:1;transform:translateY(-20%) translateX(0)}}@media (max-width:480px){.grid-view-selector__button{width:40px;height:40px}.grid-view-selector__thumbnail{width:24px;height:24px}.grid-view-selector__option{width:40px;height:40px}}.grid-view-selector__menu--panel{align-items:stretch;gap:10px;padding:12px;border-radius:var(--viewer-radius-lg);background:var(--viewer-gradient-panel);border:1px solid var(--viewer-border-control-hover);box-shadow:0 18px 40px -14px rgb(0 0 0/78%),inset 0 1px 0 rgb(255 255 255/7%);transform-origin:50% 100%}.grid-view-selector__menu.grid-view-selector__menu--panel{animation:gridPanelRise .38s cubic-bezier(.22,1,.36,1) both!important}.grid-view-selector__menu.grid-view-selector__menu--panel.is-closing{animation:gridPanelFall .19s cubic-bezier(.5,0,.9,.35) both!important;pointer-events:none}.grid-view-selector__menu--panel .grid-view-selector__menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px 2px}.grid-view-selector__menu--panel .grid-view-selector__menu-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--viewer-text-secondary)}.grid-view-selector__menu--panel .grid-view-selector__menu-value{font-size:11px;font-weight:600;letter-spacing:.01em;color:var(--viewer-accent)}.grid-view-selector__menu--panel .grid-view-selector__options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid-view-selector__menu--panel .grid-view-selector__option{animation:gridTileIn .42s cubic-bezier(.22,1,.36,1) calc(.14s + var(--i, 0) * 30ms) backwards!important;width:100%;height:54px;padding:7px 7px 4px;flex-direction:column;gap:2px;border-width:1px;border-color:var(--viewer-border-control);border-radius:var(--viewer-radius-md);background:var(--viewer-surface-control);box-shadow:inset 0 1px 0 rgb(255 255 255/5%)}.grid-view-selector__menu--panel .grid-view-selector__option-image{height:auto;flex:1;min-height:0;opacity:.82}.grid-view-selector__menu--panel .grid-view-selector__option-count{font-size:9px;font-weight:700;line-height:1;letter-spacing:.06em;color:var(--viewer-text-muted)}.grid-view-selector__menu--panel .grid-view-selector__option--active{border-color:rgba(var(--viewer-accent-rgb),.62);background:rgba(var(--viewer-accent-primary-rgb),.2);box-shadow:inset 0 1px 0 rgb(255 255 255/10%),0 6px 16px -8px rgba(var(--viewer-accent-primary-rgb),.9)}.grid-view-selector__menu--panel .grid-view-selector__option--active .grid-view-selector__option-image{opacity:1}.grid-view-selector__menu--panel .grid-view-selector__option--active .grid-view-selector__option-count{color:var(--viewer-accent)}.grid-view-selector__menu--panel .grid-view-selector__option--disabled{opacity:1;background:rgb(255 255 255/3%);border-color:rgb(255 255 255/6%);box-shadow:none}.grid-view-selector__menu--panel .grid-view-selector__option--disabled .grid-view-selector__option-image{opacity:.22}.grid-view-selector__menu--panel .grid-view-selector__option--disabled .grid-view-selector__option-count{color:var(--viewer-text-faint)}.grid-view-selector__menu--panel.is-closing .grid-view-selector__option{animation:none!important}.grid-view-selector__menu--panel .grid-view-selector__option:focus-visible{outline:2px solid var(--viewer-accent);outline-offset:2px}.grid-view-selector__menu--panel .grid-view-selector__menu-hint{margin:0;padding:0 2px;font-size:10.5px;line-height:1.35;color:var(--viewer-text-muted)}@keyframes gridPanelRise{0%{opacity:0;transform:translate(-50%,26px) scale(.86)}55%{opacity:1;transform:translate(-50%,-6px) scale(1.02)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes gridPanelFall{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,10px) scale(.97)}}@keyframes gridTileIn{0%{opacity:0;transform:translateY(18px) scale(.5)}50%{opacity:1;transform:translateY(-5px) scale(1.1)}74%{transform:translateY(1px) scale(.98)}to{opacity:1;transform:none}}.grid-view-selector__menu.is-closing:not(.grid-view-selector__menu--panel){animation:gridMenuSlideOut .17s cubic-bezier(.5,0,.9,.35) both!important;pointer-events:none}@keyframes gridMenuSlideOut{0%{opacity:1;transform:translateY(-50%) translateX(0)}to{opacity:0;transform:translateY(-50%) translateX(-10px)}}