@layer components{.dkey{color-scheme:dark;--sd-paper:var(--sig-bg);--sd-bone:var(--unlearn-player-ink);--sd-ink-2:var(--unlearn-player-ink-2);--sd-ink-3:var(--unlearn-player-ink-3);--sd-cyan:var(--cyan);--sd-red:var(--red);--sd-red-2:var(--x-red-2);--sd-red-3:var(--x-red-3);--sd-glass-1:#1c1c22;--sd-glass-2:#0d0d11}.sd-art{overflow:hidden;position:relative}.sd-scene{left:0;position:absolute;top:0;transform-origin:0 0}.sd-scene>*{box-sizing:border-box;display:block;position:absolute}.sd-glass{background:linear-gradient(118.81deg,#ececee00 23.53%,#ececee12 30.25%,#ececee00 35.29%,#ececee00 38.65%,#ececee0d,#ececee00 42.02%),radial-gradient(circle calc(var(--s)*.7) at 25% 15%,rgb(255 255 255/var(--lift,.05)),#fff0),linear-gradient(135deg,var(--sd-glass-1) 0,var(--sd-glass-2) 55%,var(--sd-paper) 100%);border-radius:var(--radius);outline:1.2px solid rgb(0 210 220/var(--hair,.3));outline-offset:-.6px}.sd-glass--p0{box-shadow:calc(var(--d)*4) calc(var(--d)*4) calc(var(--d)*6) #0009}.sd-glass--body{background:linear-gradient(106.7deg,#ececee00 44%,#ececee14,#ececee00 56%),linear-gradient(155deg,#17171c,var(--sd-paper))}.sd-glass--planet{background:linear-gradient(106.7deg,#ececee00 44%,#ececee0f,#ececee00 56%),radial-gradient(circle 560px at 46.3% 23.3%,#1f1f26 0,#0e0e12 62%,var(--sd-paper) 100%)}.sd-disc{border-radius:50%}.sd-disc--r1{background:var(--sd-red)}.sd-disc--r2{background:var(--sd-red-2)}.sd-disc--r3{background:var(--sd-red-3)}.sd-disc--shadow{background:#0009;filter:blur(var(--blur))}.sd-port{background:var(--sd-bone);border-radius:50%;height:calc(var(--r)*2);margin:calc(var(--r)*-1) 0 0 calc(var(--r)*-1);width:calc(var(--r)*2)}.sd-thread{background:rgb(0 210 220/var(--a));height:var(--w,1px);margin-top:calc(var(--w, 1px)/-2);transform-origin:0 50%}.sd-node{border-radius:50%;height:calc(var(--r)*2);margin:calc(var(--r)*-1) 0 0 calc(var(--r)*-1);width:calc(var(--r)*2)}.sd-node--lit{background:radial-gradient(circle,var(--sd-bone) calc(var(--r)*.34),var(--sd-paper) calc(var(--r)*.34 + .5px));box-shadow:0 0 0 calc(var(--ring, 1.5px)/2) var(--sd-cyan),inset 0 0 0 calc(var(--ring, 1.5px)/2) var(--sd-cyan)}.sd-hop>i{background:radial-gradient(circle,var(--sd-cyan) 1.3px,transparent 1.7px) 0 0 /3px 3px repeat-x;filter:drop-shadow(0 0 2px var(--sd-cyan));height:3px;left:0;margin:-1.5px 0 0 -4.5px;opacity:0;position:absolute;top:50%;width:9px}.sd-hop{--t:.2s}.sd-hop--m{--t:.56s}.sd-hop--f{--t:.92s}.sd-play .sd-port--flash{animation:sd-port .24s cubic-bezier(.16,1,.3,1) .15s 1 normal backwards running}.sd-play .sd-hop>i{animation:sd-signal .36s linear var(--t) backwards}.sd-play .sd-hop{animation:sd-hop-lit .76s linear var(--t) backwards}@keyframes sd-port{50%{scale:2.2}}@keyframes sd-signal{0%{left:0;opacity:0}3%{opacity:1}97%{opacity:1}to{left:100%;opacity:0}}@keyframes sd-hop-lit{47%{background:#00d2dcbf}}@media(prefers-reduced-motion:reduce){.sd-anim *{animation:auto none 0s ease 1 normal none running!important}}}