@layer components{.dn-index,.dn-mono{font-family:var(--font-martian),ui-monospace,SFMono-Regular,Menlo,monospace;font-stretch:85%}.dn-index{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.dn-panel{position:relative;border-radius:1.25rem;background:linear-gradient(180deg,rgb(255 255 255/.05),rgb(255 255 255/.012) 45%),rgb(21 22 28/.86);box-shadow:inset 0 0 0 1px rgb(255 255 255/.07),inset 0 1px 0 rgb(255 255 255/.08),0 30px 60px -30px rgb(0 0 0/.9)}.dn-floor{position:absolute;inset-inline:-40%;bottom:-6%;height:58%;perspective:620px;perspective-origin:50% 0;pointer-events:none;-webkit-mask-image:linear-gradient(0deg,black 5%,transparent 80%);mask-image:linear-gradient(0deg,black 5%,transparent 80%)}.dn-floor>span{position:absolute;inset:0;transform-origin:50% 0;transform:rotateX(74deg);background-image:linear-gradient(rgb(255 84 73/.22) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.08) 1px,transparent 0);background-size:56px 56px;animation:dn-floor 5s linear infinite}@keyframes dn-floor{0%{background-position:0 0}to{background-position:0 56px}}.dn-orbit{position:relative;perspective:1100px;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.dn-orbit:active{cursor:grabbing}.dn-orbit img{pointer-events:none;-webkit-user-drag:none}.dn-orbit-ring{inset:0}.dn-orbit-item,.dn-orbit-ring{position:absolute;transform-style:preserve-3d}.dn-orbit-item{left:50%;top:50%;width:var(--card-w);aspect-ratio:2/3;margin-left:calc(var(--card-w) / -2);margin-top:calc(var(--card-w) * -.75);-webkit-backface-visibility:hidden;backface-visibility:hidden}.dn-orbit-reflection{position:absolute;left:50%;bottom:2%;width:70%;height:18%;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgb(228 52 43/.35),transparent);filter:blur(18px);pointer-events:none}.dn-shine{position:relative;overflow:hidden}.dn-shine:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgb(255 255 255/.22) 50%,transparent 62%);transform:translateX(-110%);transition:transform .9s cubic-bezier(.16,1,.3,1);pointer-events:none}@media (hover:hover){.dn-shine:hover:after{transform:translateX(110%)}}.dn-live{position:relative;display:inline-block;width:7px;height:7px;border-radius:999px;background:#34d399}.dn-live:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:1px solid #34d399;animation:dn-ping 2s cubic-bezier(.16,1,.3,1) infinite}@keyframes dn-ping{0%{transform:scale(.6);opacity:1}to{transform:scale(1.9);opacity:0}}.dn-rail{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1.25rem;padding-inline:1.25rem;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dn-rail::-webkit-scrollbar{display:none}.dn-rail>*{scroll-snap-align:start;flex-shrink:0}.dn-header{padding-top:env(safe-area-inset-top)}.dn-safe-bottom{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.dn-outline{color:transparent;-webkit-text-stroke:1px rgb(255 255 255/.16)}@media (hover:none){.dn-hover-lift:hover{transform:none!important}}@media (prefers-reduced-motion:reduce){.dn-floor>span,.dn-live:after{animation:none}}}