:root,:root[data-dv-theme=orbital]{--signal:oklch(82.35% .1087 188.61);--signal-foreground:oklch(24% .045 220);--cta:oklch(71.72% .1785 33.56);--cta-foreground:oklch(99% .005 90);--future:oklch(62.68% .2169 289.81);--background:oklch(17.47% .0294 253.13);--deep:oklch(24.77% .0495 252.4);--panel:oklch(22.33% .0341 254.54);--panel-raised:oklch(25.62% .0422 253.53);--well:oklch(18.75% .0319 251.4);--hairline:oklch(36.58% .0485 247.17);--dv-glow-a:oklch(82.35% .1087 188.61/.2);--dv-glow-b:oklch(62.68% .2169 289.81/.13);--dv-glow-c:oklch(71.72% .1785 33.56/.11);--dv-grid:oklch(82.35% .1087 188.61/.08)}:root[data-dv-theme=ultraviolet]{--signal:oklch(78% .16 300);--signal-foreground:oklch(20% .05 292);--cta:oklch(73% .19 344);--future:oklch(79% .13 220);--background:oklch(15.5% .042 287);--deep:oklch(22.5% .066 287);--panel:oklch(20.5% .052 288);--panel-raised:oklch(25.5% .068 289);--well:oklch(17% .045 286);--hairline:oklch(39% .08 292);--dv-glow-a:oklch(78% .16 300/.22);--dv-glow-b:oklch(73% .19 344/.14);--dv-glow-c:oklch(79% .13 220/.12);--dv-grid:oklch(78% .16 300/.08)}:root[data-dv-theme=emerald]{--signal:oklch(82% .15 164);--signal-foreground:oklch(20% .045 164);--cta:oklch(78% .16 92);--future:oklch(72% .14 205);--background:oklch(15% .03 174);--deep:oklch(21.5% .05 171);--panel:oklch(19.5% .04 173);--panel-raised:oklch(24.5% .052 172);--well:oklch(16.5% .035 174);--hairline:oklch(36% .065 169);--dv-glow-a:oklch(82% .15 164/.21);--dv-glow-b:oklch(72% .14 205/.13);--dv-glow-c:oklch(78% .16 92/.11);--dv-grid:oklch(82% .15 164/.075)}:root[data-dv-theme=solar]{--signal:oklch(83% .13 73);--signal-foreground:oklch(24% .04 54);--cta:oklch(72% .19 28);--future:oklch(72% .16 323);--background:oklch(16% .027 40);--deep:oklch(23% .045 42);--panel:oklch(20.5% .038 39);--panel-raised:oklch(25% .052 39);--well:oklch(17% .03 40);--hairline:oklch(37% .062 45);--dv-glow-a:oklch(83% .13 73/.2);--dv-glow-b:oklch(72% .19 28/.15);--dv-glow-c:oklch(72% .16 323/.11);--dv-grid:oklch(83% .13 73/.07)}:root[data-dv-theme=ice]{--signal:oklch(91% .035 222);--signal-foreground:oklch(22% .025 230);--cta:oklch(76% .1 228);--future:oklch(78% .08 263);--background:oklch(14.5% .015 242);--deep:oklch(21% .022 242);--panel:oklch(19% .02 242);--panel-raised:oklch(23.5% .027 242);--well:oklch(16% .017 242);--hairline:oklch(37% .038 238);--dv-glow-a:oklch(91% .035 222/.18);--dv-glow-b:oklch(78% .08 263/.12);--dv-glow-c:oklch(76% .1 228/.1);--dv-grid:oklch(91% .035 222/.065)}:root[data-dv-theme=spectrum]{--signal:oklch(84% .15 194);--signal-foreground:oklch(21% .045 212);--cta:oklch(76% .2 18);--future:oklch(70% .21 306);--background:oklch(15% .035 271);--deep:oklch(22% .055 266);--panel:oklch(19.8% .046 268);--panel-raised:oklch(25% .062 264);--well:oklch(16.5% .038 270);--hairline:oklch(37% .078 265);--dv-glow-a:oklch(84% .15 194/.19);--dv-glow-b:oklch(70% .21 306/.15);--dv-glow-c:oklch(76% .2 18/.12);--dv-grid:oklch(84% .15 194/.07)}:root[data-dv-theme]{--primary:var(--signal);--primary-foreground:var(--signal-foreground);--ring:var(--signal);--card:var(--panel);--secondary:var(--panel-raised);--muted:var(--panel);--accent:var(--panel-raised);--border:var(--hairline)}body{background-image:radial-gradient(circle at 15% 8%, var(--dv-glow-a), transparent 30%), radial-gradient(circle at 88% 13%, var(--dv-glow-b), transparent 30%), radial-gradient(circle at 52% 105%, var(--dv-glow-c), transparent 35%), linear-gradient(135deg, var(--background), var(--deep))}.dv-app-frame{isolation:isolate;position:relative}.dv-ambient{z-index:0;pointer-events:none;opacity:.88;position:fixed;inset:0;overflow:hidden}.dv-ambient-grid{background-image:linear-gradient(var(--dv-grid) 1px, transparent 1px), linear-gradient(90deg, var(--dv-grid) 1px, transparent 1px);transform-origin:50%;background-size:42px 42px;animation:30s linear infinite dv-grid-drift;position:absolute;inset:-20%;transform:perspective(700px)rotateX(66deg)translateY(23%);-webkit-mask-image:radial-gradient(circle at 50% 35%,#000 0 35%,#0000 72%);mask-image:radial-gradient(circle at 50% 35%,#000 0 35%,#0000 72%)}.dv-ambient-orbit{border:1px solid color-mix(in oklch, var(--signal) 46%, transparent);box-shadow:inset 0 0 42px color-mix(in oklch, var(--signal) 12%, transparent), 0 0 60px color-mix(in oklch, var(--signal) 10%, transparent);border-radius:999px;position:absolute}.dv-ambient-orbit:before,.dv-ambient-orbit:after{content:"";background:var(--signal);width:7px;height:7px;box-shadow:0 0 24px var(--signal);border-radius:999px;position:absolute}.dv-ambient-orbit:before{top:8%;left:14%}.dv-ambient-orbit:after{bottom:10%;right:16%}.dv-orbit-a{aspect-ratio:1.9;width:min(78vw,860px);animation:18s ease-in-out infinite alternate dv-orbit-a;top:9vh;left:-16vw;transform:rotate(-15deg)}.dv-orbit-b{aspect-ratio:1.25;border-color:color-mix(in oklch, var(--future) 40%, transparent);width:min(58vw,720px);animation:22s ease-in-out infinite alternate dv-orbit-b;top:27vh;right:-17vw}.dv-orbit-c{aspect-ratio:2.2;border-color:color-mix(in oklch, var(--cta) 34%, transparent);width:min(44vw,560px);animation:25s ease-in-out infinite alternate dv-orbit-c;bottom:5vh;left:31vw}.dv-ambient-pulse{background:radial-gradient(circle, var(--dv-glow-a), transparent 68%);filter:blur(14px);border-radius:50%;width:320px;height:320px;animation:8s ease-in-out infinite dv-pulse-node;position:absolute;top:16%;left:47%}@keyframes dv-grid-drift{to{background-position:42px 42px,42px 42px}}@keyframes dv-orbit-a{0%{opacity:.38;transform:rotate(-15deg)translate(0)}to{opacity:.72;transform:rotate(-8deg)translate(8vw,2vh)}}@keyframes dv-orbit-b{0%{opacity:.3;transform:rotate(18deg)translate(0)}to{opacity:.64;transform:rotate(4deg)translate(-7vw,-3vh)}}@keyframes dv-orbit-c{0%{opacity:.24;transform:rotate(-4deg)scale(.92)}to{opacity:.52;transform:rotate(8deg)scale(1.08)}}@keyframes dv-pulse-node{0%,to{opacity:.18;transform:scale(.72)}50%{opacity:.52;transform:scale(1.22)}}.dv-content-layer{z-index:10;position:relative}.dv-hud{border-color:color-mix(in oklch, var(--signal) 30%, var(--hairline));background:linear-gradient(135deg, color-mix(in oklch, var(--panel) 92%, transparent), color-mix(in oklch, var(--well) 90%, transparent));box-shadow:0 20px 60px oklch(0% 0 0/.32), inset 0 1px 0 color-mix(in oklch, var(--signal) 18%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dv-theme-console{border:1px solid var(--hairline);background:color-mix(in oklch, var(--well) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem;display:inline-flex}.dv-theme-dot{border:1px solid oklch(100% 5.96046e-8 none/.28);border-color:oklch(100% 5.96046e-8 none/.28) oklch(100% 5.96046e-8 none/.28) oklch(100% 5.96046e-8 none/.28) oklch(100% 5.96046e-8 none/.28);border-radius:999px;width:1.5rem;height:1.5rem;transition:transform .16s,box-shadow .16s;box-shadow:inset 0 0 0 2px oklch(0% 0 0/.18)}.dv-theme-dot[aria-pressed=true]{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--signal), 0 0 22px var(--dv-glow-a);transform:scale(1.13)}.dv-theme-dot:hover{transform:scale(1.08)}.dv-guide-step{border:1px solid color-mix(in oklch, var(--signal) 22%, var(--hairline));background:linear-gradient(135deg, color-mix(in oklch, var(--well) 94%, transparent), color-mix(in oklch, var(--panel-raised) 72%, transparent));border-radius:1rem;min-width:0;padding:.85rem;position:relative}.dv-guide-number{background:var(--signal);width:1.85rem;height:1.85rem;color:var(--signal-foreground);font-family:var(--font-mono);box-shadow:0 0 24px var(--dv-glow-a);border-radius:999px;place-items:center;font-size:.72rem;font-weight:900;display:grid}.dv-mobile-dock{display:none}@media (width<=767px){.dv-desktop-nav{display:none!important}.dv-shell{padding-block:.9rem;padding-inline:.78rem}.dv-card{border-radius:.9rem;box-shadow:0 14px 38px oklch(0% 0 0/.28)}.dv-btn,.dv-tab{min-height:44px}.dv-mobile-dock{left:max(.65rem, env(safe-area-inset-left));right:max(.65rem, env(safe-area-inset-right));bottom:max(.65rem, env(safe-area-inset-bottom));z-index:60;border:1px solid color-mix(in oklch, var(--signal) 32%, var(--hairline));background:color-mix(in oklch, var(--well) 92%, transparent);box-shadow:0 18px 56px oklch(0% 0 0/.44), 0 0 32px var(--dv-glow-a);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:1.1rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.42rem;display:grid;position:fixed}.dv-mobile-dock a{text-align:center;min-width:0;color:var(--muted-foreground);border-radius:.78rem;padding:.62rem .2rem;font-size:.68rem;font-weight:850;line-height:1.1}.dv-mobile-dock a:hover,.dv-mobile-dock a:focus-visible{background:color-mix(in oklch, var(--signal) 14%, transparent);color:var(--signal)}.dv-mobile-bottom-space{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.dv-ambient-grid{opacity:.6;background-size:34px 34px}.dv-orbit-a{width:115vw;top:13vh;left:-54vw}.dv-orbit-b{width:92vw;top:40vh;right:-49vw}.dv-orbit-c{width:92vw;bottom:7vh;left:14vw}.dv-ambient-pulse{width:210px;height:210px;top:22%;left:42%}.dv-mobile-guide-grid{grid-template-columns:1fr;gap:.55rem;display:grid}}@media (width>=768px){.dv-mobile-only{display:none!important}}@media (prefers-reduced-motion:reduce){.dv-ambient-grid,.dv-ambient-orbit,.dv-ambient-pulse{animation:none!important}}
