:root{--bg: #08080f;--ink: #f4f1ea;--muted: color-mix(in oklab, var(--ink) 62%, #7a86a8);--line: color-mix(in oklab, var(--ink) 14%, transparent);--hue: 210;--b1: 40;--b2: 150;--b3: 290;--sat: 90%;--lit: 60%;--blob-op: .55;--mx: 50%;--my: 30%}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:var(--bg);transition:background .45s ease;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-weight:380;letter-spacing:.01em;overflow-x:hidden}.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;width:52vmax;height:52vmax;border-radius:50%;filter:blur(80px);opacity:var(--blob-op);mix-blend-mode:screen;transform:translate(-50%,-50%);will-change:left,top}.b1{left:var(--mx);top:var(--my);background:radial-gradient(circle,hsl(var(--b1) var(--sat) var(--lit)) 0%,transparent 68%)}.b2{left:calc(var(--mx) + 18%);top:calc(var(--my) + 22%);width:40vmax;height:40vmax;background:radial-gradient(circle,hsl(var(--b2) var(--sat) var(--lit)) 0%,transparent 70%)}.b3{left:calc(var(--mx) - 16%);top:calc(var(--my) + 8%);width:36vmax;height:36vmax;background:radial-gradient(circle,hsl(var(--b3) var(--sat) var(--lit)) 0%,transparent 68%)}.grain{position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:overlay}#sparks{position:fixed;inset:0;z-index:2;pointer-events:none}.bar,.wordmark,main,footer{position:relative;z-index:3}.glint{position:fixed;z-index:2;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,hsl(calc(var(--hue) + 200) 100% 80%) 0%,transparent 70%);mix-blend-mode:screen;opacity:.7;filter:blur(1px)}.bar{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:22px 22px 0}.orb{width:42px;height:42px;padding:0;border:0;border-radius:50%;cursor:pointer;background:conic-gradient(from 120deg,hsl(var(--b1) 90% 62%),hsl(var(--b2) 90% 62%),hsl(var(--b3) 90% 62%),hsl(var(--b1) 90% 62%));box-shadow:0 0 22px color-mix(in oklab,hsl(var(--b2) 90% 60%) 50%,transparent);transform:rotate(var(--orb, 20deg));transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.orb:hover{transform:rotate(calc(var(--orb, 20deg) + 28deg)) scale(1.08)}.wordmark{display:flex;justify-content:center;flex-wrap:wrap;max-width:1080px;margin:28px auto 8px;padding:0 18px;font-family:"Instrument Serif",ui-serif,Georgia,serif;font-size:clamp(3.4rem,11vw,7.4rem);font-weight:400;line-height:.92;letter-spacing:-.04em;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.wordmark .ch,.wordmark .gap{display:inline-block;background:linear-gradient(110deg,#fff 8%,hsl(calc(var(--hue) + 190) 100% 78%) 28%,#fff,hsl(calc(var(--hue) + 310) 100% 78%),#fff 82%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:holo 7s linear infinite;transition:transform .2s ease}.wordmark .ch:hover{transform:translateY(-10px) rotate(-6deg) scale(1.06);animation-duration:1.2s}.wordmark.pop .ch{animation:hop .55s ease}@keyframes hop{30%{transform:translateY(-14px) scale(1.08)}}@keyframes holo{to{background-position:-220% 0}}.lang{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:6px 10px;cursor:pointer}.lang:hover{color:var(--ink);border-color:color-mix(in oklab,var(--ink) 35%,transparent)}main{max-width:1080px;margin:0 auto;padding:8px 22px 80px}.shelf{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:72px;margin:18px 0 28px}.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.buddy{position:absolute;right:8px;bottom:0;width:46px;height:68px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;filter:drop-shadow(0 6px 10px rgb(0 0 0 / 35%))}.buddy-ant{width:2px;height:10px;background:hsl(var(--b2) 80% 72%);border-radius:2px;position:relative}.buddy-ant:after{content:"";position:absolute;top:-5px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:hsl(var(--b1) 90% 62%);box-shadow:0 0 8px hsl(var(--b1) 90% 62%);animation:pulse 1.6s ease-in-out infinite}.buddy-head{width:28px;height:22px;border-radius:10px 10px 8px 8px;background:linear-gradient(180deg,hsl(var(--b2) 50% 78%),hsl(var(--b3) 40% 42%));display:flex;justify-content:space-evenly;align-items:center;padding:0 4px}.buddy-eye{width:5px;height:5px;border-radius:50%;background:#0b0b12;animation:blink 4.2s ease-in-out infinite}.buddy-body{width:22px;height:16px;margin-top:-2px;border-radius:6px 6px 8px 8px;background:linear-gradient(180deg,hsl(var(--b3) 45% 48%),hsl(var(--hue) 40% 22%))}.buddy-legs{display:flex;gap:6px;margin-top:2px}.buddy-legs span{width:5px;height:10px;border-radius:2px;background:hsl(var(--b1) 35% 38%)}.buddy:hover{transform:translateY(-2px)}.buddy.jump .buddy-body,.buddy.jump .buddy-head{animation:hop .45s ease}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.tab{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:color-mix(in oklab,var(--ink) 4%,transparent);border:1px solid var(--line);border-radius:999px;padding:9px 14px;cursor:pointer}.tab:hover{color:var(--ink)}.tab.is-on,.tab[aria-selected=true]{color:#0b0b12;border-color:transparent;background:linear-gradient(110deg,hsl(calc(var(--hue) + 190) 90% 72%),#fff,hsl(calc(var(--hue) + 310) 90% 74%));background-size:180% 100%;animation:holo 6s linear infinite}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.empty{grid-column:1 / -1;margin:12px 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82rem;color:var(--muted);text-align:center}.card{--rx: 0deg;--ry: 0deg;display:flex;flex-direction:column;width:100%;margin:0;padding:0;border:0;text-align:left;text-decoration:none;color:inherit;cursor:pointer;background:transparent;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease}.card:focus-visible{outline:1px solid color-mix(in oklab,#fff 45%,transparent);outline-offset:4px}.frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:color-mix(in oklab,#000 55%,transparent);box-shadow:0 18px 40px color-mix(in oklab,#000 35%,transparent)}.chrome{display:flex;gap:6px;align-items:center;height:28px;padding:0 12px;background:color-mix(in oklab,var(--ink) 6%,#0c0c14);border-bottom:1px solid var(--line)}.chrome span{width:8px;height:8px;border-radius:50%;background:color-mix(in oklab,var(--ink) 22%,transparent);cursor:pointer;transition:transform .15s ease,background .15s ease}.chrome span:hover{transform:scale(1.35);background:hsl(calc(var(--hue) + 200) 90% 70%)}.card[data-kind=games] .chrome span:nth-child(2){background:hsl(calc(var(--hue) + 140) 80% 62%)}.card[data-kind=random] .chrome{background:linear-gradient(90deg,color-mix(in oklab,hsl(calc(var(--hue) + 280) 70% 40%) 25%,#0c0c14),#0c0c14)}.shot{position:relative;aspect-ratio:16 / 10;overflow:hidden}.shot:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,#0000009e);pointer-events:none}.shot-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.shot-gen{width:100%;height:100%;background:radial-gradient(circle at 22% 30%,hsl(calc(var(--hue) + var(--s)) 90% 62%) 0%,transparent 42%),radial-gradient(circle at 78% 70%,hsl(calc(var(--hue) + var(--s) + 80) 85% 55%) 0%,transparent 48%),radial-gradient(circle at 50% 110%,hsl(calc(var(--hue) + var(--s) + 200) 80% 50%) 0%,transparent 55%),linear-gradient(160deg,#12121c,#0a0a12)}.shot-gen:after{content:"";position:absolute;inset:18% 14%;border-radius:10px;border:1px solid color-mix(in oklab,#fff 18%,transparent);background:color-mix(in oklab,#fff 6%,transparent);box-shadow:0 10px 30px color-mix(in oklab,#000 30%,transparent)}.card[data-kind=games] .shot-gen:after{inset:auto 18% 18%;height:28%;border-radius:999px}.card[data-kind=random] .shot-gen:after{inset:22%;border-radius:50%;transform:rotate(12deg)}.name{position:absolute;right:14px;bottom:12px;z-index:2;max-width:80%;margin:0;text-align:right;font-family:"Instrument Serif",ui-serif,Georgia,serif;font-size:clamp(1.15rem,2.2vw,1.55rem);letter-spacing:-.02em;line-height:1.1;color:#fff;text-shadow:0 2px 18px rgb(0 0 0 / 55%);pointer-events:none}.card:hover .name,.card:focus-visible .name{background:linear-gradient(100deg,#fff 10%,hsl(calc(var(--hue) + 190) 100% 76%),hsl(calc(var(--hue) + 300) 100% 78%) 70%,#fff 95%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:holo 2.4s linear infinite;text-shadow:none}.tag{position:absolute;top:36px;right:12px;z-index:2;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,#fff 75%,transparent);pointer-events:none}footer{max-width:1080px;margin:0 auto;padding:0 22px 36px}.status,.copy{margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;color:var(--muted)}.status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;cursor:pointer;background:hsl(calc(var(--hue) + 140) 90% 62%);box-shadow:0 0 12px hsl(calc(var(--hue) + 140) 90% 62%);animation:pulse 1.8s ease-in-out infinite}.copy{margin:0}body.disco{transition:background .08s linear}body.disco .blob{opacity:.9;filter:blur(60px)}body.disco .wordmark .ch{animation:holo .35s linear infinite,hop .28s ease infinite}body.disco .orb{animation:spin .4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.hyper .blob{width:70vmax;height:70vmax;opacity:.85;filter:blur(50px)}body.hyper .glint{width:64px;height:64px;margin:-32px 0 0 -32px;opacity:1}body.turbo .dot{animation:pulse .25s ease-in-out infinite;transform:scale(1.4)}body.turbo .model{animation:holo .5s linear infinite;background:linear-gradient(90deg,#fff,hsl(var(--b2) 100% 72%),#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes pulse{50%{opacity:.35;transform:scale(.85)}}.model{color:var(--ink)}@media(max-width:760px){.grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.wordmark .ch,.tab.is-on,.card:hover .name,.dot,.blob,.wordmark.pop .ch,body.disco .wordmark .ch,body.disco .orb,.buddy-eye,.buddy-ant:after{animation:none}.card,.wordmark .ch,.orb{transform:none;transition:none}.glint{display:none}}