*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body,"Nunito",system-ui,sans-serif);min-height:100dvh;-webkit-font-smoothing:antialiased;transition:background-color .28s ease,color .28s ease;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Nunito",system-ui,sans-serif;--display-weight:500;--display-tracking:-0.022em}body,body[data-theme=dark]{color:#e6e8ec;background:#04060a}body[data-theme=dark]{--bg-deep:#04060a;--bg:#06090e;--bg-lift:#0d1320;--fg:#e6e8ec;--fg-soft:#9aa3ad;--fg-dim:#5a626c;--line:rgba(230,232,236,.09);--line-2:rgba(230,232,236,.18);--card:rgba(230,232,236,.04);--card-h:rgba(230,232,236,.08);--wolf-fill:#e6e8ec;--snow-fill:var(--accent);--star-color:hsla(0,0%,100%,.5);--accent:#7cb7d6}body[data-theme=cream]{--bg-deep:#cbc8ba;--bg:#d6d3c6;--bg-lift:#dedccf;--fg:#11161c;--fg-soft:#4e5660;--fg-dim:#8a8d84;--line:rgba(17,22,28,.12);--line-2:rgba(17,22,28,.22);--card:rgba(17,22,28,.04);--card-h:rgba(17,22,28,.08);--wolf-fill:#11161c;--snow-fill:var(--accent);--star-color:rgba(17,22,28,.32);--accent:#2f6b8c;color:#11161c;background:#cbc8ba}.stage{min-height:100dvh;padding:18px 16px 36px;overflow-x:hidden}.layout,.stage{display:flex;flex-direction:column;align-items:center;position:relative}.layout{width:100%;max-width:380px;margin:0 auto;gap:4px;z-index:1}.identity,.solars{display:flex;flex-direction:column;align-items:center;width:100%}.solars{gap:0}@media (max-width:879px){.solars{max-width:100%;overflow:visible}.solars .solar{align-self:center;transform:none;max-width:300px;margin:0 auto}.solars .mini-solar{align-self:center;transform:none;max-width:172px;margin:-32px auto 8px}body .planet-label{font-size:12px}body .planet:not(.planet-mcp).lbl-left .planet-label,body .planet:not(.planet-mcp).lbl-right .planet-label{top:calc(100% + 6px);bottom:auto;left:50%;right:auto;transform:translateX(-50%)}}@media (min-width:880px){.layout{max-width:1120px;display:grid;grid-template-columns:1fr 440px;justify-content:stretch;grid-gap:0;gap:0;padding:6vh 4vw}.identity,.layout{align-items:center}.identity{flex:0 0 auto;min-width:0;width:auto;max-width:320px;margin:0;justify-self:start;padding-left:0}.identity,.identity .name{text-align:center}.identity .socials,.identity .tag{justify-content:center}.solars{flex:0 0 auto;width:440px;gap:0;align-items:stretch;padding-right:2vw;justify-self:end}.solars .solar{align-self:flex-start;margin:0;max-width:360px;transform:translateX(40px)}.solars .mini-solar{align-self:flex-end;margin:-40px 0 0;max-width:200px;transform:translateX(-30px)}}body[data-bg=cosmos][data-theme=dark] .stage{background:radial-gradient(120% 70% at 50% 18%,#131c2b 0,#06090e 58%,#04060a 100%)}body[data-bg=cosmos][data-theme=cream] .stage{background:radial-gradient(120% 70% at 50% 18%,#e3e0d3 0,#d6d3c6 58%,#cbc8ba 100%)}body[data-bg=minimal] .stage{background:var(--bg)}body[data-bg=grid] .stage{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 /28px 28px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 /28px 28px,var(--bg)}.stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 14% 12%,var(--star-color),transparent 60%),radial-gradient(1px 1px at 78% 8%,var(--star-color),transparent 60%),radial-gradient(1.2px 1.2px at 62% 24%,var(--star-color),transparent 60%),radial-gradient(1px 1px at 32% 78%,var(--star-color),transparent 60%),radial-gradient(1px 1px at 10% 58%,var(--star-color),transparent 60%),radial-gradient(1.4px 1.4px at 88% 46%,var(--star-color),transparent 60%),radial-gradient(1px 1px at 46% 92%,var(--star-color),transparent 60%),radial-gradient(1.2px 1.2px at 92% 78%,var(--star-color),transparent 60%)}body[data-bg=grid] .stars,body[data-bg=minimal] .stars{display:none}.snow{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.flake{position:absolute;top:-8vh;color:var(--snow-tint,hsla(0,0%,100%,.55));opacity:0;animation:fall linear infinite,twinkle ease-in-out infinite;will-change:transform,opacity}.flake svg{display:block}body[data-theme=cream] .flake{--snow-tint:rgba(17,22,28,.32)}@keyframes fall{0%{transform:translate3d(0,-8vh,0) rotate(0deg)}to{transform:translate3d(var(--drift,0),112vh,0) rotate(var(--spin,1turn))}}@keyframes twinkle{0%,to{opacity:0}10%{opacity:var(--peak,.6)}90%{opacity:var(--peak,.6)}}@media (prefers-reduced-motion:reduce){.flake{animation:none;opacity:.3}}.col{width:100%;max-width:460px;position:relative;z-index:1}@media (min-width:880px){.col:has(.layout){max-width:1120px}}.hero{display:flex;flex-direction:column;align-items:center;padding:22px 0 14px}.hero,.portal{position:relative}.portal{width:200px;height:200px;display:grid;place-items:center}.portal:before{content:"";width:240px;height:240px;background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 26%,transparent),transparent 70%);filter:blur(8px);opacity:.7;pointer-events:none}.portal:before,.ring{position:absolute;border-radius:50%}.ring{inset:-22px;border:1px dashed color-mix(in oklab,var(--accent) 38%,transparent);animation:spin 60s linear infinite}.ring:before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 14px var(--accent)}.ring-2{position:absolute;inset:-44px;border-radius:50%;border:1px dotted color-mix(in oklab,var(--fg) 12%,transparent);animation:spin 120s linear infinite reverse}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ring,.ring-2{animation:none}}.wolf{width:168px;height:168px;display:grid;place-items:center;position:relative;z-index:1}.wolf svg{width:100%;height:100%;display:block;filter:drop-shadow(0 18px 30px color-mix(in oklab,var(--accent) 18%,transparent))}.wolf svg .cls-1{fill:var(--wolf-fill,#e6e8ec)}.wolf svg .cls-2{fill:transparent}body[data-wolf=mono] .wolf svg .cls-2{fill:var(--wolf-fill,#e6e8ec)}body[data-wolf=duotone] .wolf svg .cls-2{fill:color-mix(in oklab,var(--wolf-fill) 65%,var(--accent) 35%)}body[data-wolf=frosted] .wolf svg .cls-2{fill:var(--accent)}.handle-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.handle-row .name{margin:0}.handle-wolf{display:none}.name{font-family:var(--font-display,"Space Grotesk",system-ui,sans-serif);font-size:clamp(36px,9vw,48px);letter-spacing:var(--display-tracking,-.02em);line-height:1;margin:8px 0 24px;text-align:center}.name,.name .at{font-weight:var(--display-weight,500)}.name .at{color:var(--fg-dim);opacity:.7;margin-right:1px}.tag{font-family:Nunito,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;color:var(--fg);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:18px}.tag .d{color:var(--accent);width:4px;height:4px;border-radius:999px;background:currentColor;display:inline-block}.socials{display:flex;gap:8px;justify-content:center;margin-bottom:18px}.social{width:38px;height:38px;border-radius:999px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--fg);text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease}.social:hover{background:var(--card-h);border-color:var(--line-2);transform:translateY(-1px)}.social svg{width:16px;height:16px}.orbit{display:flex;flex-direction:column;gap:11px;padding:6px 0}.orbit,.pill{position:relative}.pill{display:inline-flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;color:var(--fg);text-decoration:none;max-width:92%;transition:background .2s ease,transform .28s cubic-bezier(.2,.7,.2,1),border-color .2s ease;will-change:transform}.pill:hover{background:var(--card-h);border-color:var(--line-2)}.pill .pi{width:32px;height:32px;border-radius:999px;background:color-mix(in oklab,var(--fg) 6%,transparent);display:grid;place-items:center;border:1px solid var(--line);flex-shrink:0;color:var(--fg)}.pill .pi svg{width:15px;height:15px}.pill .pt{flex:1 1;min-width:0}.pill .pl{font-family:Nunito,Geist,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:0;display:flex;align-items:center;gap:8px;line-height:1.2}.pill .ps{font-size:10px;color:var(--fg-dim);letter-spacing:.04em;margin-top:1px}.pill .pb,.pill .ps{font-family:Nunito,system-ui,sans-serif}.pill .pb{font-size:9px;font-weight:600;letter-spacing:.12em;padding:3px 7px 2px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;line-height:1}.pill .pb:before{content:"";width:5px;height:5px;border-radius:999px;background:currentColor;box-shadow:0 0 6px currentColor}.pill .pb.live{color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,transparent);border:1px solid color-mix(in oklab,var(--accent) 36%,transparent)}.pill .pb.beta{color:var(--fg-soft);background:color-mix(in oklab,var(--fg) 6%,transparent);border:1px solid var(--line-2)}.pill .pb.new{color:var(--accent);background:transparent;border:1px solid color-mix(in oklab,var(--accent) 44%,transparent)}.pill .pa{color:var(--fg-dim);transition:transform .22s ease,color .22s ease;flex-shrink:0}.pill:hover .pa{color:var(--fg);transform:translate(2px,-2px)}body[data-arrange=orbit] .pill.r0{transform:translateX(6px)}body[data-arrange=orbit] .pill.r1{transform:translateX(28px)}body[data-arrange=orbit] .pill.r2{transform:translateX(14px)}body[data-arrange=orbit] .pill.r3{transform:translateX(-4px);align-self:flex-end}body[data-arrange=orbit] .pill.r4{transform:translateX(-20px);align-self:flex-end}body[data-arrange=orbit] .pill.r0:hover{transform:translate(6px,-1px)}body[data-arrange=orbit] .pill.r1:hover{transform:translate(28px,-1px)}body[data-arrange=orbit] .pill.r2:hover{transform:translate(14px,-1px)}body[data-arrange=orbit] .pill.r3:hover{transform:translate(-4px,-1px)}body[data-arrange=orbit] .pill.r4:hover{transform:translate(-20px,-1px)}body[data-arrange=aligned] .pill{align-self:stretch;max-width:100%}body[data-arrange=zigzag] .pill.r0,body[data-arrange=zigzag] .pill.r2,body[data-arrange=zigzag] .pill.r4{align-self:flex-start}body[data-arrange=zigzag] .pill.r1,body[data-arrange=zigzag] .pill.r3{align-self:flex-end}.solar{position:relative;width:100%;max-width:380px;aspect-ratio:1/1;margin:8px auto}.orbit-rings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.orbit-rings circle{fill:none;stroke:color-mix(in oklab,var(--accent) 38%,transparent);stroke-width:.3;stroke-dasharray:.5 1.6;transform-origin:50% 50%;animation:spin 90s linear infinite}.orbit-rings circle:first-child{stroke:color-mix(in oklab,var(--accent) 52%,transparent)}.orbit-rings circle:nth-child(2){stroke:color-mix(in oklab,var(--accent) 30%,transparent);stroke-dasharray:.8 2.2;animation:spin 140s linear infinite reverse}@media (prefers-reduced-motion:reduce){.orbit-rings circle{animation:none}}.cluster-bracket{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.cluster-bracket path{fill:none;stroke:color-mix(in oklab,var(--accent) 50%,transparent);stroke-width:.35;stroke-linecap:round;stroke-dasharray:0 0}.cluster-label{transform:translate(-50%,calc(-50% - 50%));font-family:Nunito,system-ui,sans-serif;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);padding:4px 10px;border-radius:999px;background:color-mix(in oklab,var(--bg) 88%,transparent);border:1px solid color-mix(in oklab,var(--accent) 40%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;pointer-events:none;z-index:3}.cluster-label,.sun{position:absolute;top:50%;left:50%}.sun{width:32%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.sun:before{content:"";position:absolute;width:170%;height:170%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 28%,transparent),transparent 70%);filter:blur(10px);pointer-events:none;z-index:-1}.sun .wolf{width:100%;height:100%}.orbit-tag{position:absolute;font-family:Nunito,system-ui,sans-serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);padding:2px 8px;border-radius:999px;background:color-mix(in oklab,var(--bg) 80%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.tag-inner{top:6%;left:50%;transform:translate(-50%,-50%)}.tag-outer{top:50%;right:-2px;transform:translate(50%,-50%)}.planet{position:absolute;width:14%;aspect-ratio:1;transform:translate(-50%,-50%);color:var(--fg);text-decoration:none;display:block;z-index:2}.planet-dot{position:relative;width:100%;height:100%;border-radius:50%;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line-2);display:grid;place-items:center;transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 6px 18px -8px color-mix(in oklab,var(--accent) 30%,transparent)}.planet-icon{display:grid;place-items:center;color:var(--fg)}.planet-icon svg{width:56%;height:56%;width:28px;height:28px}@media (max-width:380px){.planet-icon svg{width:24px;height:24px}}.planet-outer .planet-dot{border-color:color-mix(in oklab,var(--accent) 30%,transparent)}.planet-badge{position:absolute;top:4%;right:4%;width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px var(--accent);border:1.5px solid var(--bg);box-sizing:content-box}.planet-badge.beta{background:var(--fg-soft);box-shadow:none}.planet-badge.green{background:#38d39f;box-shadow:0 0 10px #38d39f;width:12px;height:12px;border-width:2px}.mini-solar{position:relative;width:100%;max-width:220px;aspect-ratio:1/1;margin:0 auto 12px}.mini-solar .orbit-rings circle{stroke:color-mix(in oklab,#38d39f 48%,transparent);stroke-dasharray:.6 1.8;animation:spin 120s linear infinite}.mini-sun{position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:999px;background:var(--card);border:1px solid var(--line-2);color:var(--fg);box-shadow:0 6px 20px -6px color-mix(in oklab,#38d39f 50%,transparent)}.mini-sun:before{content:"";position:absolute;width:200%;height:200%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,#38d39f 22%,transparent),transparent 70%);filter:blur(8px);pointer-events:none;z-index:-1}.mini-sun svg{width:22px;height:22px}.mini-cap{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);font-family:Nunito,system-ui,sans-serif;font-size:10.5px;font-weight:600;color:var(--fg-dim);white-space:nowrap;pointer-events:none}.planet-mcp{position:absolute;width:6%;aspect-ratio:1;transform:translate(-50%,-50%);color:var(--fg);text-decoration:none;display:block;z-index:2}.mcp-dot{display:block;width:100%;height:100%;border-radius:999px;background:#38d39f;box-shadow:0 0 0 2px color-mix(in oklab,#38d39f 18%,transparent),0 0 10px color-mix(in oklab,#38d39f 55%,transparent),0 3px 8px -2px color-mix(in oklab,#38d39f 55%,transparent);transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease}.planet-mcp:hover .mcp-dot{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in oklab,#38d39f 28%,transparent),0 0 14px color-mix(in oklab,#38d39f 70%,transparent),0 4px 10px -2px color-mix(in oklab,#38d39f 65%,transparent)}.planet:hover .planet-dot{transform:scale(1.08);border-color:var(--accent);background:var(--card-h);box-shadow:0 10px 24px -8px color-mix(in oklab,var(--accent) 45%,transparent)}.planet-label{position:absolute;left:50%;transform:translateX(-50%);font-family:Nunito,Geist,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;color:var(--fg);white-space:nowrap;pointer-events:none;display:flex;align-items:center;gap:6px;line-height:1;text-shadow:0 1px 8px color-mix(in oklab,var(--bg-deep) 70%,transparent)}.planet-label .pb{font-size:8px;padding:2px 5px 1.5px;border-radius:999px;letter-spacing:.1em}.planet.lbl-down .planet-label{top:calc(100% + 6px)}.planet.lbl-up .planet-label{bottom:calc(100% + 6px)}.planet.lbl-right .planet-label{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.planet.lbl-left .planet-label{top:50%;right:calc(100% + 6px);left:auto;transform:translateY(-50%)}.planet.lbl-up-right .planet-label{bottom:calc(100% - 4px);left:calc(100% - 4px);right:auto;transform:none}.planet.lbl-up-left .planet-label{bottom:calc(100% - 4px);right:calc(100% - 4px);left:auto;transform:none;flex-direction:row-reverse}.planet.lbl-down-right .planet-label{top:calc(100% - 4px);left:calc(100% - 4px);right:auto;transform:none}.planet.lbl-down-left .planet-label{top:calc(100% - 4px);right:calc(100% - 4px);left:auto;transform:none;flex-direction:row-reverse}.planet:hover .planet-label{color:var(--fg)}@media (max-width:340px){.planet-label{font-size:10.5px}}@keyframes float{0%,to{transform:translate(-50%,calc(-50% + 0px))}50%{transform:translate(-50%,calc(-50% - 3px))}}.planet{animation:float 6s ease-in-out infinite}.planet:nth-child(4){animation-delay:-1s;animation-duration:7s}.planet:nth-child(5){animation-delay:-2s;animation-duration:5.5s}.planet:nth-child(6){animation-delay:-3s;animation-duration:6.5s}.planet:nth-child(7){animation-delay:-1.5s;animation-duration:8s}@media (prefers-reduced-motion:reduce){.planet{animation:none}}.orbit-section{align-self:center;font-family:Nunito,system-ui,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);display:flex;align-items:center;gap:10px;margin:4px 0;width:80%}.orbit-section:after,.orbit-section:before{content:"";flex:1 1;height:1px;background:var(--line)}.foot{margin-top:28px;text-align:center;font-family:Nunito,system-ui,sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim)}.foot a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:1px}.foot .sep{margin:0 8px;opacity:.5}@keyframes rise{0%{transform:translateY(10px)}to{transform:translateY(0)}}.stagger>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.16s}.stagger>:nth-child(3){animation-delay:.24s}.stagger>:nth-child(4){animation-delay:.32s}.stagger>:nth-child(5){animation-delay:.4s}.stagger>:nth-child(6){animation-delay:.48s}.stagger>:nth-child(7){animation-delay:.56s}.stagger>:nth-child(8){animation-delay:.64s}.stagger>:nth-child(9){animation-delay:.72s}.stagger>:nth-child(n+10){animation-delay:.8s}@media (prefers-reduced-motion:reduce){.stagger>*{animation:none;opacity:1}}