:root{color:#f6f7fb;background:#08090f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;background:#08090f}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}#root{min-height:100vh}.playground-shell{position:relative;isolation:isolate;min-height:100vh;padding:clamp(28px,5vw,72px);overflow:hidden}.playground-shell:before{position:fixed;inset:0;z-index:-5;content:"";background:radial-gradient(circle at 20% 16%,rgba(255,207,51,.13),transparent 32vw),radial-gradient(circle at 85% 18%,rgba(32,196,212,.14),transparent 26vw),linear-gradient(135deg,#08090f,#15111a 48%,#0c1618)}.playground-shell:after{position:fixed;inset:0;z-index:-3;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 78%)}.liquid-backdrop{position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.72}.liquid-backdrop .liquid-ether-container,.liquid-backdrop canvas{pointer-events:none}.ambient{position:fixed;z-index:-2;width:42vw;max-width:520px;aspect-ratio:1;border-radius:999px;opacity:.2;filter:blur(50px)}.ambient-one{top:8%;right:-12%;background:#20c4d4}.ambient-two{bottom:-16%;left:-10%;background:#ff4f6d}.hero{width:min(900px,100%);padding:clamp(48px,9vw,112px) 0 clamp(28px,5vw,56px)}.eyebrow{width:fit-content;margin:0 0 18px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;color:#ffcf33;font-size:.86rem;font-weight:800;text-transform:uppercase}h1{max-width:820px;margin:0;color:#fff;font-size:clamp(2.4rem,7vw,6.8rem);font-weight:900;line-height:.95;letter-spacing:0}.lede{max-width:680px;margin:24px 0 0;color:#f6f7fbc2;font-size:clamp(1rem,2vw,1.3rem);line-height:1.7}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px;width:min(1120px,100%);padding-bottom:42px}.site-spotlight.card-spotlight{width:100%;height:100%;padding:0;border:0;border-radius:8px;background:transparent}.site-spotlight.card-spotlight:before{z-index:2}.site-card{position:relative;z-index:1;display:grid;min-height:420px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(135deg,#ffffff29,#ffffff0a),#0c0d14bd;box-shadow:0 24px 80px #00000059;transform:translateY(0);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.site-card:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.site-card:hover{border-color:color-mix(in srgb,var(--accent) 76%,white);box-shadow:0 32px 90px #0000006b;transform:translateY(-4px)}.site-card__glow{position:absolute;inset:auto -18% -28%;height:220px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 40%,transparent),transparent 68%);opacity:.78}.site-card__media{display:grid;min-height:230px;place-items:center;padding:28px 28px 0}.wheel-preview{position:relative;display:grid;width:min(240px,62vw);aspect-ratio:1;place-items:center}.wheel-marker{position:absolute;top:-9px;z-index:2;width:0;height:0;border-right:16px solid transparent;border-left:16px solid transparent;border-top:28px solid #ffcf33;filter:drop-shadow(0 6px 6px rgba(0,0,0,.34))}.wheel-disc{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden;border:6px solid rgba(255,255,255,.92);border-radius:999px;background:conic-gradient(from -90deg,#dc2626 0 45deg,#2563eb 45deg 90deg,#fbbf24 90deg 135deg,#16a34a 135deg 180deg,#111827 180deg 225deg,#dc2626 225deg 270deg,#2563eb 270deg 315deg,#fbbf24 315deg 360deg);box-shadow:inset 0 0 0 2px #0000004d,0 18px 44px #00000057;animation:idle-spin 18s linear infinite}.wheel-disc strong{display:grid;width:42%;aspect-ratio:1;place-items:center;border-radius:999px;background:#0b0c12;color:#ffcf33;font-size:clamp(1.5rem,7vw,2.6rem);font-weight:900}.site-card__body{position:relative;display:grid;gap:12px;align-content:end;padding:0 28px 28px}.site-card__meta,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.site-card__meta span,.tag-row span{padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff14;color:#f6f7fbc7;font-size:.78rem;font-weight:800}.site-card__meta span:first-child{border-color:color-mix(in srgb,var(--accent) 72%,transparent);color:#fff}.site-card h2{margin:4px 0 0;color:#fff;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1;letter-spacing:0}.site-card p{max-width:56ch;margin:0;color:#f6f7fbb8;font-size:1rem;line-height:1.58}@keyframes idle-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:720px){.playground-shell{padding:24px}.hero{padding-top:58px}.site-card{min-height:390px}.site-card__media{min-height:210px;padding-inline:20px}.site-card__body{padding:0 20px 22px}}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}.shiny-text{display:inline-block}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}