:root{--bg-1:#fff9ef;--bg-2:#ffe7c6;--bg-3:#ffd2ab;--surface:rgba(255,252,246,.86);--surface-strong:#fff8ec;--text:#2f1f15;--muted:#735744;--accent:#ff8c3b;--accent-strong:#e86d1f;--secondary:#2ea8a0;--border:rgba(124,84,57,.2);--shadow:0 18px 45px rgba(98,58,31,.15);--radius-xl:30px;--radius-lg:24px;--radius-md:16px;--font-sans:"Avenir Next","Segoe UI Variable","Trebuchet MS","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular","Cascadia Mono",Consolas,monospace}:root[data-theme=dark]{--bg-1:#1a130f;--bg-2:#251b16;--bg-3:#38241d;--surface:rgba(36,27,22,.84);--surface-strong:#2d221c;--text:#ffe8cf;--muted:#d3b39a;--accent:#ffa05f;--accent-strong:#ff7f37;--secondary:#4ac6be;--border:rgba(255,210,173,.2);--shadow:0 20px 50px rgba(0,0,0,.45)}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{background:radial-gradient(1200px 700px at 10% -10%,var(--bg-2) 0,transparent 58%),radial-gradient(900px 520px at 90% 0,var(--bg-3) 0,transparent 60%),radial-gradient(1400px 900px at 50% 120%,var(--bg-2) 0,transparent 60%),var(--bg-1);color:var(--text);font-family:var(--font-sans);margin:0}.page{margin:0 auto;min-height:100vh;padding:84px 8px 44px;width:min(2550px,99vw)}.hero{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:30px 32px;text-align:center}.hero h1{color:var(--accent-strong);font-size:clamp(2rem,3vw,3rem);letter-spacing:.02em;line-height:1.05;margin:0}.hero__subtitle{color:var(--muted);font-size:1.05rem;margin:12px 0 0}.theme-switch{background:transparent;border:0;cursor:pointer;padding:0;position:fixed;right:12px;top:12px;z-index:20}.theme-switch__track{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 78%,var(--secondary)) 0,var(--surface-strong) 100%);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);display:block;height:21px;position:relative;width:39px}.theme-switch__thumb{background:color-mix(in srgb,var(--surface-strong) 90%,var(--accent));border:1px solid var(--border);border-radius:50%;display:grid;height:16px;left:2px;place-items:center;position:absolute;top:2px;transition:transform .28s ease;width:16px}:root[data-theme=dark] .theme-switch__thumb{transform:translate(18px)}.theme-switch__icon{font-size:.52rem;position:absolute;transition:opacity .2s ease,transform .2s ease}.theme-switch__icon--sun{color:#f38c2e;opacity:1;transform:scale(1)}.theme-switch__icon--moon{color:#6cc8ff;opacity:0;transform:scale(.7) rotate(-20deg)}:root[data-theme=dark] .theme-switch__icon--sun{opacity:0;transform:scale(.7) rotate(20deg)}:root[data-theme=dark] .theme-switch__icon--moon{opacity:1;transform:scale(1) rotate(0)}.videos{margin-top:24px}.video-virtual-list{width:100%}.video-spacer{pointer-events:none;width:100%}.state{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin:0;padding:16px 18px}.state-tech{font-family:var(--font-mono);font-size:.92rem}.state-error{color:var(--accent-strong)}.video-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.video-card{animation:card-in .45s ease both;animation-delay:var(--delay,0s);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:10px;transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .32s cubic-bezier(.22,.61,.36,1),border-color .28s ease,box-shadow .28s ease;will-change:transform}@media(hover:hover){.video-card:hover{border-color:color-mix(in srgb,#79d64f 62%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,#79d64f 46%,transparent),0 0 42px color-mix(in srgb,#79d64f 42%,transparent),0 0 78px color-mix(in srgb,#6ccf3f 26%,transparent),0 24px 56px #0e180a5c,var(--shadow);transform:perspective(900px) translateY(-8px) translateZ(26px) scale(1.04)}}.video-card iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:14px;display:block;width:100%}.video-placeholder{aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--secondary) 20%,transparent),transparent 60%),color-mix(in srgb,var(--surface-strong) 92%,transparent);border:1px dashed color-mix(in srgb,var(--secondary) 44%,transparent);border-radius:14px;display:grid;place-items:center;width:100%}.video-placeholder__dot{background:color-mix(in srgb,var(--secondary) 78%,#fff);border-radius:50%;box-shadow:0 0 16px color-mix(in srgb,var(--secondary) 42%,transparent);height:10px;width:10px}@keyframes card-in{0%{opacity:0;transform:perspective(900px) translateY(16px) translateZ(0)}to{opacity:1;transform:perspective(900px) translateY(0) translateZ(0)}}@media(max-width:1380px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1040px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding-top:80px}}@media(max-width:700px){.video-grid{grid-template-columns:minmax(0,1fr)}.hero{padding:24px 18px}}