.sc{--c:70,150,255;--cs:#5aa9ff;--t2:#9b9ea3;--t3:#62666c;--ease:cubic-bezier(0.32,0.72,0,1);--serif:var(--font-instrument-serif),Georgia,serif;--sans:var(--font-hanken-grotesk),system-ui,sans-serif;--mono:var(--font-jetbrains-mono),ui-monospace,monospace;font:14px/1.5 var(--sans);color:#fff}.sc *,.sc :after,.sc :before{box-sizing:border-box;margin:0}.sc .bz{position:relative;max-width:1140px;margin:0 auto;padding:12px;border-radius:44px;background:linear-gradient(160deg,#30343a,#0c0d0f 42%,#1f2226);box-shadow:0 0 0 1px #000,0 80px 150px -20px #000f,0 30px 60px #000b,0 0 140px rgba(var(--c),.1)}.sc .bz:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:radial-gradient(520px circle at var(--mx,30%) var(--my,0),rgba(255,255,255,.7),rgba(255,255,255,.08) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sc .core{position:relative;border-radius:32px;overflow:hidden;background:radial-gradient(ellipse at 30% 40%,#15130e,#06080a 70%);box-shadow:inset 0 1px 1px #ffffff2a,inset 0 0 0 1px #ffffff08;display:grid;grid-template-columns:1.3fr 1fr;min-height:680px}.sc .core:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.07),transparent 24%);pointer-events:none}.sc .consl{position:relative;padding:20px 10px 20px 18px;border-right:1px solid #ffffff0d}.sc .consl:before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--sx,50%) var(--sy,45%),rgba(var(--c),.07),transparent 70%);pointer-events:none;transition:opacity .6s}.sc .cap{position:absolute;left:26px;top:22px;font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--t3);z-index:2}.sc .cap b{color:var(--cs);font-weight:500;font-size:13px}.sc svg{display:block;width:100%;overflow:visible}.sc .lnk{stroke:url(#lg);stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:1;fill:none;transition:stroke-dashoffset 1.1s var(--ease)}.sc .lnk.on{stroke-dashoffset:0}.sc .orb{fill:none;stroke:#ffffff10;stroke-dasharray:2 6;transform-box:fill-box;transform-origin:center}.sc .o1{animation:sc-rot 120s linear infinite}.sc .o2{animation:sc-rot 180s linear infinite reverse}@keyframes sc-rot{to{transform:rotate(1turn)}}.sc .star{fill:#fff;opacity:.25;animation:sc-tw 7s ease-in-out infinite}@keyframes sc-tw{50%{opacity:.06}}.sc .breath{fill:url(#bg);transform-box:fill-box;transform-origin:center;animation:sc-br 7s ease-in-out infinite}@keyframes sc-br{50%{transform:scale(1.12);opacity:.7}}.sc .nd{cursor:pointer;outline:none}.sc .nd .disc{fill:#101214;stroke:#ffffff2e;stroke-width:1.2;transition:all .7s var(--ease)}.sc .nd .ic{fill:none;stroke:#a9adb2;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .5s}.sc .nd:focus-visible .disc,.sc .nd:hover .disc{stroke:var(--cs)}.sc .nd.on .disc{fill:var(--cs);stroke:var(--cs);filter:drop-shadow(0 0 10px rgba(70,150,255,.55))}.sc .nd.on .ic{stroke:#0a0a0a}.sc .nd text{fill:#b5b8bd;font:500 12.5px var(--sans);transition:fill .5s}.sc .nd.on text{fill:#fff}.sc .nd .sb{fill:var(--t3);font:10px var(--mono)}.sc .nd .ping{fill:none;stroke:var(--cs);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:sc-pg 3.4s infinite}.sc .nd.on .ping{display:none}@keyframes sc-pg{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(1.9);opacity:0}}.sc .seg{fill:none;stroke:#ffffff14;stroke-width:6;stroke-linecap:round;transition:stroke .7s var(--ease)}.sc .seg.on{stroke:var(--cs);filter:drop-shadow(0 0 6px rgba(70,150,255,.55))}.sc .tip{position:absolute;z-index:5;width:240px;padding:5px;border-radius:20px;background:#ffffff0a;box-shadow:0 20px 50px #000c,inset 0 0 0 1px #ffffff18;backdrop-filter:blur(14px);pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.sc .tip.on{opacity:1;transform:none}.sc .tip>div{padding:12px 14px;border-radius:15px;background:linear-gradient(170deg,#16181b,#0b0c0e);box-shadow:inset 0 1px 0 #ffffff1c}.sc .tip b{display:block;font:400 18px/1.2 var(--serif)}.sc .tip p{font-size:12px;color:var(--t2);margin:3px 0 8px}.sc .tip small{white-space:nowrap;font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cs)}.sc .side{padding:26px 28px 26px 26px;display:flex;flex-direction:column;min-height:680px}.sc .side h3{font:400 32px/1.1 var(--serif)}.sc .side p.d{color:var(--t2);font-size:13px;margin-top:5px;min-height:20px}.sc .stack{flex:1;min-height:350px;position:relative}.sc #stk{max-width:310px;margin:0 auto}.sc .plate{transition:opacity .8s var(--ease)}.sc .plate.new{animation:sc-drop 1s var(--ease)}.sc .plate.top{animation:sc-fl 7s ease-in-out infinite}.sc .plate.top.new{animation:sc-drop 1s var(--ease)}@keyframes sc-drop{0%{transform:translateY(-70px);opacity:0}}@keyframes sc-fl{50%{transform:translateY(-3px)}}.sc .pl{fill:#fff;font:500 10.5px var(--mono);letter-spacing:.1em;text-anchor:middle}.sc .empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--t3);font-size:13px;padding:0 40px;pointer-events:none;transition:opacity .5s}.sc .seg2{display:flex;gap:4px;padding:4px;border-radius:99px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;width:max-content;max-width:100%;flex-wrap:wrap}.sc .seg2 button{cursor:pointer;border:0;background:none;color:var(--t2);padding:8px 15px;border-radius:99px;font:500 12px var(--sans);transition:all .6s var(--ease)}.sc .seg2 button:hover{color:#fff}.sc .seg2 button.on{background:var(--cs);color:#000;box-shadow:0 0 18px rgba(var(--c),.4)}.sc .sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.sc .sum>div{padding:5px;border-radius:18px;background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff0c}.sc .sum>div>div{padding:11px 13px;border-radius:13px;background:linear-gradient(170deg,#ffffff0a,#ffffff02);box-shadow:inset 0 1px 0 #ffffff18}.sc .sum small{display:block;font:9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}.sc .sum b{font:400 28px/1.15 var(--serif)}.sc .act{cursor:pointer;display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 22px;border-radius:99px;border:0;background:#fff;color:#000;font:500 13.5px var(--sans);transition:transform .7s var(--ease),opacity .5s;text-decoration:none}.sc .act i{width:32px;height:32px;border-radius:50%;background:#0000001a;display:grid;place-items:center;font-style:normal;transition:transform .7s var(--ease)}.sc .act:hover i{transform:translate(2px,-2px) scale(1.08)}.sc .act:active{transform:scale(.97)}.sc .act[aria-disabled=true]{opacity:.4;pointer-events:none}.sc .note{font:10.5px var(--mono);color:var(--t3)}.sc .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,24px);opacity:0;z-index:30;padding:10px 18px;border-radius:99px;background:#0e0f11e8;border:1px solid #ffffff1f;font-size:13px;transition:all .7s var(--ease)}.sc .toast.on{opacity:1;transform:translate(-50%)}@media(max-width:900px){.sc .core{grid-template-columns:1fr}.sc .consl{border-right:0;border-bottom:1px solid #ffffff0d;padding:50px 4px 0}.sc .side{padding:20px 18px 26px;min-height:0}.sc .tip{display:none}}@media(prefers-reduced-motion:reduce){.sc .lnk{stroke-dashoffset:0}}@media (max-width:900px),(pointer:coarse){.sc .seg2 button{min-height:44px;padding:0 16px}.sc .act{min-height:44px}}.sc .consl,.sc .side{min-width:0}.sc .mlist{display:none}@media (max-width:900px){.sc .core{grid-template-columns:minmax(0,1fr);min-height:0}.sc .stack{min-height:210px}.sc .seg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:22px}.sc .seg2 button{justify-content:center}.sc .sum b{font-size:22px}.sc .consl svg#con{pointer-events:none}.sc .consl{padding-bottom:14px}.sc .mlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 14px 6px}.sc .mlist button{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:0;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#c9ccd0;font:500 12.5px var(--sans);text-align:left;transition:all .5s var(--ease)}.sc .mlist button svg{width:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sc .mlist button.on{color:#fff;background:rgba(var(--c),.16);box-shadow:inset 0 0 0 1px var(--cs)}.sc .mlist button.on svg{stroke:var(--cs)}}.sc .core{background:radial-gradient(ellipse at 30% 35%,#0b1a33,#040810 72%)}.sc .consl:before{background:radial-gradient(520px circle at var(--sx,50%) var(--sy,45%),rgba(90,169,255,.16),transparent 70%)}.sc .breath{filter:drop-shadow(0 0 22px rgba(90,169,255,.55))}.sc .core:after{background:linear-gradient(112deg,rgba(160,205,255,.14),transparent 26%)}.sc .nd.on .disc{filter:drop-shadow(0 0 14px rgba(90,169,255,.9))}.sc .act:not([aria-disabled=true]){box-shadow:0 0 34px rgba(90,169,255,.45)}.sc:not([data-live]) *,.sc:not([data-live]) :after,.sc:not([data-live]) :before{animation-play-state:paused!important}