:root{--cyan: #14d3f3;--cyan-ice: #9ef0ff;--amber: #f59e0b;--bg: #070b10;--bg-2: #0c141d;--bg-3: #0a1119;--text: #eef6f9;--muted: #7e93a3;--muted-2: #46586a;--glass: rgba(20, 211, 243, .05);--glass-edge: rgba(20, 211, 243, .14);--grad: linear-gradient(115deg, var(--cyan), var(--cyan-ice));--accent: #14d3f3;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{height:100%}.bg-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(70% 55% at 50% -8%,rgba(20,211,243,.12),transparent 60%),radial-gradient(50% 50% at 88% 108%,rgba(245,158,11,.06),transparent 60%),radial-gradient(60% 60% at 8% 100%,rgba(20,211,243,.05),transparent 60%)}.bg-field:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(42% 40% at 50% 42%,rgba(20,211,243,.06),transparent 70%)}@keyframes aurora{0%{transform:translate3d(-12%,-6%,0) scale(1)}50%{transform:translate3d(14%,8%,0) scale(1.25)}to{transform:translate3d(-12%,-6%,0) scale(1)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:linear-gradient(to bottom,rgba(7,11,16,.7),transparent 18%,transparent 80%,rgba(7,11,16,.85))}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:flex-start;justify-content:space-between;padding:26px 40px 0}.topbar-left{display:flex;flex-direction:column;gap:4px}.topbar-wordmark{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--text);text-transform:uppercase;line-height:1;text-decoration:none;display:inline-block;transition:opacity .2s ease}.topbar-wordmark:hover{opacity:.82}.topbar-cta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;text-decoration:none;max-width:46vw}.topbar-cta-line{font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.topbar-cta-link{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--cyan);transition:color .2s ease}.topbar-cta:hover .topbar-cta-link{color:var(--cyan-ice)}.topbar-wordmark .k-accent{color:var(--cyan)}.topbar-eyebrow{font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.32em;color:var(--muted);text-transform:uppercase;line-height:1}.topbar-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.topbar-count{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--text);text-transform:uppercase}.topbar-loc{font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.ghost-index{position:fixed;left:50%;top:50%;transform:translate(-50%,-54%);z-index:-1;pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:46vh;line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.4px rgba(158,240,255,.06);-webkit-user-select:none;user-select:none;transition:opacity .6s ease}.ghost-index span{display:inline-block;transition:transform .7s var(--ease-expo)}.stage{position:relative;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;perspective:1900px;perspective-origin:50% 48%}.row{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.card-slot{position:absolute;top:50%;left:50%;width:540px;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.card{position:relative;flex-shrink:0;width:540px;border-radius:14px;background:var(--bg-2);border:1px solid var(--glass-edge);box-shadow:0 18px 50px #0000008c,0 1px #ffffff0a inset;transition:transform .62s var(--ease-expo),box-shadow .62s var(--ease-expo),filter .5s ease,opacity .5s ease;transform-origin:center center;will-change:transform,filter;opacity:0}.card{opacity:0;transform:translateY(34px);filter:blur(6px)}.card.visible{opacity:1;transform:translateY(0);filter:blur(0)}.card.hovered{transform:translateY(-14px) scale(1.16);box-shadow:0 40px 90px #000000b3,0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),0 0 60px -8px color-mix(in srgb,var(--accent) 60%,transparent);z-index:10}.card.dimmed{opacity:.32;filter:saturate(.5) blur(2px);transform:scale(.965)}.card-index{position:absolute;top:-26px;left:2px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.2em;color:var(--muted);transition:color .4s ease}.card.hovered .card-index{color:var(--accent)}.card-chrome{position:relative;display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--glass-edge);background:linear-gradient(to bottom,rgba(255,255,255,.055),rgba(255,255,255,.015));border-radius:14px 14px 0 0}.card-chrome-dots{display:flex;gap:6px;flex-shrink:0}.dot{width:9px;height:9px;border-radius:50%;opacity:.9}.dot-red{background:#ff5f57}.dot-amber{background:#febc2e}.dot-green{background:#28c840}.card-chrome-url{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.card-frame{position:relative;width:100%;height:380px;overflow:hidden;background:#06090d;border-radius:14px 14px 0 0}.card-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent 12%)}.card-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:opacity .5s ease,transform .7s var(--ease-expo);transform:scale(1.001)}.card.hovered .card-poster{transform:scale(1.04)}.card-poster.hidden{opacity:0}.card-poster-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),linear-gradient(135deg,#0b1118 0%,#0e2030 60%,#0b1820 100%)}.card-poster-fallback-text{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text);text-align:center;padding:0 16px;letter-spacing:.03em}.card-iframe{position:absolute;top:0;left:0;width:1440px;height:1014px;transform-origin:top left;transform:scale(.375);border:none;opacity:0;transition:opacity .5s ease;pointer-events:none}.card-iframe.loaded{opacity:1}.card-view-tag{position:absolute;z-index:4;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#061016;background:var(--accent);padding:6px 11px;border-radius:100px;opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease-expo),transform .4s var(--ease-expo);pointer-events:none}.card.hovered .card-view-tag{opacity:1;transform:translateY(0)}.card-meta{padding:16px 18px 18px;border-radius:0 0 14px 14px}.card-title{position:relative;display:inline-block;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text);line-height:1.18;margin-bottom:7px}.card-title:after{content:"";position:absolute;left:0;bottom:-3px;height:1.5px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .54s var(--ease-expo)}.card.hovered .card-title:after{transform:scaleX(1)}.card-sub{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--muted);line-height:1.4;margin-bottom:11px}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-chip{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:4px 9px;border-radius:4px}.card-chip.chip-cyan{color:var(--cyan);background:rgba(20,211,243,.1);border:1px solid rgba(20,211,243,.22)}.card-chip.chip-amber{color:var(--amber);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.22)}.card-open-link{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;opacity:0;transition:opacity .3s ease,color .2s ease}.card.hovered .card-open-link{opacity:1;color:var(--accent)}.nav-chev{position:fixed;top:50%;z-index:10001;transform:translateY(-50%);width:86px;height:86px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(158,240,255,.4);background:rgba(12,20,29,.68);box-shadow:0 8px 28px #00000073;color:var(--cyan-ice);cursor:pointer;opacity:.8;transition:opacity .32s var(--ease-out),transform .32s var(--ease-out),background .32s ease,border-color .32s ease}.nav-chev svg{width:36px;height:36px;stroke:currentColor;stroke-width:1.9;fill:none}.nav-chev-left{left:30px}.nav-chev-right{right:30px}.nav-chev:hover{opacity:1;background:rgba(20,211,243,.12);border-color:#14d3f380;transform:translateY(-50%) scale(1.06)}.nav-chev:active{transform:translateY(-50%) scale(.97)}.nav-chev.disabled{opacity:.08;pointer-events:none}.bottombar{position:fixed;bottom:0;left:0;right:0;z-index:80;height:64px;display:flex;align-items:center;justify-content:center;gap:22px;padding:0 40px}.counter{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--text);white-space:nowrap}.counter i{color:var(--muted-2);font-style:normal;margin:0 4px}.counter .counter-total{color:var(--muted)}.progress-track{width:100%;max-width:420px;height:2px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden}.progress-thumb{height:100%;background:var(--grad);border-radius:2px}.scroll-hint{font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;will-change:transform;mix-blend-mode:difference}.cursor-dot{position:absolute;top:0;left:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#fff;transition:opacity .2s ease,transform .2s ease}.cursor-ring{position:absolute;top:0;left:0;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;transition:width .36s var(--ease-expo),height .36s var(--ease-expo),margin .36s var(--ease-expo),border-color .3s ease,background .3s ease}.cursor-label{font-family:var(--font-mono);font-size:8.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:0;transform:scale(.6);transition:opacity .26s ease,transform .36s var(--ease-expo);white-space:nowrap}.cursor[data-mode=view] .cursor-dot{opacity:0}.cursor[data-mode=view] .cursor-ring{width:84px;height:84px;margin:-42px 0 0 -42px;border-color:#ffffffd9}.cursor[data-mode=view] .cursor-label{opacity:1;transform:scale(1)}.cursor[data-mode=drag] .cursor-ring{width:46px;height:46px;margin:-23px 0 0 -23px;background:rgba(255,255,255,.12)}.stage{cursor:grab}.stage.dragging{cursor:grabbing}.nav-chev,.card-open-link{cursor:pointer}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:rgba(7,11,16,.97);display:flex;flex-direction:column;animation:fadeIn .22s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-overlay-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0}.mobile-overlay-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text)}.mobile-overlay-close{background:none;border:1px solid var(--glass-edge);color:var(--muted);font-size:16px;width:34px;height:34px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease}.mobile-overlay-close:hover{color:var(--text);border-color:var(--cyan)}.mobile-overlay-frame{flex:1;overflow:hidden;position:relative}.mobile-overlay-iframe{width:100%;height:100%;border:none}.mobile-overlay-footer{padding:14px 20px;flex-shrink:0;display:flex;justify-content:center}.mobile-open-btn{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#061016;background:var(--grad);border:none;border-radius:8px;padding:11px 26px;cursor:pointer;text-decoration:none;display:inline-block}@media (prefers-reduced-motion: reduce){.card{transition:opacity .3s ease;opacity:1;transform:none;filter:none}.card.visible{opacity:1;transform:none;filter:none}.card.hovered{transform:scale(1.05)}.card.dimmed{filter:none;transform:none}.bg-field:after{animation:none}.mobile-overlay{animation:none}}@media (max-width: 640px){.nav-chev{display:none}}@media (max-width: 640px){.topbar{padding:18px 18px 0}.topbar-wordmark{font-size:13px}.topbar-count{font-size:10px}.card-slot,.card{width:300px}.card-frame{height:210px}.card-iframe{height:1010px;transform:scale(.2083)}.card-index{top:-22px}.ghost-index{font-size:30vh}.bottombar{gap:14px;padding:0 18px}.scroll-hint{font-size:8px;letter-spacing:.14em}}