:root{--bg:#07080f;--bg-2:#0d1020;--surface:#161a2eb8;--surface-solid:#141830;--border:#8c96dc29;--border-strong:#8c96dc57;--grid:#8c96dc0f;--glass:#12152ab8;--glass-edge:#bec8ff38;--glass-dim:#04050c73;--text:#eceefb;--muted:#949bc0;--accent:#8b6cff;--accent-2:#2ee6d6;--hot:#ff4d9d;--warm:#ffb547;--code-bg:#0a0c18;--shadow:0 20px 50px -20px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius:18px;--icon:16px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace}:root[data-theme=light]{--bg:#f3f4fc;--bg-2:#e8eafa;--surface:#ffffffc7;--surface-solid:#fff;--border:#28327821;--border-strong:#2832784d;--grid:#2832780e;--glass:#ffffffb3;--glass-edge:#ffffffd9;--glass-dim:#1e224647;--text:#14172b;--muted:#5a6188;--accent:#6a45f5;--accent-2:#0aa99c;--hot:#e0257a;--warm:#c97a00;--code-bg:#12142a;--shadow:0 20px 50px -24px #28327859;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.stage-wrap[data-theme=dark],.stage[data-theme=dark]{--bg:#07080f;--bg-2:#0d1020;--surface:#161a2eb8;--surface-solid:#141830;--border:#8c96dc29;--border-strong:#8c96dc57;--grid:#8c96dc0f;--glass:#12152ab8;--glass-edge:#bec8ff38;--glass-dim:#04050c73;--text:#eceefb;--muted:#949bc0;--accent:#8b6cff;--accent-2:#2ee6d6;--hot:#ff4d9d;--warm:#ffb547;--code-bg:#0a0c18;--shadow:0 20px 50px -20px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.stage-wrap[data-theme=light],.stage[data-theme=light]{--bg:#f3f4fc;--bg-2:#e8eafa;--surface:#ffffffc7;--surface-solid:#fff;--border:#28327821;--border-strong:#2832784d;--grid:#2832780e;--glass:#ffffffb3;--glass-edge:#ffffffd9;--glass-dim:#1e224647;--text:#14172b;--muted:#5a6188;--accent:#6a45f5;--accent-2:#0aa99c;--hot:#e0257a;--warm:#c97a00;--code-bg:#12142a;--shadow:0 20px 50px -24px #28327859;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}html:has(.viewer[open]){overflow:hidden}html:has(:fullscreen){scrollbar-gutter:auto;overflow:hidden}body{min-height:100vh;font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:15px;line-height:1.55;overflow-x:clip}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.btn small{font-variant-numeric:tabular-nums;opacity:.7;font-size:.85em;font-weight:600}.aurora{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at top, var(--bg-2), var(--bg) 60%);position:fixed;inset:0;overflow:hidden}.aurora:before{content:"";background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0/48px 48px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0/48px 48px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000,#0009);mask:linear-gradient(#000,#0009)}.aurora i{aspect-ratio:1;opacity:.3;border-radius:50%;width:46vmax;animation:26s ease-in-out infinite alternate aurora-drift;position:absolute}.aurora i:first-child{background:radial-gradient(circle, var(--accent), transparent 65%);top:-18vmax;left:-10vmax}.aurora i:nth-child(2){background:radial-gradient(circle, var(--accent-2), transparent 65%);animation-delay:-9s;top:10vmax;right:-18vmax}.aurora i:nth-child(3){background:radial-gradient(circle, var(--hot), transparent 65%);animation-delay:-17s;bottom:-24vmax;left:30vw}@keyframes aurora-drift{to{transform:translate(6vmax,4vmax)scale(1.15)}}.icon{width:var(--icon);height:var(--icon);vertical-align:-.2em;pointer-events:none;flex:none}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:inline-flex}.btn:hover{border-color:var(--accent);box-shadow:0 8px 20px -10px var(--accent)}.btn:active{box-shadow:none}.btn--kofi{border-color:color-mix(in srgb, var(--warm) 60%, transparent);color:var(--warm)}.btn--kofi:hover{border-color:var(--warm);box-shadow:0 8px 20px -10px var(--warm)}.btn--icon{justify-content:center;width:36px;height:36px;padding:0}.btn--accent{background:linear-gradient(120deg, var(--accent), var(--hot));color:#fff;border-color:#0000}.link{color:var(--accent-2);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 10px;font-size:11px;font-weight:700}.badge--css{color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent-2) 45%, transparent)}.badge--js{color:var(--warm);background:color-mix(in srgb, var(--warm) 14%, transparent);border:1px solid color-mix(in srgb, var(--warm) 45%, transparent)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1320px;margin:0 auto;padding:18px 20px;display:flex}.topbar__brand{color:var(--text);letter-spacing:-.01em;perspective:160px;align-items:center;gap:14px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.topbar__actions{flex-wrap:wrap;gap:8px;display:flex}.logo-cube{--s:20px;width:var(--s);height:var(--s);transform-style:preserve-3d;margin:4px;animation:8s linear infinite spin-tilted;position:relative}.logo-cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.logo-cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.logo-cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.logo-cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.logo-cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.logo-cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.logo-cube i{background:linear-gradient(#9d83ff,#6a45f5);border:1px solid #07080f8c;position:absolute;inset:0}.logo-cube i:nth-child(2n){background:linear-gradient(#ff6fb0,#e0257a)}.logo-cube i:nth-child(5),.logo-cube i:nth-child(6){background:linear-gradient(135deg,#7ff5ea,#2ee6d6)}@keyframes spin-tilted{0%{transform:rotateX(-28deg)rotateY(0)}to{transform:rotateX(-28deg)rotateY(360deg)}}.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:32px;max-width:1320px;margin:0 auto;padding:36px 20px 48px;display:grid}.hero__eyebrow{border:1px solid var(--border-strong);color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.035em;font-size:clamp(34px,5.4vw,64px);font-weight:900;line-height:1.04}.hero h1 span{background:linear-gradient(100deg, var(--accent), var(--hot) 55%, var(--warm));color:#0000;-webkit-background-clip:text;background-clip:text}.hero__lead{max-width:58ch;color:var(--muted);margin-top:18px;font-size:17px}.hero__lead b{color:var(--text)}.hero__stats{gap:12px;margin:28px 0 0;display:flex}.hero__stats div{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:104px;padding:12px 16px}.hero__stats dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.hero__stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:30px;font-weight:800;line-height:1.1}.hero__art{perspective:900px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;min-height:300px;display:grid;position:relative}.hero__art.is-held{cursor:grabbing}.hero__art:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--accent-2), transparent 65%);filter:blur(30px);opacity:.5;border-radius:50%;width:45%;animation:3s ease-in-out infinite alternate hero-pulse;position:absolute}.hero__zoom{transform-style:preserve-3d;transform:scale(var(--z,1));pointer-events:none;transition:transform .12s ease-out}.hero__zoom.is-springing{transition:transform .7s cubic-bezier(.34,1.56,.64,1)}.hero__turn{transform-style:preserve-3d}.hero__turn.is-returning{transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.hero__art.is-held .hero__cube{animation-play-state:paused}.hero__hint{color:var(--muted);text-align:center;pointer-events:none;margin:0;font-size:12px;font-weight:600;transition:opacity .6s;position:absolute;bottom:4px;left:0;right:0}.hero__art.was-played .hero__hint{opacity:0}.hero__cube{--s:clamp(120px, 16vw, 190px);width:var(--s);height:var(--s);transform-style:preserve-3d;animation:18s linear infinite hero-tumble;position:relative}.hero__cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.hero__cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.hero__cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.hero__cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.hero__cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.hero__cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.hero__cube i{background:color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent);background-image:linear-gradient(var(--border-strong) 1px, transparent 1px), linear-gradient(90deg, var(--border-strong) 1px, transparent 1px);background-size:25% 25%;border-radius:10px;position:absolute;inset:0}.hero__cube i:nth-child(2n){background:color-mix(in srgb, var(--hot) 16%, transparent);border:1px solid color-mix(in srgb, var(--hot) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--hot) 30%, transparent)}@keyframes hero-tumble{0%{transform:rotateX(-20deg)rotateY(0)rotate(8deg)}to{transform:rotateX(340deg)rotateY(720deg)rotate(8deg)}}@keyframes hero-pulse{to{opacity:.6;transform:scale(1.5)}}.filters{z-index:5;max-width:1320px;margin:0 auto;padding:14px 20px 10px;position:sticky;top:0}.filters:before{content:"";z-index:-1;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);box-shadow:var(--shadow);position:absolute;inset:0 8px}.filters__row{flex-wrap:wrap;gap:10px;display:flex}.filters__controls{flex:0 auto;gap:10px;min-width:0;display:flex}.scrollrow{margin-top:8px;position:relative}.scrollrow[hidden]{display:none}.scrollrow__track{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.scrollrow__track::-webkit-scrollbar{display:none}.can-next .scrollrow__track{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.can-prev .scrollrow__track{-webkit-mask:linear-gradient(90deg,#0000,#000 48px);mask:linear-gradient(90deg,#0000,#000 48px)}.can-prev.can-next .scrollrow__track{-webkit-mask:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.scrollrow__arrow{z-index:1;border:1px solid var(--border-strong);background:var(--surface-solid);width:30px;height:30px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:50%;translate:0 -50%}.scrollrow__arrow:hover{border-color:var(--accent)}.scrollrow__arrow--prev{left:-2px}.scrollrow__arrow--next{right:-2px}@media (hover:hover){.can-prev .scrollrow__arrow--prev,.can-next .scrollrow__arrow--next{display:grid}}.tagbtn{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 60%, transparent);color:var(--text);cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;transition:border-color .2s;display:inline-flex}.tagbtn b{background:var(--accent-2);min-width:20px;height:20px;color:var(--bg);border-radius:999px;place-items:center;padding:0 5px;font-size:11.5px;display:grid}.tagbtn:hover,.tagbtn[aria-expanded=true]{border-color:var(--accent-2)}.search{flex:260px;position:relative}.search__icon{color:var(--muted);pointer-events:none;display:grid;position:absolute;top:50%;left:14px;translate:0 -50%}.search__clear{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:8px;translate:0 -50%}.search__clear:hover{background:var(--border);color:var(--text)}.search input{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 60%, transparent);border-radius:12px;width:100%;padding:10px 44px 10px 40px;font-size:16px}.search input::placeholder{color:var(--muted)}.search kbd{border:1px solid var(--border-strong);color:var(--muted);font-family:var(--mono);pointer-events:none;border-radius:6px;padding:1px 8px;font-size:12px;position:absolute;top:50%;right:12px;translate:0 -50%}.search input::-webkit-search-cancel-button{appearance:none}.search input:focus+kbd,.search input:not(:placeholder-shown)+kbd{display:none}.tabs{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 60%, transparent);border-radius:12px;padding:3px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.tab b{font-variant-numeric:tabular-nums;opacity:.7;margin-left:4px}.tab[aria-pressed=true]{background:linear-gradient(120deg, var(--accent), var(--hot));color:#fff}.groups,.chips{gap:6px;width:max-content;padding:3px 2px;display:flex}.group{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:5px 12px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}.group b{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:2px}.group:hover:not(:disabled){border-color:var(--accent)}.group[aria-pressed=true]{background:linear-gradient(120deg, var(--accent), var(--hot));color:#fff;border-color:#0000}.group[aria-pressed=true] b{color:inherit;opacity:.8}.group:disabled{opacity:.35;cursor:not-allowed}.group--clear{color:var(--muted);--icon:13px;border-style:dashed;align-items:center;gap:4px;display:inline-flex}.group--clear:hover{color:var(--text)}.chip{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:3px 10px;font-size:12px;transition:color .2s,border-color .2s}.chip b{font-variant-numeric:tabular-nums;opacity:.65}.chip:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.chip[aria-pressed=true]{color:var(--bg);background:var(--accent-2);border-color:var(--accent-2)}.chip:disabled{opacity:.35;cursor:not-allowed}.stage[data-theme]{--stage-base:var(--bg);color:var(--text)}.card[data-dots="1"]{--cdot-r:.9px;--cdot-gap:12px}.card[data-dots="3"]{--cdot-r:1.3px;--cdot-gap:22px}.card[data-dots="0"] .stage{background:radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), var(--stage-base)}.card__how{z-index:2;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 72%, transparent);height:32px;color:var(--text);pointer-events:none;--icon:15px;border-radius:9px;align-items:center;gap:6px;padding:0 11px 0 9px;font-size:12px;font-weight:700;transition:opacity .2s;display:inline-flex;position:absolute;top:8px;left:8px}.card__how .icon{color:var(--accent-2)}.card.has-bar .card__how{opacity:0}.on-touch{display:none}@media (hover:none){.on-mouse{display:none}.on-touch{display:inline}}.card__menu{z-index:3;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 72%, transparent);width:32px;height:32px;color:var(--text);cursor:pointer;opacity:0;border-radius:9px;place-items:center;padding:0;transition:opacity .2s,border-color .2s;display:grid;position:absolute;top:8px;right:8px}.card:hover .card__menu,.card:focus-within .card__menu,.card[data-customised] .card__menu,.card__menu[aria-expanded=true]{opacity:.85}.card__menu:hover,.card__menu:focus-visible,.card__menu[aria-expanded=true]{border-color:var(--accent-2);opacity:1}.card[data-customised] .card__menu{color:var(--accent-2)}@media (hover:none){.card__menu{opacity:.7}}.cardbar{z-index:3;gap:6px;animation:.18s ease-out cardbar-in;display:flex;position:absolute;top:8px;right:46px}.cardbar__seg{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 72%, transparent);border-radius:9px;gap:2px;padding:2px;display:flex}.cardbar__seg button{min-width:32px;height:26px;color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 6px;font-size:11.5px;font-weight:700}.cardbar__seg button:hover{color:var(--text)}.cardbar__seg button[aria-pressed=true]{background:linear-gradient(120deg, var(--accent), var(--hot));color:#fff}.cardbar__mode{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 72%, transparent);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:9px;place-items:center;padding:0;display:grid}.cardbar__mode:hover{border-color:var(--accent-2)}@keyframes cardbar-in{0%{opacity:0;transform:translate(8px)}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:20px;max-width:1320px;margin:0 auto;padding:24px 20px 40px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);animation:.6s cubic-bezier(.2,.8,.2,1) backwards card-in;animation-delay:calc(var(--n) * 45ms);flex-direction:column;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.card[data-cat=css]{--glow:var(--accent-2)}.card[data-cat=js]{--glow:var(--warm)}.card:hover,.card:focus-within{border-color:color-mix(in srgb, var(--glow) 60%, transparent);box-shadow:var(--shadow), 0 0 0 1px color-mix(in srgb, var(--glow) 25%, transparent), 0 24px 60px -30px var(--glow)}.card__group{color:var(--glow);letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:700}.card__body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.card__body header{justify-content:space-between;align-items:center;gap:10px;display:flex}.card__body h2{letter-spacing:-.01em;font-size:17px;font-weight:750}.card__body h2 a{color:inherit;text-decoration:none}.card__body h2 a:hover{color:var(--glow)}.card__body p{color:var(--muted);flex:1;font-size:13.5px}.card__body footer{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:6px;display:flex}.card__tags{color:var(--muted);font-family:var(--mono);flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;font-size:11.5px;list-style:none;display:flex}@keyframes card-in{0%{opacity:0;transform:perspective(900px)rotateX(14deg)translateY(30px)}}:root{--dot-r:1.1px;--dot-gap:17px;--cdot-r:1.1px;--cdot-gap:17px}:root[data-dotsize="1"]{--dot-r:.9px;--dot-gap:12px}:root[data-dotsize="3"]{--dot-r:1.3px;--dot-gap:22px}:root[data-dotsize="0"] .stage--lg:before{display:none}.stage{--stage-base:color-mix(in srgb, var(--bg) 70%, transparent);perspective:800px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), radial-gradient(var(--border-strong) var(--cdot-r), transparent calc(var(--cdot-r) + .8px)) 0 0/var(--cdot-gap) var(--cdot-gap), var(--stage-base);place-items:center;height:260px;display:grid;position:relative;overflow:hidden}.stage--lg{border:1px solid var(--border);background:radial-gradient(ellipse 60% 55% at 50% 45%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%), radial-gradient(ellipse at 50% 50%, transparent 55%, #00000059 100%), var(--bg);border-radius:14px;height:380px}.stage--lg:before{content:"";background:radial-gradient(var(--border-strong) var(--dot-r), transparent calc(var(--dot-r) + .8px)) 0 0/var(--dot-gap) var(--dot-gap);pointer-events:none;position:absolute;inset:0;-webkit-mask:radial-gradient(75% 70%,#000 25%,#0000 90%);mask:radial-gradient(75% 70%,#000 25%,#0000 90%)}.stage--lg:after{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--accent-2) 26%, transparent), transparent 70%);filter:blur(8px);pointer-events:none;border-radius:50%;width:46%;height:12%;position:absolute;bottom:9%;left:50%;translate:-50%}.stage--lg>.scene,.stage--lg>.live-frame{z-index:1}.stage--lg .scene:not(.scene--fill){scale:1.45}.scene{transform-style:preserve-3d;pointer-events:none;place-items:center;display:grid}.scene>*{pointer-events:auto}.scene--fill{position:absolute;inset:0}:root[data-paused] :is(.stage,.hero__art,.logo-cube,.aurora),:root[data-paused] :is(.stage,.hero__art,.logo-cube,.aurora) *,:root[data-paused] :is(.stage,.hero__art,.logo-cube,.aurora) :before,:root[data-paused] :is(.stage,.hero__art,.logo-cube,.aurora) :after,.card.is-offscreen .stage,.card.is-offscreen .stage *,.card.is-offscreen .stage :before,.card.is-offscreen .stage :after{animation-play-state:paused!important}body:has(.viewer[open]) :is(.grid .stage,.hero__art,.logo-cube,.aurora){animation-play-state:paused!important}body:has(.viewer[open]) :is(.grid .stage,.hero__art,.logo-cube,.aurora) *{animation-play-state:paused!important}body:has(.viewer[open]) :is(.grid .stage,.hero__art,.logo-cube,.aurora) :before{animation-play-state:paused!important}body:has(.viewer[open]) :is(.grid .stage,.hero__art,.logo-cube,.aurora) :after{animation-play-state:paused!important}.more{place-items:center;padding:0 20px 40px;display:grid}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty p{margin-bottom:14px;font-size:17px}.footer{color:var(--muted);text-align:center;padding:30px 20px 50px;font-size:13px}.footer p+p{margin-top:6px}.footer a{color:var(--accent-2)}.viewer{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(1.6);backdrop-filter:blur(26px)saturate(1.6);width:min(1180px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);box-shadow:0 40px 120px -20px #000c, inset 0 1px 0 var(--glass-edge);border-radius:22px;padding:26px;overflow:hidden auto}.viewer::backdrop{background:var(--glass-dim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.viewer{background:var(--surface-solid)}}.viewer[open]{animation:.45s cubic-bezier(.2,.8,.2,1) viewer-in}.viewer__close{z-index:2;float:right;position:sticky;top:0}.viewer__head{margin-bottom:22px}.viewer__head h2{letter-spacing:-.02em;margin:12px 0 6px;font-size:clamp(26px,3.4vw,36px);font-weight:850}.viewer__head p{max-width:70ch;color:var(--muted)}.viewer__cols{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px;display:grid}.viewer h3{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:22px 0 10px;font-size:12px;font-weight:700}@keyframes viewer-in{0%{opacity:0;transform:perspective(1200px)rotateX(-10deg)translateY(40px)scale(.96)}}.steps{counter-reset:step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;padding:2px 0 0 42px;font-size:14px;line-height:1.6;position:relative}.steps li:before{content:counter(step);z-index:1;background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid;position:absolute;top:0;left:0}.steps li:not(:last-child):after{content:"";background:linear-gradient(var(--hot), transparent);opacity:.45;width:2px;position:absolute;top:28px;bottom:-14px;left:13px}.steps code{background:color-mix(in srgb, var(--accent) 16%, transparent);font-family:var(--mono);border-radius:5px;padding:1px 6px;font-size:12.5px}.ingredients{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ingredients code{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--accent) 8%, transparent);font-family:var(--mono);border-radius:999px;padding:5px 11px;font-size:12px;display:block}.codebox{--cb-bg:var(--code-bg);--cb-fg:#d8dcf5;--cb-strong:#fff;--cb-dim:#949bc0;--cb-faint:#6f7699;--cb-soft:#ffffff0a;--cb-soft-2:#ffffff1a;--cb-line:#ffffff24;--cb-line-strong:#ffffff40;--cb-well:#00000059;--t-com:#6b7399;--t-kw:#ff7ab8;--t-prop:#7fdcff;--t-var:#ffc46b;--t-num:#b79cff;--t-str:#8ff0b0}.codebox[data-mode=light]{--cb-bg:#fff;--cb-fg:#1f2440;--cb-strong:#0d1024;--cb-dim:#5a6188;--cb-faint:#8a90b0;--cb-soft:#14173c09;--cb-soft-2:#14173c14;--cb-line:#14173c24;--cb-line-strong:#14173c4d;--cb-well:#14173c0f;--t-com:#8088a8;--t-kw:#c2185b;--t-prop:#0b6aa8;--t-var:#a45a00;--t-num:#6a3fd6;--t-str:#1f7a3d}.codebox[data-tint=rose]{--cb-bg:#200c15}.codebox[data-tint=amber]{--cb-bg:#1e1606}.codebox[data-tint=green]{--cb-bg:#07190f}.codebox[data-mode=light][data-tint=rose]{--cb-bg:#fff0f4}.codebox[data-mode=light][data-tint=amber]{--cb-bg:#fff8e5}.codebox[data-mode=light][data-tint=green]{--cb-bg:#edfaf1}.codebox{border:1px solid var(--border-strong);background:var(--cb-bg);border-radius:14px;min-width:0;transition:background .25s;overflow:hidden;box-shadow:0 18px 40px -24px #000c}.codebox__bar{border-bottom:1px solid var(--border);background:var(--cb-soft);align-items:center;gap:10px;min-height:46px;padding:0 8px;display:flex}.codebox__look{border:1px solid var(--cb-line);background:var(--cb-well);border-radius:10px;flex:none;align-items:center;gap:8px;padding:3px 3px 3px 10px;display:flex}.codebox__dots{flex:none;gap:7px;display:flex}.codebox__dots button{cursor:pointer;border:0;border-radius:50%;width:12px;height:12px;padding:0;transition:transform .15s,box-shadow .15s}.codebox__dots button:hover{transform:scale(1.25)}.codebox__dots button[aria-pressed=true]{box-shadow:0 0 0 2px var(--cb-bg), 0 0 0 3.5px currentColor}.codebox__dots button[data-tint-set=default]{color:var(--cb-dim);background:linear-gradient(135deg,#2a2f52 50%,#e8eaf6 50%)}.codebox__dots button[data-tint-set=rose]{color:#ff5f57;background:#ff5f57}.codebox__dots button[data-tint-set=amber]{color:#febc2e;background:#febc2e}.codebox__dots button[data-tint-set=green]{color:#28c840;background:#28c840}.codebox__label span{color:var(--cb-faint);letter-spacing:0;text-transform:none;margin-left:8px;font-weight:500}.codebox__label{color:var(--cb-fg);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;flex:1;font-size:12px;font-weight:700}.codebox button:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px}.codebox__tabs{scrollbar-width:none;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 0;display:flex;overflow-x:auto}.codebox__tabs button{color:var(--cb-dim);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.codebox__tabs button:hover{color:var(--cb-strong)}.codebox__seg{border:1px solid var(--cb-line);background:var(--cb-well);border-radius:10px;flex:none;gap:2px;padding:3px;display:flex}.codebox__seg button{font-family:var(--mono);letter-spacing:.04em;border-radius:7px;padding:4px 12px}.codebox__seg button[aria-selected=true]{background:linear-gradient(120deg, var(--accent), var(--hot));color:#fff;box-shadow:0 2px 8px -2px var(--accent)}.codebox__tab--run{border-color:color-mix(in srgb, var(--accent-2) 45%, transparent)!important;color:var(--accent-2)!important}.codebox__tab--run[aria-selected=true]{background:var(--accent-2);color:#06231f!important}.codebox__tab--source{font-weight:600!important}.codebox__tab--source[aria-selected=true]{border-color:var(--cb-line-strong);background:var(--cb-soft-2);color:var(--cb-strong)}.codebox__foot{border-top:1px solid var(--border);background:var(--cb-soft);color:var(--cb-dim);justify-content:space-between;align-items:center;gap:12px;padding:7px 14px;font-size:12px;display:flex}.codebox__lines{font-family:var(--mono);flex:none;font-size:11.5px}.codebox__mode{background:var(--cb-soft-2);width:28px;height:28px;color:var(--cb-fg);cursor:pointer;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.codebox__mode:hover{border-color:var(--accent-2)}.codebox__copy{border:1px solid var(--cb-line);background:var(--cb-soft);color:var(--cb-fg);white-space:nowrap;cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.codebox__copy:hover{border-color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 18%, transparent)}.codebox pre{color:var(--cb-fg);font-family:var(--mono);tab-size:2;scrollbar-width:thin;scrollbar-color:var(--cb-line) transparent;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.7;overflow:auto}.code{flex-direction:column;min-width:0;display:flex}.code .codebox{flex-direction:column;flex:1;min-height:420px;display:flex}.code__panel{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1 1 0;min-height:0;overflow:auto}.code__panel pre{min-height:100%;overflow:visible}.code__panel iframe{border:0;width:100%;height:100%;display:block}.code__actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.code__thanks{border:1px solid color-mix(in srgb, var(--warm) 40%, transparent);background:color-mix(in srgb, var(--warm) 8%, transparent);border-radius:12px;margin-top:12px;padding:10px 14px;font-size:13px}.code__thanks a{color:var(--warm);font-weight:700}.editor{min-width:0;font-family:var(--mono);tab-size:2;font-size:12.5px;line-height:1.7;display:grid}.editor>pre,.editor>textarea{min-height:0;font:inherit;line-height:inherit;tab-size:inherit;letter-spacing:normal;white-space:pre;border:0;grid-area:1/1;margin:0;padding:16px 18px;overflow:visible}.editor>pre{height:auto;max-height:none;color:var(--cb-fg);pointer-events:none}.editor>textarea{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--cb-strong);background:0 0;overflow:hidden}.editor>textarea:focus-visible{outline:none}.editor>textarea::selection{background:color-mix(in srgb, var(--accent) 45%, transparent);color:#0000}.codebox:focus-within{border-color:color-mix(in srgb, var(--accent-2) 60%, transparent)}.stage-wrap{color:var(--text);position:relative}.stage-wrap .live-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:0;width:100%;height:100%;position:absolute;inset:0}.stage-wrap:fullscreen{background:var(--bg)}.stage-wrap:fullscreen .stage{border:0;border-radius:0;height:100vh}.stage-wrap:fullscreen .stage:before{background:radial-gradient(var(--border-strong) calc(var(--dot-r) * 1.5), transparent calc(var(--dot-r) * 1.5 + 1px)) 0 0/calc(var(--dot-gap) * 1.6) calc(var(--dot-gap) * 1.6)}.stage-wrap:fullscreen .scene:not(.scene--fill){scale:2.8}.stage-wrap:fullscreen .scene--fill{zoom:2.2}@media (height>=900px) and (width>=1400px){.stage-wrap:fullscreen .scene:not(.scene--fill){scale:4}.stage-wrap:fullscreen .scene--fill{zoom:3}}.stage__zoom{z-index:3;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 70%, transparent);opacity:.65;border-radius:10px;gap:2px;padding:3px;transition:opacity .2s;display:flex;position:absolute;top:10px;right:94px}.stage__zoom:hover,.stage__zoom:focus-within{opacity:1}.stage__zoom button{min-width:34px;color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 6px;font-size:11.5px;font-weight:700}.stage__zoom button[aria-pressed=true]{background:linear-gradient(120deg, var(--accent), var(--hot));color:#fff}.stage__fs,.stage__mode{z-index:3;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 70%, transparent);width:34px;height:34px;color:var(--text);cursor:pointer;opacity:.65;border-radius:10px;place-items:center;padding:0;transition:opacity .2s,border-color .2s;display:grid;position:absolute;top:10px;right:10px}.stage__fs:hover,.stage__fs:focus-visible,.stage__mode:hover,.stage__mode:focus-visible{border-color:var(--accent-2);opacity:1}.stage__mode{right:52px}.stage__edited{z-index:3;border:1px solid color-mix(in srgb, var(--warm) 50%, transparent);background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--warm);border-radius:999px;align-items:center;gap:10px;padding:5px 12px;font-size:12.5px;font-weight:600;display:flex;position:absolute;bottom:10px;left:10px}.sharemenu{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(1.6);backdrop-filter:blur(26px)saturate(1.6);width:min(460px,100vw - 24px);color:var(--text);border-radius:20px;padding:20px;box-shadow:0 40px 100px -20px #000c}.sharemenu::backdrop{background:var(--glass-dim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sharemenu[open]{animation:.35s cubic-bezier(.2,.8,.2,1) viewer-in}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sharemenu{background:var(--surface-solid)}}.sharemenu__head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sharemenu__head h2{font-size:18px;font-weight:800}.sharemenu__link{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px;display:flex}.sharemenu__link img{border-radius:8px;flex:none;width:96px;height:auto}.sharemenu__link div{flex:140px;min-width:0;font-size:14px;display:grid}.sharemenu__link span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sharemenu__targets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.sharemenu__targets a{color:var(--text);border-radius:12px;justify-items:center;gap:7px;padding:12px 4px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .15s;display:grid}.sharemenu__targets a:hover{background:var(--border)}.sharemenu__icon{background:var(--c);color:#fff;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.sharemenu__icon svg{width:22px;height:22px}.sharemenu__icon b{letter-spacing:-.03em;font-size:19px;font-weight:800}.sharemenu__more{justify-content:center;width:100%;margin-top:10px}.code-hint{border:1px dashed var(--cb-line);background:var(--cb-soft);color:var(--cb-dim);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:6px 18px 18px;padding:14px 16px;font-size:13px;display:flex}.code-hint p{flex:220px}.code-hint__go{background:linear-gradient(120deg, var(--accent), var(--hot));color:#fff;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}:is(.code__panel .editor:has(+.code-hint),.page-pane .editor:has(+.code-hint)){flex:none;min-height:0}.viewer__meta{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.viewer__meta .card__group{text-decoration:none}.viewer__tags{color:var(--muted);font-family:var(--mono);font-size:12px}.t-com{color:var(--t-com,#6b7399);font-style:italic}.t-kw,.t-tag{color:var(--t-kw,#ff7ab8)}.t-prop,.t-attr{color:var(--t-prop,#7fdcff)}.t-var{color:var(--t-var,#ffc46b)}.t-num{color:var(--t-num,#b79cff)}.t-str{color:var(--t-str,#8ff0b0)}@media (width<=860px){.hero{grid-template-columns:minmax(0,1fr);padding-top:12px}.hero__art{order:-1;min-height:220px}.filters{position:relative}.viewer{padding:18px}.viewer__cols{grid-template-columns:minmax(0,1fr)}.stage--lg{height:300px}}@media (width<=600px){.topbar{flex-wrap:nowrap;padding:12px 16px}.topbar__brand{white-space:nowrap;gap:10px;min-width:0;font-size:15px}.topbar__actions{flex-wrap:nowrap;flex:none;gap:6px}.topbar .btn{padding:9px 11px}.topbar a[href*=github\.com],.topbar #pause .btn__label,.topbar #theme .btn__label,.topbar .btn--kofi .btn__label{display:none}.hero{padding:8px 16px 28px}.hero h1{font-size:clamp(27px,9vw,34px)}.hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hero__stats div{min-width:0;padding:10px 12px}.hero__stats dt{white-space:nowrap;font-size:10px}.hero__stats dd{font-size:26px}.filters{padding:12px 18px 10px}.filters:before{inset:0 6px}.filters__controls{display:contents}.search{flex:1 1 0;min-width:0}.tabs{flex:100%;order:3;min-width:0}.tab{white-space:nowrap;flex:1;padding:7px 4px}.tagbtn{padding:0 12px}.tagbtn .btn__label{display:none}.grid,.page-main{padding-inline:16px}.codebox__bar{flex-wrap:wrap;gap:6px 8px;padding:6px 8px}.codebox__tabs{flex:100%;padding:0}.codebox__look{margin-right:auto}.codebox__foot{align-items:flex-start}.viewer{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:16px}.viewer__head h2{padding-right:44px}.stage--lg{height:280px}.stage--lg .scene:not(.scene--fill){scale:1.2}.stage__zoom button{min-width:30px}.code .codebox{min-height:360px}.sharemenu__targets{grid-template-columns:repeat(4,minmax(0,1fr))}}.page-main{max-width:1320px;margin:0 auto;padding:8px 20px 40px}.page-main h2{letter-spacing:-.01em;margin:28px 0 12px;font-size:20px;font-weight:800}.crumbs{color:var(--muted);font-size:13px}.crumbs a{color:var(--accent-2);text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs span{margin:0 4px}.page-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 40px;margin:18px 0 26px;display:grid}.page-head h1{letter-spacing:-.035em;margin:14px 0 0;font-size:clamp(34px,5vw,60px);font-weight:900;line-height:1.02}.page-head h1 small{background:linear-gradient(100deg, var(--accent), var(--hot) 60%, var(--warm));color:#0000;letter-spacing:-.01em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin-left:.25em;font-size:.5em;font-weight:800}.page-head__lead{max-width:68ch;color:var(--muted);margin-top:12px;font-size:17px}.page-facts{color:var(--muted);flex-wrap:wrap;gap:6px 8px;margin:16px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.page-facts li{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 11px}.page-facts b{color:var(--text);font-variant-numeric:tabular-nums}.page-tools{justify-items:end;gap:8px;display:grid}.page-tools__row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=860px){.page-head{grid-template-columns:minmax(0,1fr)}.page-tools{justify-items:start}.page-tools__row{justify-content:flex-start}}.page-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;display:grid}.page-note,.page-noscript{color:var(--muted);font-size:13.5px}.page-noscript{text-align:center;padding:20px}.page-codebox{margin-top:0}.page-codebox .codebox__look,.page-codebox .codebox__tabs,.page-codebox .codebox__copy,.page-codebox .codebox__foot{display:none}.page-codebox[data-enhanced] .codebox__look,.page-codebox[data-enhanced] .codebox__tabs,.page-codebox[data-enhanced] .codebox__foot{display:flex}.page-codebox[data-enhanced] .codebox__copy:not([hidden]){display:inline-flex}.page-codebox[data-enhanced] .page-pane__label{display:none}.page-pane__label{color:var(--cb-fg);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:12px 18px 0;font-size:12px}.page-pane__label span{color:var(--cb-faint);letter-spacing:0;text-transform:none;margin-left:8px;font-weight:500}.page-pane pre{height:560px;max-height:70vh}.page-pane--run iframe{border:0;width:100%;height:560px;max-height:70vh;display:block}@media (width>=861px){.page-right{min-height:460px;position:relative}.page-codebox[data-enhanced]{flex-direction:column;height:100%;display:flex;position:absolute;inset:0 0 auto}.page-codebox[data-enhanced] .page-pane:not([hidden]){flex-direction:column;flex:1;min-height:0;display:flex}.page-codebox[data-enhanced] .page-pane>pre,.page-codebox[data-enhanced] .page-pane>.editor,.page-codebox[data-enhanced] .page-pane--run iframe{flex:1;height:auto;min-height:0;max-height:none;overflow:auto}}@media (width>=861px) and (height>=900px){.page-left{align-self:start;position:sticky;top:16px}}.page-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.page-cards>li{display:flex}.page-cards .card{flex:1}.page-cards .card h3{letter-spacing:-.01em;font-size:17px;font-weight:750}.page-cards .card h3 a{color:inherit;text-decoration:none}.page-cards .card h3 a:hover{color:var(--glow)}.page-prevnext{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px;display:flex}.page-groups{flex-wrap:wrap;gap:8px;display:flex}.all-demos{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px 24px;max-width:1320px;margin:20px auto 0;padding:28px 20px 0;display:grid}.all-demos h2{grid-column:1/-1;font-size:16px}.all-demos h3{margin-bottom:6px;font-size:13px}.all-demos ul{margin:0 0 14px;padding:0;list-style:none}.all-demos a{color:var(--muted);font-size:13px;line-height:1.9;text-decoration:none}.all-demos a:hover{color:var(--accent-2)}.all-demos h3 a{color:var(--text);font-size:inherit}@media (width<=860px){.page-cols{grid-template-columns:minmax(0,1fr)}}.embed{background:var(--bg);min-height:100vh;overflow:hidden}.embed .stage{border:0;height:auto;position:fixed;inset:0}@media (width>=560px) and (height>=380px){.embed .scene:not(.scene--fill){scale:1.45}.embed .scene--fill{zoom:1.4}}.embed__credit{color:#c4c9e6;background:#0a0c1899;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;text-decoration:none;display:inline-flex;position:fixed;bottom:8px;right:10px}.embed__credit:hover{color:#fff}.embed__og,[data-og] .embed__credit{display:none}[data-og] .embed .stage .scene:not(.scene--fill){translate:0 -40px;scale:2}[data-og] .embed .stage .scene--fill{zoom:1.9;inset:0 0 31.5789px}[data-og] .embed__og{color:#fff;background:linear-gradient(#0000,#07080feb 55%);gap:2px;padding:80px 56px 40px;display:grid;position:fixed;inset:auto 0 0}[data-og] .embed__og b{letter-spacing:-.03em;font-size:58px;font-weight:900;line-height:1.05}[data-og] .embed__og-kind{color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase;font-size:20px;font-weight:700}[data-og] .embed__og-site{color:#a3aacb;align-items:center;gap:10px;margin-top:10px;font-size:22px;display:flex}[data-og] .embed__og-logo{width:30px;height:30px}[data-og] .embed__og-name{color:#fff;font-weight:700}[data-reel] .embed__credit{display:none}[data-reel] .embed{background:radial-gradient(ellipse 80% 45% at 50% 50%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 70%), radial-gradient(var(--border-strong) 1.2px, transparent 2px) 0 0/24px 24px, var(--bg)}[data-reel] .embed .stage{background:0 0}[data-reel] .embed .stage .scene:not(.scene--fill){zoom:2.1;scale:none}[data-reel] .embed .stage .scene--fill{zoom:1.6;inset:156.25px 0 181.25px}[data-reel] .embed__og{color:#fff;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:10px;padding:130px 36px 225px;display:flex;position:fixed;inset:0}[data-reel] .embed__og b{letter-spacing:-.03em;font-size:46px;font-weight:900;line-height:1.05}[data-reel] .embed__og-kind{border:1px solid color-mix(in srgb, var(--accent-2) 60%, transparent);color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 14px;font-size:15px;font-weight:700}[data-reel] .embed__og-site{text-align:left;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:auto auto;align-items:center;column-gap:12px;margin-top:auto;padding:12px 20px 12px 12px;display:grid}[data-reel] .embed__og-logo{grid-row:span 2;width:42px;height:42px}[data-reel] .embed__og-name{color:#fff;letter-spacing:-.01em;font-size:21px;font-weight:800;line-height:1.15}[data-reel] .embed__og-url{color:#a3aacb;font-size:13.5px;font-weight:600;line-height:1.3}[data-reel=wide] .embed .stage .scene:not(.scene--fill){zoom:1.75;translate:0 12px}[data-reel=wide] .embed .stage .scene--fill{zoom:1.25;inset:80px 48px 40px}[data-reel=wide] .embed__og{text-align:left;align-items:flex-start;gap:6px;padding:34px 44px 30px}[data-reel=wide] .embed__og b{font-size:34px}[data-reel=wide] .embed__og-kind{font-size:12px}[data-reel=wide] .embed__og-site{padding:9px 16px 9px 9px}[data-reel=wide] .embed__og-logo{width:34px;height:34px}[data-reel=wide] .embed__og-name{font-size:17px}[data-reel=wide] .embed__og-url{font-size:12px}[data-reel][data-reel-clean] .embed__og-kind,[data-reel][data-reel-clean] .embed__og b,[data-reel][data-reel-clean] .embed__og-url{display:none}[data-reel][data-reel-clean] .embed .stage .scene:not(.scene--fill){zoom:2.1;translate:none}[data-reel][data-reel-clean] .embed .stage .scene--fill{zoom:1.7;inset:117.647px 0}[data-reel][data-reel-clean] .embed__og{padding:0}[data-reel][data-reel-clean] .embed__og-site{opacity:.8;background:0 0;border:0;gap:7px;margin:0;padding:0;display:flex;position:fixed;bottom:26px;right:22px}[data-reel][data-reel-clean] .embed__og-logo{grid-row:auto;width:20px;height:20px}[data-reel][data-reel-clean] .embed__og-name{font-size:13px;font-weight:700}[data-reel=wide][data-reel-clean] .embed .stage .scene:not(.scene--fill){zoom:2}[data-reel=wide][data-reel-clean] .embed .stage .scene--fill{zoom:1.3;inset:30.7692px 46.1538px}@media (width<=600px){.page-head{margin:12px 0 18px}.page-head h1 small{margin:4px 0 0;display:block}.page-head__lead{font-size:15.5px}.page-tools__row .btn{flex:auto;justify-content:center}.page-pane>pre,.page-pane>.editor{height:420px;max-height:70vh;overflow:auto}.page-cards{gap:14px}}.d-cube{--s:96px;width:var(--s);height:var(--s);transform-style:preserve-3d;animation:9s linear infinite d-cube-spin;position:relative}.d-cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.d-cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.d-cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.d-cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.d-cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.d-cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.d-cube i{background:color-mix(in srgb, var(--accent) 28%, transparent);border:1px solid color-mix(in srgb, var(--accent) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent);place-items:center;font-size:28px;font-style:normal;font-weight:800;display:grid;position:absolute;inset:0}@keyframes d-cube-spin{0%{transform:rotateX(-24deg)rotateY(0)}to{transform:rotateX(-24deg)rotateY(360deg)}}.d-flip{cursor:pointer;outline-offset:6px;width:190px;height:125px}.d-flip__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.4,.5,1);position:relative}.d-flip:hover .d-flip__inner,.d-flip:focus .d-flip__inner{transform:rotateY(180deg)}.d-flip__face{background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;text-align:center;backface-visibility:hidden;box-shadow:0 16px 30px -14px var(--accent);border-radius:16px;place-content:center;gap:2px;display:grid;position:absolute;inset:0}.d-flip__face b{font-size:22px}.d-flip__face span{opacity:.85;font-size:12px}.d-flip__face--back{background:linear-gradient(135deg, var(--accent-2), var(--accent));transform:rotateY(180deg)}.d-carousel{transform-style:preserve-3d;transform:rotateX(-14deg)}.d-carousel__ring{width:72px;height:96px;transform-style:preserve-3d;animation:14s linear infinite d-carousel-spin;position:relative}.d-carousel i{color:#fff;border-radius:10px;place-items:center;font-size:22px;font-style:normal;font-weight:800;display:grid;position:absolute;inset:0}.d-carousel i:first-child{background:#9447ebd9;transform:rotateY(45deg)translateZ(102.912px)}.d-carousel i:nth-child(2){background:#c547ebd9;transform:rotateY(90deg)translateZ(102.912px)}.d-carousel i:nth-child(3){background:#eb47e0d9;transform:rotateY(135deg)translateZ(102.912px)}.d-carousel i:nth-child(4){background:#eb47afd9;transform:rotateY(180deg)translateZ(102.912px)}.d-carousel i:nth-child(5){background:#eb477ed9;transform:rotateY(225deg)translateZ(102.912px)}.d-carousel i:nth-child(6){background:#eb474dd9;transform:rotateY(270deg)translateZ(102.912px)}.d-carousel i:nth-child(7){background:#eb7347d9;transform:rotateY(315deg)translateZ(102.912px)}.d-carousel i:nth-child(8){background:#eba447d9;transform:rotateY(360deg)translateZ(102.912px)}@keyframes d-carousel-spin{to{transform:rotateY(-360deg)}}.d-text{color:#fff;letter-spacing:.04em;text-shadow:1px 1px 0 color-mix(in srgb, var(--accent) 95%, #000), 2px 2px 0 color-mix(in srgb, var(--accent) 90%, #000), 3px 3px 0 color-mix(in srgb, var(--accent) 85%, #000), 4px 4px 0 color-mix(in srgb, var(--accent) 80%, #000), 5px 5px 0 color-mix(in srgb, var(--accent) 75%, #000), 6px 6px 0 color-mix(in srgb, var(--accent) 70%, #000), 7px 7px 0 color-mix(in srgb, var(--accent) 65%, #000), 8px 8px 0 color-mix(in srgb, var(--accent) 60%, #000), 9px 9px 0 color-mix(in srgb, var(--accent) 55%, #000), 10px 10px 0 color-mix(in srgb, var(--accent) 50%, #000), 11px 11px 0 color-mix(in srgb, var(--accent) 45%, #000), 12px 12px 0 color-mix(in srgb, var(--accent) 40%, #000), 18px 22px 18px #00000080;font-size:58px;font-weight:900;animation:5s ease-in-out infinite alternate d-text-rock}@keyframes d-text-rock{0%{transform:rotateY(-32deg)rotateX(12deg)}to{transform:rotateY(32deg)rotateX(-6deg)}}.d-layers{width:120px;height:120px;transform-style:preserve-3d;position:relative;transform:translateY(24px)rotateX(58deg)rotate(-45deg)}.d-layers i{background:hsl(calc(255 + var(--i) * 32), 85%, 62%, .78);border:1px solid #ffffff59;border-radius:16px;animation:2.6s ease-in-out infinite alternate d-layers-lift;position:absolute;inset:0}@keyframes d-layers-lift{to{transform:translateZ(calc(var(--i) * 38px))}}.d-button{cursor:pointer;transform-style:preserve-3d;background:0 0;border:0;padding:0 0 9px;transform:rotateX(32deg)}.d-button span{background:linear-gradient(var(--hot), color-mix(in srgb, var(--hot) 80%, #000));color:#fff;letter-spacing:.14em;pointer-events:none;box-shadow:0 1px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 2px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 3px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 4px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 5px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 6px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 7px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 8px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 9px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 10px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 11px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 12px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 20px 22px #0000008c;border-radius:16px;padding:18px 44px;font-size:22px;font-weight:900;transition:transform 80ms,box-shadow 80ms,filter .2s;display:block}.d-button:hover span{filter:brightness(1.1)}.d-button:active span{box-shadow:0 1px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 2px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 3px 0 color-mix(in srgb, var(--hot) 55%, #000), 0 11px 22px #0000008c;transform:translateY(9px)}.d-fold{width:216px;height:124px;transform-style:preserve-3d;transform:rotateX(28deg)rotateY(-8deg)}.d-fold .p{width:54px;height:100%;transform-style:preserve-3d;background:linear-gradient(90deg, var(--accent-2), color-mix(in srgb, var(--accent-2) 55%, #000));border:1px solid #ffffff40}.d-fold .p .p{transform-origin:0;animation:3.4s ease-in-out infinite alternate d-fold-back;position:absolute;top:-1px;left:100%}.d-fold .p .p .p{animation-name:d-fold-front}.d-fold .p .p .p .p{animation-name:d-fold-back}@keyframes d-fold-back{0%,12%{transform:rotateY(0)}88%,to{transform:rotateY(150deg)}}@keyframes d-fold-front{0%,12%{transform:rotateY(0)}88%,to{transform:rotateY(-150deg)}}.d-orbit{width:170px;height:170px;transform-style:preserve-3d;position:relative}.d-orbit b{background:radial-gradient(circle at 35% 35%, #fff, var(--accent) 60%);box-shadow:0 0 24px var(--accent);border-radius:50%;position:absolute;inset:40%}.d-orbit__plane{transform-style:preserve-3d;position:absolute;inset:0}.d-orbit__ring{border:2px solid;border-radius:50%;animation:3s linear infinite d-orbit-spin;position:absolute;inset:0}.d-orbit__ring i{background:currentColor;border-radius:50%;width:12px;height:12px;position:absolute;top:-7px;left:calc(50% - 6px);box-shadow:0 0 12px}.d-orbit__plane:first-of-type{color:var(--accent-2);transform:rotateX(72deg)}.d-orbit__plane:first-of-type .d-orbit__ring{animation-duration:2.4s}.d-orbit__plane:nth-of-type(2){color:var(--hot);transform:rotate(60deg)rotateX(72deg)}.d-orbit__plane:nth-of-type(2) .d-orbit__ring{animation-duration:3.1s}.d-orbit__plane:nth-of-type(3){color:var(--warm);transform:rotate(-60deg)rotateX(72deg)}.d-orbit__plane:nth-of-type(3) .d-orbit__ring{animation-duration:3.8s}@keyframes d-orbit-spin{to{transform:rotate(360deg)}}.d-bars{height:130px;transform-style:preserve-3d;align-items:flex-end;gap:16px;display:flex;transform:translateY(10px)rotateX(-22deg)rotateY(-32deg)}.d-bars__bar{--h:calc(var(--hn) * 1px);--k:calc(14 / var(--hn));width:26px;height:var(--h);transform-style:preserve-3d;position:relative}.d-bars__bar:first-child{--hue:262;--delay:-.35s}.d-bars__bar:nth-child(2){--hue:285;--delay:-.7s}.d-bars__bar:nth-child(3){--hue:320;--delay:-1.05s}.d-bars__bar:nth-child(4){--hue:175;--delay:-1.4s}.d-bars__bar:nth-child(5){--hue:40;--delay:-1.75s}.d-bars__bar i{transform-origin:bottom;width:26px;height:100%;animation:1.8s ease-in-out var(--delay) infinite alternate;position:absolute;top:0;left:0}.d-bars__bar i:first-child{background:hsl(var(--hue), 80%, 60%);animation-name:d-bars-front;transform:translateZ(13px)}.d-bars__bar i:nth-child(2){background:hsl(var(--hue), 70%, 42%);animation-name:d-bars-side;transform:rotateY(90deg)translateZ(13px)}.d-bars__bar i:nth-child(3){background:hsl(var(--hue), 90%, 74%);transform-origin:50%;height:26px;animation-name:d-bars-top;transform:rotateX(90deg)translateZ(13px)}@keyframes d-bars-front{0%{transform:translateZ(13px) scaleY(var(--k))}}@keyframes d-bars-side{0%{transform:rotateY(90deg) translateZ(13px) scaleY(var(--k))}}@keyframes d-bars-top{0%{transform:translateY(calc(var(--h) - 14px)) rotateX(90deg) translateZ(13px)}}.d-book{width:104px;height:140px;transform-style:preserve-3d;background:color-mix(in srgb, var(--accent) 70%, #000);border-radius:2px 8px 8px 2px;position:relative;transform:translate(46px)rotateX(24deg)rotateY(-12deg)}.d-book i{transform-origin:0;--end:calc(-118deg - var(--n) * 12deg);transform:translateZ(calc(var(--n) * 1px));animation:3.6s ease-in-out infinite alternate d-book-open;animation-delay:calc((4 - var(--n)) * .14s);background:linear-gradient(90deg,#cfd3e6,#fff 14%);border-radius:0 5px 5px 0;position:absolute;inset:3px 3px 3px 0}.d-book i:last-of-type{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 60%, #000), var(--accent) 12%);border-radius:2px 8px 8px 2px;inset:0}.d-book b{color:#fff;text-align:center;place-items:center;font-size:20px;line-height:1.1;display:grid;position:absolute;inset:0}@keyframes d-book-open{0%,10%{transform:translateZ(calc(var(--n) * 1px)) rotateY(0deg)}90%,to{transform:translateZ(calc(var(--n) * 1px)) rotateY(var(--end))}}.d-radio{transform-style:preserve-3d;grid-template-columns:repeat(6,auto);justify-content:center;gap:18px 6px;display:grid}.d-radio input{appearance:none;border:2px solid var(--border-strong);cursor:pointer;border-radius:7px;width:22px;height:22px;margin:0;transition:background .2s}.d-radio input:hover{border-color:var(--accent-2)}.d-radio input:checked{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 12px var(--accent-2)}.d-radio__cube{--s:92px;width:var(--s);height:var(--s);transform-style:preserve-3d;grid-area:1/1/auto/-1;justify-self:center;margin:14px 0 8px;transition:transform .9s cubic-bezier(.3,1.3,.5,1);position:relative;transform:rotateX(-18deg)rotateY(-22deg)}.d-radio__cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.d-radio__cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.d-radio__cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.d-radio__cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.d-radio__cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.d-radio__cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.d-radio__cube i{background:color-mix(in srgb, var(--accent-2) 28%, transparent);border:1px solid color-mix(in srgb, var(--accent-2) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent-2) 30%, transparent);place-items:center;font-size:13px;font-style:normal;font-weight:700;display:grid;position:absolute;inset:0}input:first-of-type:checked~.d-radio__cube{transform:rotateX(-18deg)rotateY(-22deg)rotateY(0)}input:nth-of-type(2):checked~.d-radio__cube{transform:rotateX(-18deg)rotateY(-22deg)rotateY(-90deg)}input:nth-of-type(3):checked~.d-radio__cube{transform:rotateX(-18deg)rotateY(-22deg)rotateY(-180deg)}input:nth-of-type(4):checked~.d-radio__cube{transform:rotateX(-18deg)rotateY(-22deg)rotateY(90deg)}input:nth-of-type(5):checked~.d-radio__cube{transform:rotateX(-18deg)rotateY(-22deg)rotateX(-90deg)}input:nth-of-type(6):checked~.d-radio__cube{transform:rotateX(-18deg)rotateY(-22deg)rotateX(90deg)}.d-grid{perspective:260px;perspective-origin:50% 40%;background:linear-gradient(#12062e 0%,#3b0f5c 38%,#ff4d9d 50%,#0a0618 50.5%);position:absolute;inset:0;overflow:hidden}.d-grid__sun{background:linear-gradient(#ffd34d,#ff4d9d 70%);border-radius:50%;width:110px;height:110px;position:absolute;top:14%;left:50%;translate:-50%;box-shadow:0 0 60px #ff4d9d;-webkit-mask:linear-gradient(#000 55%,#0000 55% 60%,#000 60% 70%,#0000 70% 77%,#000 77% 85%,#0000 85%);mask:linear-gradient(#000 55%,#0000 55% 60%,#000 60% 70%,#0000 70% 77%,#000 77% 85%,#0000 85%)}.d-grid__floor{transform-origin:top;width:300%;height:300%;position:absolute;top:50%;left:-100%;overflow:hidden;transform:rotateX(80deg);-webkit-mask:linear-gradient(#0000,#000 12%);mask:linear-gradient(#0000,#000 12%)}.d-grid__floor:before{content:"";background:linear-gradient(#2ee6d6 2px,#0000 2px) 0 0/36px 36px,linear-gradient(90deg,#2ee6d6 2px,#0000 2px) 50% 0/36px 36px;animation:.9s linear infinite d-grid-run;position:absolute;inset:-36px 0 0}@keyframes d-grid-run{to{transform:translateY(36px)}}.d-helix{transform-style:preserve-3d;gap:9px;display:grid;transform:rotate(-14deg)}.d-helix__rung{background:linear-gradient(90deg, var(--accent-2), transparent 35% 65%, var(--hot));width:96px;height:3px;transform-style:preserve-3d;animation:4s linear infinite d-helix-spin;animation-delay:var(--delay);border-radius:3px;position:relative}.d-helix__rung:first-child{--delay:-.22s}.d-helix__rung:nth-child(2){--delay:-.44s}.d-helix__rung:nth-child(3){--delay:-.66s}.d-helix__rung:nth-child(4){--delay:-.88s}.d-helix__rung:nth-child(5){--delay:-1.1s}.d-helix__rung:nth-child(6){--delay:-1.32s}.d-helix__rung:nth-child(7){--delay:-1.54s}.d-helix__rung:nth-child(8){--delay:-1.76s}.d-helix__rung:nth-child(9){--delay:-1.98s}.d-helix__rung:nth-child(10){--delay:-2.2s}.d-helix__rung:nth-child(11){--delay:-2.42s}.d-helix__rung:nth-child(12){--delay:-2.64s}.d-helix__rung:nth-child(13){--delay:-2.86s}.d-helix__rung:nth-child(14){--delay:-3.08s}.d-helix i{background:var(--accent-2);width:13px;height:13px;color:var(--accent-2);animation:4s linear infinite reverse d-helix-spin;animation-delay:var(--delay);border-radius:50%;position:absolute;top:-5px;box-shadow:0 0 10px}.d-helix i:first-child{left:-6px}.d-helix i:last-child{background:var(--hot);color:var(--hot);right:-6px}@keyframes d-helix-spin{to{transform:rotateY(360deg)}}.d-tiles{transform-style:preserve-3d;grid-template-columns:repeat(4,38px);gap:6px;display:grid;transform:rotateX(38deg)rotate(-8deg)}.d-tiles i{height:38px;transform-style:preserve-3d;animation:3.2s ease-in-out infinite d-tiles-flip;position:relative}.d-tiles i:before,.d-tiles i:after{content:"";backface-visibility:hidden;border-radius:8px;position:absolute;inset:0}.d-tiles i:before{background:var(--accent)}.d-tiles i:after{background:var(--accent-2);transform:rotateY(180deg)}.d-tiles i:first-child{animation-delay:0s}.d-tiles i:nth-child(2){animation-delay:.13s}.d-tiles i:nth-child(3){animation-delay:.26s}.d-tiles i:nth-child(4){animation-delay:.39s}.d-tiles i:nth-child(5){animation-delay:.13s}.d-tiles i:nth-child(6){animation-delay:.26s}.d-tiles i:nth-child(7){animation-delay:.39s}.d-tiles i:nth-child(8){animation-delay:.52s}.d-tiles i:nth-child(9){animation-delay:.26s}.d-tiles i:nth-child(10){animation-delay:.39s}.d-tiles i:nth-child(11){animation-delay:.52s}.d-tiles i:nth-child(12){animation-delay:.65s}.d-tiles i:nth-child(13){animation-delay:.39s}.d-tiles i:nth-child(14){animation-delay:.52s}.d-tiles i:nth-child(15){animation-delay:.65s}.d-tiles i:nth-child(16){animation-delay:.78s}@keyframes d-tiles-flip{0%,15%{transform:rotateY(0)}45%,65%{transform:rotateY(180deg)translateZ(-14px)}95%,to{transform:rotateY(360deg)}}.d-tilt{width:100%;height:100%;transform-style:preserve-3d;place-items:center;display:grid}.d-tilt__card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;width:210px;height:132px;box-shadow:0 24px 40px -18px var(--accent);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));border-radius:16px;align-content:end;gap:2px;padding:16px;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.d-tilt__card.is-live{transition-duration:80ms}.d-tilt__card:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my), #ffffff8c, transparent 55%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.d-tilt__card.is-live:after{opacity:1}.d-tilt__card b{font-size:16px;transform:translateZ(36px)}.d-tilt__card small{opacity:.85;transform:translateZ(20px)}.d-tilt__chip{background:linear-gradient(135deg,#ffe08a,#d89b1d);border-radius:6px;width:38px;height:28px;position:absolute;top:18px;left:18px;transform:translateZ(48px)}.d-drag{width:100%;height:100%;transform-style:preserve-3d;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.d-drag:active{cursor:grabbing}.d-drag__cube{--s:100px;width:var(--s);height:var(--s);transform-style:preserve-3d;transform:rotateX(var(--rx,-24deg)) rotateY(var(--ry,32deg));position:relative}.d-drag__cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.d-drag__cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.d-drag__cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.d-drag__cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.d-drag__cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.d-drag__cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.d-drag__cube i{background:color-mix(in srgb, var(--warm) 30%, transparent);border:1px solid color-mix(in srgb, var(--warm) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--warm) 30%, transparent);background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:25% 25%;position:absolute;inset:0}.d-drag small{color:var(--muted);font-size:12px;position:absolute;bottom:10px}.d-coverflow{perspective:700px;place-items:center;width:100%;height:100%;display:grid}.d-coverflow__track{width:96px;height:120px;transform-style:preserve-3d;pointer-events:none;margin-bottom:26px;position:relative}.d-coverflow i{background:linear-gradient(160deg, hsl(var(--hue), 85%, 64%), hsl(var(--hue), 70%, 36%));color:#fff;cursor:pointer;pointer-events:auto;transform:translateX(calc(var(--o) * 46px + var(--sign) * 34px)) translateZ(calc(var(--abs) * -50px)) rotateY(calc(var(--sign) * -58deg));border-radius:12px;place-items:center;font-size:30px;font-style:normal;font-weight:900;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0;box-shadow:0 16px 24px -14px #000}.d-coverflow__nav{gap:8px;display:flex;position:absolute;bottom:10px}.d-coverflow__nav button{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;width:34px;height:28px;padding:0;display:grid}.d-coverflow__nav button:hover{border-color:var(--warm)}.d-play{grid-template-rows:1fr auto auto;width:100%;height:100%;padding:10px 14px;display:grid}.d-play__view{perspective:var(--p,400px);place-items:center;display:grid}.d-play__box{background:linear-gradient(135deg, var(--warm), var(--hot));color:#fff;width:110px;height:110px;box-shadow:0 20px 30px -16px var(--hot);transform:rotateX(var(--rx,20deg)) rotateY(var(--ry,-35deg));border-radius:14px;place-items:center;font-size:30px;font-weight:900;display:grid}.d-play__controls{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.d-play__controls label{color:var(--muted);font-family:var(--mono);font-size:11px;display:grid}.d-play__controls input{width:100%;accent-color:var(--warm)}.d-play__out{color:var(--accent-2);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10.5px;overflow:hidden}.d-lit{--dx:.7;--dy:.7;place-items:center;width:100%;height:100%;display:grid}.d-lit span{color:#fff;letter-spacing:.03em;text-shadow:calc(var(--dx) * 1px) calc(var(--dy) * 1px) 0 color-mix(in srgb, var(--warm) 90%, #000), calc(var(--dx) * 2px) calc(var(--dy) * 2px) 0 color-mix(in srgb, var(--warm) 85%, #000), calc(var(--dx) * 3px) calc(var(--dy) * 3px) 0 color-mix(in srgb, var(--warm) 80%, #000), calc(var(--dx) * 4px) calc(var(--dy) * 4px) 0 color-mix(in srgb, var(--warm) 75%, #000), calc(var(--dx) * 5px) calc(var(--dy) * 5px) 0 color-mix(in srgb, var(--warm) 70%, #000), calc(var(--dx) * 6px) calc(var(--dy) * 6px) 0 color-mix(in srgb, var(--warm) 65%, #000), calc(var(--dx) * 7px) calc(var(--dy) * 7px) 0 color-mix(in srgb, var(--warm) 60%, #000), calc(var(--dx) * 8px) calc(var(--dy) * 8px) 0 color-mix(in srgb, var(--warm) 55%, #000), calc(var(--dx) * 9px) calc(var(--dy) * 9px) 0 color-mix(in srgb, var(--warm) 50%, #000), calc(var(--dx) * 10px) calc(var(--dy) * 10px) 0 color-mix(in srgb, var(--warm) 45%, #000), calc(var(--dx) * 11px) calc(var(--dy) * 11px) 0 color-mix(in srgb, var(--warm) 40%, #000), calc(var(--dx) * 12px) calc(var(--dy) * 12px) 0 color-mix(in srgb, var(--warm) 35%, #000), calc(var(--dx) * 13px) calc(var(--dy) * 13px) 0 color-mix(in srgb, var(--warm) 30%, #000), calc(var(--dx) * 14px) calc(var(--dy) * 14px) 0 color-mix(in srgb, var(--warm) 25%, #000), calc(var(--dx) * 28px) calc(var(--dy) * 28px) 20px #00000080;font-size:50px;font-weight:900}.d-sphere{grid-template-rows:1fr auto;width:100%;height:100%;padding:8px 14px 10px;display:grid}.d-sphere__view{perspective:600px;place-items:center;display:grid}.d-sphere__ball{--r:80px;width:0;height:0;transform-style:preserve-3d;animation:16s linear infinite d-sphere-spin;position:relative}.d-sphere__ball i{background:radial-gradient(circle, #fff 15%, var(--warm) 60%);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px}.d-sphere label{color:var(--muted);font-family:var(--mono);align-items:center;gap:8px;font-size:11px;display:flex}.d-sphere output{min-width:3ch;color:var(--text)}.d-sphere input{accent-color:var(--warm);flex:1}@keyframes d-sphere-spin{0%{transform:rotateX(-18deg)rotateY(0)}to{transform:rotateX(-18deg)rotateY(360deg)}}.d-clock{font-family:var(--mono);font-variant-numeric:tabular-nums;transform-style:preserve-3d;align-items:center;gap:6px;font-size:40px;font-weight:800;display:flex;transform:rotateY(-14deg)rotateX(6deg)}.d-clock span{color:#fff;text-align:center;transform-origin:50%;background:linear-gradient(#2a2f52 49%,#0c0e1d 49% 52%,#1d2140 52%);border-radius:10px;min-width:2.2ch;padding:8px 10px;position:relative;box-shadow:0 14px 22px -12px #000}.d-clock span.is-flipping{animation:.55s cubic-bezier(.3,1.5,.5,1) d-clock-flip}:root[data-paused] .d-clock span.is-flipping{animation:none}.d-clock em{color:var(--warm);font-style:normal}@keyframes d-clock-flip{0%{transform:rotateX(-90deg)}}.d-pyramid{width:110px;height:110px;transform-style:preserve-3d;animation:10s linear infinite d-pyramid-spin;position:relative}.d-pyramid i{clip-path:polygon(50% 0,0 100%,100% 100%);transform-origin:bottom;position:absolute;inset:0}.d-pyramid i:first-child{background:linear-gradient(#fab742,#a0520d);transform:rotateY(0)translateZ(55px)rotateX(30deg)}.d-pyramid i:nth-child(2){background:linear-gradient(#facf42,#b3710f);transform:rotateY(90deg)translateZ(55px)rotateX(30deg)}.d-pyramid i:nth-child(3){background:linear-gradient(#fae842,#c69610);transform:rotateY(180deg)translateZ(55px)rotateX(30deg)}.d-pyramid i:nth-child(4){background:linear-gradient(#f4fa42,#d9be12);transform:rotateY(270deg)translateZ(55px)rotateX(30deg)}.d-pyramid b{background:#5f3211;width:110px;height:110px;position:absolute;bottom:0;left:0;transform:translateY(50%)rotateX(90deg)}@keyframes d-pyramid-spin{0%{transform:translateY(8px)rotateX(-18deg)rotateY(0)}to{transform:translateY(8px)rotateX(-18deg)rotateY(360deg)}}.d-cylinder{width:17.3249px;height:130px;transform-style:preserve-3d;animation:9s linear infinite d-cylinder-spin;position:relative}.d-cylinder i{background:hsl(calc(170 + var(--i) * 15), 80%, 58%);transform:rotateY(calc(var(--i) * 15deg)) translateZ(62px);position:absolute;inset:0}.d-cylinder b{background:radial-gradient(circle,#fff3,#0000 70%),#17506e;border-radius:50%;width:124px;height:124px;position:absolute;top:-62px;left:calc(50% - 62px);transform:rotateX(90deg)}@keyframes d-cylinder-spin{0%{transform:rotateX(-22deg)rotateY(0)}to{transform:rotateX(-22deg)rotateY(360deg)}}.d-coin{width:120px;height:120px;transform-style:preserve-3d;animation:4s linear infinite d-coin-spin;position:relative}.d-coin b,.d-coin i{border-radius:50%;position:absolute;inset:0}.d-coin i{transform:translateZ(calc((var(--i) - 3) * 1.4px));background:#a8741a}.d-coin b{color:#8a5a0c;backface-visibility:hidden;background:radial-gradient(circle at 35% 30%,#fff1b8,#f1b93d 55%,#c98a1b);border:5px solid #e2a93b;place-items:center;font-size:58px;display:grid;transform:translateZ(5px)}.d-coin b:last-child{transform:rotateY(180deg)translateZ(5px)}@keyframes d-coin-spin{0%{transform:rotateX(12deg)rotateY(0)}to{transform:rotateX(12deg)rotateY(360deg)}}.d-globe{width:150px;height:150px;transform-style:preserve-3d;animation:14s linear infinite d-globe-spin;position:relative}.d-globe i,.d-globe b{border:1.5px solid var(--accent-2);border-radius:50%;position:absolute;inset:0}.d-globe i{transform:rotateY(calc(var(--i) * 20deg))}.d-globe b{border-color:var(--hot);transform:rotateX(90deg)}@keyframes d-globe-spin{0%{transform:rotate(18deg)rotateX(-14deg)rotateY(0)}to{transform:rotate(18deg)rotateX(-14deg)rotateY(360deg)}}.d-gyro{width:170px;height:170px;animation:6s linear infinite d-gyro-x}.d-gyro,.d-gyro div{border:4px solid var(--accent);transform-style:preserve-3d;border-radius:50%;place-items:center;display:grid}.d-gyro div{width:84%;height:84%}.d-gyro>div{border-color:var(--accent-2);animation:4s linear infinite d-gyro-y}.d-gyro>div>div{border-color:var(--hot);animation:2.6s linear infinite reverse d-gyro-x}.d-gyro b{background:radial-gradient(circle at 35% 35%, #fff, var(--warm) 60%);width:34%;height:34%;box-shadow:0 0 22px var(--warm);border-radius:50%}@keyframes d-gyro-x{to{transform:rotateX(360deg)}}@keyframes d-gyro-y{to{transform:rotateY(360deg)}}.d-flipper{background:linear-gradient(135deg, var(--accent-2), var(--accent));width:76px;height:76px;box-shadow:0 0 30px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:10px;animation:1.8s ease-in-out infinite d-flipper}@keyframes d-flipper{0%{transform:perspective(240px)rotateX(0)rotateY(0)}50%{transform:perspective(240px)rotateX(-180deg)rotateY(0)}to{transform:perspective(240px)rotateX(-180deg)rotateY(-180deg)}}.d-tunnel{perspective:320px;background:radial-gradient(circle,#1b0f3a,#05030d 70%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.d-tunnel i{border:3px solid hsl(calc(260 + var(--i) * 14), 90%, 65%);width:200px;height:200px;box-shadow:0 0 18px hsl(calc(260 + var(--i) * 14), 90%, 65%, .7);animation:4s linear infinite d-tunnel-fly;animation-delay:calc(var(--i) * -.4s);border-radius:18px;position:absolute}@keyframes d-tunnel-fly{0%{opacity:0;transform:translateZ(-1400px)rotate(0)}25%,85%{opacity:1}to{opacity:0;transform:translateZ(200px)rotate(90deg)}}.d-starfield{perspective:300px;background:radial-gradient(circle,#0d1030,#02030a 75%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.d-starfield i{border-radius:50%;width:1px;height:1px;animation:3s linear infinite d-starfield-warp;position:absolute;box-shadow:-142px -106px 0 1px #fff,-45px 56px 0 1px #fff,225px -64px 0 .5px #fff,-193px -139px 0 1px #fff,-122px 225px 0 .5px #fff,320px -47px 0 1px #fff,-107px -127px 0 .5px #fff,30px 168px 0 1px #fff,-328px 300px 0 .5px #fff,-276px 207px 0 1px #fff,27px -180px 0 .5px #fff,76px 233px 0 .5px #fff,-63px -247px 0 1px #fff,331px 173px 0 1px #fff,-241px -251px 0 .5px #fff,232px 345px 0 .5px #fff,-20px -243px 0 1px #fff,69px -144px 0 1px #fff,-133px -60px 0 .5px #fff,228px 103px 0 .5px #fff,310px -191px 0 .5px #fff,-327px 248px 0 1px #fff,53px -302px 0 .5px #fff,-229px -146px 0 1px #fff,-108px 146px 0 1px #fff,240px -24px 0 .5px #fff,11px 50px 0 .5px #fff,-123px 140px 0 .5px #fff,247px -280px 0 1px #fff,-205px 87px 0 .5px #fff,-335px 224px 0 1px #fff,-178px -259px 0 1px #fff,-250px -70px 0 .5px #fff,206px -315px 0 1px #fff,-290px 204px 0 .5px #fff,-331px 144px 0 .5px #fff,-255px 306px 0 1px #fff,-237px 328px 0 .5px #fff,-326px 124px 0 1px #fff,288px -344px 0 1px #fff,183px 19px 0 .5px #fff,-13px -305px 0 .5px #fff,-207px 189px 0 .5px #fff,159px -157px 0 1px #fff,-69px -87px 0 1px #fff,347px 179px 0 .5px #fff,-53px -22px 0 .5px #fff,134px -64px 0 .5px #fff,228px -297px 0 1px #fff,-302px 94px 0 1px #fff,0 -11px 0 1px #fff,-32px 1px 0 .5px #fff,-89px 339px 0 1px #fff,68px -238px 0 .5px #fff,270px -308px 0 1px #fff,128px 6px 0 1px #fff,68px 291px 0 1px #fff,167px -309px 0 .5px #fff,-288px 185px 0 .5px #fff,-278px -228px 0 .5px #fff,-225px 118px 0 1px #fff,-79px -313px 0 1px #fff,-256px -274px 0 1px #fff,19px 121px 0 1px #fff,-24px 51px 0 1px #fff,-182px 282px 0 .5px #fff,-41px 188px 0 .5px #fff,-192px 191px 0 .5px #fff,-298px -140px 0 .5px #fff,-205px 279px 0 .5px #fff}.d-starfield i:nth-child(2){animation-delay:-1s;box-shadow:-259px 324px 0 1px #fff,-305px -332px 0 .5px #fff,341px -235px 0 .5px #fff,299px -133px 0 1px #fff,289px -249px 0 .5px #fff,-27px 94px 0 1px #fff,64px 130px 0 1px #fff,99px -51px 0 1px #fff,-279px 159px 0 .5px #fff,-43px 178px 0 1px #fff,232px 45px 0 .5px #fff,48px -204px 0 .5px #fff,-295px 127px 0 .5px #fff,-203px 113px 0 .5px #fff,-193px -87px 0 .5px #fff,217px -48px 0 .5px #fff,-95px 274px 0 .5px #fff,105px -294px 0 .5px #fff,108px -43px 0 1px #fff,-322px 73px 0 .5px #fff,-241px -44px 0 .5px #fff,-132px 246px 0 .5px #fff,-232px 229px 0 .5px #fff,343px -101px 0 1px #fff,-123px -21px 0 .5px #fff,152px -141px 0 1px #fff,205px -38px 0 1px #fff,45px 241px 0 1px #fff,288px -222px 0 .5px #fff,99px 114px 0 1px #fff,-95px -308px 0 1px #fff,-138px -238px 0 1px #fff,-245px 336px 0 .5px #fff,13px 43px 0 .5px #fff,-304px -163px 0 .5px #fff,134px -183px 0 .5px #fff,-15px 255px 0 .5px #fff,-118px 289px 0 .5px #fff,296px -77px 0 .5px #fff,347px 57px 0 .5px #fff,247px 263px 0 1px #fff,165px -209px 0 .5px #fff,215px 291px 0 .5px #fff,270px -165px 0 1px #fff,198px -86px 0 1px #fff,-156px 349px 0 1px #fff,-276px 204px 0 1px #fff,-153px -81px 0 .5px #fff,-15px 213px 0 .5px #fff,-72px 113px 0 .5px #fff,59px 67px 0 .5px #fff,-8px 348px 0 .5px #fff,134px -266px 0 1px #fff,-330px -174px 0 .5px #fff,238px -38px 0 .5px #fff,-23px 21px 0 .5px #fff,245px 213px 0 1px #fff,44px -58px 0 .5px #fff,215px -260px 0 .5px #fff,46px 276px 0 1px #fff,-168px 116px 0 .5px #fff,-314px -260px 0 .5px #fff,-290px -248px 0 .5px #fff,-146px -71px 0 .5px #fff,215px -2px 0 1px #fff,-26px 345px 0 1px #fff,-210px -6px 0 1px #fff,-181px 226px 0 .5px #fff,301px -124px 0 .5px #fff,36px 41px 0 .5px #fff}.d-starfield i:nth-child(3){animation-delay:-2s;box-shadow:-220px -346px 0 1px #fff,273px 32px 0 1px #fff,170px -164px 0 1px #fff,78px -36px 0 .5px #fff,63px 59px 0 1px #fff,256px -236px 0 .5px #fff,238px -189px 0 1px #fff,291px -256px 0 1px #fff,-29px -132px 0 1px #fff,-69px 42px 0 1px #fff,-194px 76px 0 .5px #fff,-81px -91px 0 1px #fff,-15px 181px 0 .5px #fff,265px -22px 0 1px #fff,162px 172px 0 1px #fff,-237px 132px 0 1px #fff,2px -68px 0 .5px #fff,276px 152px 0 1px #fff,-326px 132px 0 1px #fff,289px -65px 0 1px #fff,-204px 330px 0 .5px #fff,-157px 31px 0 .5px #fff,-204px 168px 0 .5px #fff,117px -132px 0 .5px #fff,68px 119px 0 1px #fff,-282px -13px 0 .5px #fff,-277px 68px 0 .5px #fff,94px -166px 0 1px #fff,238px -278px 0 .5px #fff,-78px -324px 0 .5px #fff,-40px -223px 0 1px #fff,283px -164px 0 1px #fff,309px -348px 0 1px #fff,178px -339px 0 1px #fff,-312px -11px 0 .5px #fff,83px 60px 0 .5px #fff,75px 257px 0 1px #fff,66px 236px 0 1px #fff,-51px -226px 0 1px #fff,-72px -163px 0 .5px #fff,-75px 167px 0 .5px #fff,307px -10px 0 .5px #fff,236px 96px 0 1px #fff,306px 142px 0 .5px #fff,199px 147px 0 1px #fff,-283px -172px 0 1px #fff,152px -57px 0 1px #fff,55px -228px 0 1px #fff,-166px -162px 0 1px #fff,244px -147px 0 1px #fff,-179px -330px 0 .5px #fff,174px -120px 0 .5px #fff,198px 141px 0 1px #fff,272px -119px 0 1px #fff,-125px 53px 0 1px #fff,-312px 176px 0 1px #fff,315px -202px 0 .5px #fff,335px -104px 0 .5px #fff,55px -86px 0 .5px #fff,178px -124px 0 1px #fff,-168px 112px 0 1px #fff,32px -236px 0 1px #fff,214px 325px 0 1px #fff,-193px 260px 0 .5px #fff,17px -51px 0 1px #fff,291px -20px 0 .5px #fff,180px 283px 0 .5px #fff,344px -181px 0 1px #fff,-157px -150px 0 .5px #fff,27px -20px 0 .5px #fff}@keyframes d-starfield-warp{0%{opacity:0;transform:translateZ(-600px)}20%,80%{opacity:1}to{opacity:0;transform:translateZ(200px)}}.d-waveletters{transform-style:preserve-3d;gap:2px;font-size:46px;font-weight:900;display:flex}.d-waveletters span{color:hsl(calc(255 + var(--i) * 18), 90%, 70%);text-shadow:0 6px 14px #00000080;animation:2.8s ease-in-out infinite d-waveletters;animation-delay:calc(var(--i) * .12s);display:inline-block}@keyframes d-waveletters{0%{transform:translateZ(0)rotateY(0)}22%{transform:translateZ(60px)rotateY(180deg)}45%,to{transform:translateZ(0)rotateY(360deg)}}.d-textring{--r:92px;width:20px;height:34px;font-family:var(--mono);transform-style:preserve-3d;font-size:26px;font-weight:800;animation:12s linear infinite d-textring-spin;position:relative}.d-textring span{text-align:center;color:var(--accent-2);backface-visibility:hidden;transform:rotateY(calc(var(--i) * 360deg / var(--n))) translateZ(var(--r));position:absolute;inset:0}@keyframes d-textring-spin{0%{transform:rotateX(-12deg)rotateY(0)}to{transform:rotateX(-12deg)rotateY(-360deg)}}.d-layertext{letter-spacing:.03em;transform-style:preserve-3d;font-size:64px;font-weight:900;animation:5s ease-in-out infinite alternate d-layertext-rock;position:relative}.d-layertext b{color:#fff;position:relative}.d-layertext span{color:color-mix(in srgb, var(--hot) calc(100% - var(--i) * 7%), #000);transform:translateZ(calc(var(--i) * -3px));position:absolute;inset:0}@keyframes d-layertext-rock{0%{transform:rotateY(-38deg)rotateX(10deg)}to{transform:rotateY(38deg)rotateX(-8deg)}}.d-sign{width:170px;height:150px;transform-style:preserve-3d;transform-origin:top;animation:2.2s ease-in-out infinite alternate d-sign-swing;position:relative}.d-sign:before{content:"";border:solid var(--muted);border-width:4px 2px 0;height:62px;position:absolute;inset:0 12px auto}.d-sign__board{border:3px solid var(--warm);color:var(--warm);letter-spacing:.12em;text-shadow:0 0 14px var(--warm);box-shadow:0 0 24px color-mix(in srgb, var(--warm) 45%, transparent), inset 0 0 18px color-mix(in srgb, var(--warm) 25%, transparent);background:#1b1408;border-radius:12px;place-items:center;font-size:36px;font-weight:900;display:grid;position:absolute;inset:62px 0 0}@keyframes d-sign-swing{0%{transform:translateY(-20px)rotateY(-18deg)rotateX(-32deg)}to{transform:translateY(-20px)rotateY(-18deg)rotateX(32deg)}}.d-laptop{width:170px;height:112px;transform-style:preserve-3d;background:repeating-linear-gradient(90deg,#0003 0 9px,#0000 9px 12px) 12px 12px/calc(100% - 24px) 52px no-repeat,linear-gradient(#c9cede,#9aa1b8);border-radius:8px;position:relative;transform:translateY(34px)rotateX(64deg)rotate(28deg)}.d-laptop__lid{transform-origin:top;transform-style:preserve-3d;animation:3.6s ease-in-out infinite alternate d-laptop-open;position:absolute;inset:0}.d-laptop__lid:before,.d-laptop__lid:after{content:"";backface-visibility:hidden;border-radius:8px;position:absolute;inset:0}.d-laptop__lid:before{background:linear-gradient(#b9bfd2,#8e95ad);transform:translateZ(1px)}.d-laptop__lid:after{background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 0 30px var(--accent);border:6px solid #14161f;transform:rotateY(180deg)}@keyframes d-laptop-open{0%,12%{transform:rotateX(0)}85%,to{transform:rotateX(104deg)}}.d-cardfan{width:84px;height:120px;transform-style:preserve-3d;position:relative;transform:translateY(10px)rotateX(26deg)}.d-cardfan i{color:#14172b;transform-origin:50% 170%;background:linear-gradient(160deg,#fff,#d9dcec);border-radius:9px;padding:6px 9px;font-size:20px;font-style:normal;font-weight:800;line-height:1;animation:3s ease-in-out infinite alternate d-cardfan;position:absolute;inset:0;box-shadow:0 8px 16px -8px #000}.d-cardfan i small{font-size:16px;display:block}@keyframes d-cardfan{0%,15%{transform:translateZ(calc(var(--i) * 1px)) rotateZ(0deg)}85%,to{transform:translateZ(calc(var(--i) * 6px)) rotateZ(calc(var(--i) * 16deg))}}.d-door{perspective:600px;perspective-origin:120%;cursor:pointer;outline-offset:6px;background:radial-gradient(at 50% 70%,#fff6c9,#ffb547 55%,#7a4a12);border:6px solid #3a2a1c;border-bottom:0;width:110px;height:180px;position:relative}.d-door__leaf{transform-origin:0;background:linear-gradient(#0003,#0003) 14px 14px/calc(100% - 28px) 62px no-repeat,linear-gradient(#0003,#0003) 14px 90px/calc(100% - 28px) 70px no-repeat,linear-gradient(90deg,#8a5a33,#6d4424);transition:transform .9s cubic-bezier(.3,1.2,.5,1);position:absolute;inset:0}.d-door__leaf i{background:#ffd36b;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:9px}.d-door:hover .d-door__leaf,.d-door:focus .d-door__leaf{transform:rotateY(-105deg)}.d-explode{--s:84px;--d:calc(var(--s) / 2);width:210px;height:210px;transform-style:preserve-3d;cursor:pointer;place-items:center;display:grid}.d-explode:hover,.d-explode:focus{--d:86px}.d-explode__cube{width:var(--s);height:var(--s);transform-style:preserve-3d;animation:10s linear infinite d-explode-spin;position:relative}.d-explode i{background:color-mix(in srgb, var(--hot) 35%, transparent);border:1px solid color-mix(in srgb, var(--hot) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--hot) 30%, transparent);border-radius:6px;transition:transform .6s cubic-bezier(.3,1.5,.5,1);position:absolute;inset:0}.d-explode i:first-child{transform:rotateY(0deg) translateZ(var(--d))}.d-explode i:nth-child(2){transform:rotateY(90deg) translateZ(var(--d))}.d-explode i:nth-child(3){transform:rotateY(180deg) translateZ(var(--d))}.d-explode i:nth-child(4){transform:rotateY(-90deg) translateZ(var(--d))}.d-explode i:nth-child(5){transform:rotateX(90deg) translateZ(var(--d))}.d-explode i:nth-child(6){transform:rotateX(-90deg) translateZ(var(--d))}@keyframes d-explode-spin{0%{transform:rotateX(-24deg)rotateY(0)}to{transform:rotateX(-24deg)rotateY(360deg)}}.d-isotiles{transform-style:preserve-3d;pointer-events:none;grid-template-columns:repeat(5,34px);gap:4px;display:grid;transform:rotateX(56deg)rotate(-45deg)}.d-isotiles i{pointer-events:auto;height:34px;transform-style:preserve-3d;position:relative}.d-isotiles i:before{content:"";background:color-mix(in srgb, var(--accent) 35%, transparent);border:1px solid color-mix(in srgb, var(--accent) 70%, transparent);pointer-events:none;border-radius:6px;transition:transform 1.4s ease-out,background 1.4s ease-out;position:absolute;inset:0}.d-isotiles i:hover:before{background:var(--accent-2);transition-duration:80ms;transform:translateZ(34px)}.d-zones{transform-style:preserve-3d;pointer-events:none;grid-template:repeat(3,1fr)/repeat(3,1fr);display:grid;position:absolute;inset:0}.d-zones i{z-index:1;pointer-events:auto}.d-zones__card{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;text-align:center;width:200px;height:124px;box-shadow:0 22px 36px -16px var(--accent);pointer-events:none;border-radius:16px;place-content:center;gap:2px;margin:auto;font-weight:800;transition:transform .35s ease-out;display:grid;position:absolute;inset:0}.d-zones__card small{opacity:.85;font-weight:500}i:first-child:hover~.d-zones__card{transform:rotateX(22deg)rotateY(-22deg)}i:nth-child(2):hover~.d-zones__card{transform:rotateX(22deg)rotateY(0)}i:nth-child(3):hover~.d-zones__card{transform:rotateX(22deg)rotateY(22deg)}i:nth-child(4):hover~.d-zones__card{transform:rotateX(0)rotateY(-22deg)}i:nth-child(5):hover~.d-zones__card{transform:rotateX(0)rotateY(0)}i:nth-child(6):hover~.d-zones__card{transform:rotateX(0)rotateY(22deg)}i:nth-child(7):hover~.d-zones__card{transform:rotateX(-22deg)rotateY(-22deg)}i:nth-child(8):hover~.d-zones__card{transform:rotateX(-22deg)rotateY(0)}i:nth-child(9):hover~.d-zones__card{transform:rotateX(-22deg)rotateY(22deg)}.d-rollbutton{color:#fff;cursor:pointer;width:190px;height:50px;transform-style:preserve-3d;background:0 0;border:0;padding:0;font-size:16px;font-weight:800;display:block}.d-rollbutton__bar{pointer-events:none;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,1.3,.5,1);display:block;position:relative;transform:translateZ(-25px)}.d-rollbutton__bar span{backface-visibility:hidden;border-radius:6px;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.d-rollbutton__bar span:first-child{background:var(--accent);transform:translateZ(25px)}.d-rollbutton__bar span:last-child{background:var(--hot);opacity:0;transition:opacity .1s;transform:rotateX(-90deg)translateZ(25px)}.d-rollbutton:hover .d-rollbutton__bar,.d-rollbutton:focus-visible .d-rollbutton__bar{transform:translateZ(-25px)rotateX(90deg)}.d-rollbutton:hover .d-rollbutton__bar span:last-child,.d-rollbutton:focus-visible .d-rollbutton__bar span:last-child{opacity:1}.d-switch{perspective:320px;cursor:pointer;justify-items:center;gap:18px;display:grid}.d-switch__rocker{border:1px solid var(--border-strong);color:#8d95b3;text-align:center;width:74px;height:120px;box-shadow:0 0 0 8px #0b0d18, 0 0 0 9px var(--border-strong);background:linear-gradient(#2b3050,#161a30);border-radius:12px;grid-template-rows:1fr 1fr;font-size:22px;transition:transform .18s cubic-bezier(.3,1.6,.5,1);display:grid;transform:rotateX(-22deg)}.d-switch__rocker b{place-items:center;display:grid}.d-switch em{background:#3a3f5c;border-radius:50%;width:12px;height:12px;transition:all .2s}input:checked+.d-switch__rocker{color:var(--accent-2);transform:rotateX(22deg)}.d-switch input:checked~em{background:var(--accent-2);box-shadow:0 0 14px var(--accent-2)}input:focus-visible+.d-switch__rocker{outline:2px solid var(--accent-2);outline-offset:12px}.d-dropdown{cursor:pointer;align-self:start;width:170px;margin-top:26px;position:relative}.d-dropdown>span{background:linear-gradient(120deg, var(--accent), var(--hot));color:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:800;display:flex}.d-dropdown ul{perspective:500px;margin:4px 0 0;padding:0;list-style:none;position:absolute;inset:100% 0 auto}.d-dropdown li{background:var(--surface-solid);border:1px solid var(--border);opacity:0;pointer-events:none;transform-origin:top;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .2s;transition-delay:calc((3 - var(--i)) * 50ms);padding:8px 14px;font-size:14px;transform:rotateX(-90deg)}.d-dropdown:hover li,.d-dropdown:focus li{opacity:1;pointer-events:auto;transition-delay:calc(var(--i) * 80ms);transform:rotateX(0)}.d-dice{grid-template-rows:1fr auto;width:100%;height:100%;padding:10px 14px;display:grid}.d-dice__view{perspective:600px;place-items:center;display:grid}.d-dice__cube{--s:92px;width:var(--s);height:var(--s);transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-28deg) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform 1.1s cubic-bezier(.2,.9,.3,1.15);position:relative}.d-dice__cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.d-dice__cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.d-dice__cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.d-dice__cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.d-dice__cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.d-dice__cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.d-dice__cube i{color:#1a1d33;transform-style:preserve-3d;background:radial-gradient(circle at 30% 30%,#fff,#dfe1f0);border:2px solid #c9cbe0;border-radius:14px;place-items:center;font-size:44px;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}.d-dice__cube i:before{content:"";background:#d3d6ea;position:absolute;inset:6px;transform:translateZ(-6px)}.d-dice__bar{align-items:center;gap:10px;font-size:13px;display:flex}.d-dice__bar button{background:var(--warm);color:#1b1408;cursor:pointer;border:0;border-radius:8px;padding:5px 16px;font-weight:800}.d-dice__bar output{color:var(--muted)}.d-cardstack{cursor:pointer;width:170px;height:110px;transform-style:preserve-3d;outline-offset:30px;position:relative;transform:rotateX(18deg)rotateY(-14deg)}.d-cardstack i{z-index:calc(10 - var(--p));background:linear-gradient(135deg, hsl(var(--hue), 85%, 64%), hsl(calc(var(--hue) + 40), 80%, 46%));color:#fff;opacity:calc(1 - var(--p) * .18);transform:translateY(calc(var(--p) * -12px)) translateZ(calc(var(--p) * -38px));border-radius:14px;place-items:center;font-size:22px;font-style:normal;font-weight:900;transition:transform .38s cubic-bezier(.3,1.2,.5,1),opacity .38s;display:grid;position:absolute;inset:0;box-shadow:0 12px 22px -12px #000}.d-cardstack i.is-leaving{opacity:0;transform:translate(130%)translateZ(60px)rotateY(-35deg)rotate(18deg)}.d-parallax{perspective:500px;background:linear-gradient(#0c1033,#3a1d5e 60%,#ff7a59);position:absolute;inset:0;overflow:hidden}.d-parallax__world{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.d-parallax__world.is-live{transition-duration:.1s}.d-parallax i{position:absolute;inset:-20%}.d-parallax i:first-child{background:#fff4d1;border-radius:50%;width:46px;height:46px;inset:14% auto auto 62%;transform:translateZ(-300px)scale(1.6);box-shadow:0 0 40px #fff4d1}.d-parallax i:nth-child(2){clip-path:polygon(0 100%,0 62%,18% 44%,34% 60%,52% 38%,70% 58%,86% 42%,100% 60%,100% 100%);background:#4a2a73;transform:translateZ(-160px)scale(1.32)}.d-parallax i:nth-child(3){clip-path:polygon(0 100%,0 70%,22% 58%,44% 72%,66% 56%,84% 70%,100% 62%,100% 100%);background:#2a1648;transform:translateZ(-40px)scale(1.08)}.d-parallax i:nth-child(4){clip-path:polygon(0 100%,0 78%,6% 78%,10% 60%,14% 78%,80% 80%,85% 58%,90% 80%,100% 80%,100% 100%);background:#0d0820;transform:translateZ(70px)scale(.9)}.d-parallax b{color:#fff;text-align:center;text-shadow:0 1px 6px #000000b3;pointer-events:none;font-size:13px;font-weight:600;transition:opacity .4s;position:absolute;inset:auto 0 12px}.d-parallax.is-touched b{opacity:0}.d-boxslider{grid-template-rows:1fr auto;justify-items:center;width:100%;height:100%;padding:10px;display:grid}.d-boxslider__view{perspective:700px;place-items:center;display:grid}.d-boxslider__box{width:190px;height:120px;transform-style:preserve-3d;transform:translateZ(-95px) rotateY(calc(var(--step,0) * -90deg));transition:transform .7s cubic-bezier(.3,1.25,.5,1);position:relative}.d-boxslider__box i{background:linear-gradient(135deg, hsl(var(--hue), 85%, 62%), hsl(var(--hue), 75%, 38%));color:#fff;backface-visibility:hidden;transform-style:preserve-3d;border-radius:6px;place-items:center;font-size:26px;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}.d-boxslider__box i:before{content:"";background:hsl(var(--hue), 75%, 34%);position:absolute;inset:5px;transform:translateZ(-5px)}.d-boxslider__box i:first-child{transform:rotateY(0)translateZ(95px)}.d-boxslider__box i:nth-child(2){transform:rotateY(90deg)translateZ(95px)}.d-boxslider__box i:nth-child(3){transform:rotateY(180deg)translateZ(95px)}.d-boxslider__box i:nth-child(4){transform:rotateY(270deg)translateZ(95px)}.d-boxslider__nav{gap:8px;display:flex}.d-boxslider__nav button{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;width:34px;height:28px;padding:0;display:grid}.d-boxslider__nav button:hover{border-color:var(--warm)}.d-wavegrid{grid-template-rows:1fr auto;width:100%;height:100%;padding:8px 14px 10px;display:grid}.d-wavegrid__view{perspective:700px;place-items:center;display:grid}.d-wavegrid__grid{grid-template-columns:repeat(var(--n), 1fr);width:170px;height:170px;transform-style:preserve-3d;gap:3px;display:grid;transform:rotateX(58deg)rotate(-45deg)}.d-wavegrid__grid i{background:var(--warm);animation:2.4s ease-in-out infinite d-wavegrid-bob;animation-delay:calc(var(--d) * -.22s);border-radius:3px}.d-wavegrid label{color:var(--muted);font-family:var(--mono);align-items:center;gap:8px;font-size:11px;display:flex}.d-wavegrid output{min-width:5ch;color:var(--text)}.d-wavegrid input{accent-color:var(--warm);flex:1}@keyframes d-wavegrid-bob{0%,to{opacity:.4;transform:translateZ(-14px)}50%{opacity:1;transform:translateZ(34px)}}.d-confetti{perspective:500px;cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.d-confetti span{color:var(--muted);font-size:13px}.d-confetti i{background:hsl(var(--hue), 90%, 62%);pointer-events:none;border-radius:2px;width:8px;height:12px;margin:-6px 0 0 -4px;animation:1.3s cubic-bezier(.1,.7,.3,1) forwards d-confetti-fly;position:absolute}@keyframes d-confetti-fly{to{opacity:0;transform:translate3d(var(--x), calc(var(--y) + 120px), var(--z)) rotate3d(1, 1, .4, var(--spin))}}.d-scrollspin{--p:0;overscroll-behavior:contain;scrollbar-width:thin;position:absolute;inset:0;overflow-y:auto}.d-scrollspin__sticky{perspective:600px;place-items:center;height:100%;display:grid;position:sticky;top:0}.d-scrollspin__sticky small{color:var(--muted);opacity:calc(1 - var(--p) * 4);font-size:12px;position:absolute;bottom:8px}.d-scrollspin__spacer{height:300%}.d-scrollspin__cube{--s:90px;width:var(--s);height:var(--s);transform-style:preserve-3d;transform:rotateX(calc(-20deg + var(--p) * 360deg)) rotateY(calc(var(--p) * 720deg));position:relative}.d-scrollspin__cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.d-scrollspin__cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.d-scrollspin__cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.d-scrollspin__cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.d-scrollspin__cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.d-scrollspin__cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.d-scrollspin__cube i{background:color-mix(in srgb, var(--warm) 32%, transparent);border:1px solid color-mix(in srgb, var(--warm) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--warm) 30%, transparent);position:absolute;inset:0}.d-ripple{transform-style:preserve-3d;pointer-events:none;grid-template-columns:repeat(7,30px);gap:4px;display:grid;transform:rotateX(30deg)}.d-ripple i{pointer-events:auto;cursor:pointer;height:30px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.3,.5,1);transition-delay:calc(var(--d,0) * 70ms);position:relative}.d-ripple i:before,.d-ripple i:after{content:"";backface-visibility:hidden;border-radius:6px;position:absolute;inset:0}.d-ripple i:before{background:var(--warm)}.d-ripple i:after{background:var(--hot);transform:rotateY(180deg)}.d-ripple[data-flipped] i{transform:rotateY(180deg)}.d-phone{--metal:color-mix(in srgb, var(--muted) 55%, var(--surface-solid));width:84px;height:168px;transform-style:preserve-3d;animation:7s ease-in-out infinite alternate d-phone-turn;position:relative}.d-phone__slab{background:var(--metal);transform:translateZ(calc((var(--i) - 4) * 1px));border-radius:15px;position:absolute;inset:.5px}.d-phone__wall{background:linear-gradient(90deg, var(--metal), color-mix(in srgb, var(--text) 60%, var(--metal)) 50%, var(--metal));position:absolute}.d-phone__wall--l,.d-phone__wall--r{width:10px;height:138px;top:15px;left:calc(50% - 5px)}.d-phone__wall--t,.d-phone__wall--b{background:linear-gradient(var(--metal), color-mix(in srgb, var(--text) 60%, var(--metal)) 50%, var(--metal));width:54px;height:10px;top:calc(50% - 5px);left:15px}.d-phone__wall--l{transform:rotateY(-90deg)translateZ(42px)}.d-phone__wall--r{transform:rotateY(90deg)translateZ(42px)}.d-phone__wall--t{transform:rotateX(90deg)translateZ(84px)}.d-phone__wall--b{transform:rotateX(-90deg)translateZ(84px)}.d-phone__front,.d-phone__back{backface-visibility:hidden;border-radius:15px;position:absolute;inset:0}.d-phone__front{background:#05060c;padding:4px;transform:translateZ(5px)}.d-phone__screen{background:radial-gradient(circle at 80% 8%, color-mix(in srgb, var(--warm) 80%, transparent), transparent 45%), linear-gradient(165deg, var(--accent), var(--hot) 70%, var(--warm) 120%);color:#fff;border-radius:11px;flex-direction:column;align-items:center;height:100%;padding:18px 7px 7px;display:flex;position:relative;overflow:hidden}.d-phone__screen strong{letter-spacing:-.5px;font-size:21px;font-weight:800;line-height:1}.d-phone__screen small{opacity:.85;margin-top:2px;font-size:7px}.d-phone__notch{background:#05060c;border-radius:3px;width:24px;height:6px;position:absolute;top:5px;left:calc(50% - 12px)}.d-phone__widget{background:#ffffff2e;border:1px solid #ffffff59;border-radius:8px;gap:4px;width:100%;margin-top:12px;padding:7px;display:grid}.d-phone__widget i{background:#ffffffd9;border-radius:2px;height:4px}.d-phone__widget i:nth-child(2){opacity:.6;width:70%}.d-phone__widget i:nth-child(3){opacity:.6;width:45%}.d-phone__dock{background:#fff3;border-radius:9px;justify-content:center;gap:5px;width:100%;margin-top:auto;padding:5px;display:flex}.d-phone__dock i{background:#ffffffe6;border-radius:4px;width:13px;height:13px}.d-phone__dock i:nth-child(2){background:var(--accent-2)}.d-phone__dock i:nth-child(3){background:#05060c}.d-phone__back{border:1px solid color-mix(in srgb, var(--text) 25%, transparent);background:linear-gradient(125deg, transparent 40%, #ffffff24 50%, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 55%, var(--surface-solid)), color-mix(in srgb, var(--accent) 15%, var(--surface-solid)));transform:rotateY(180deg)translateZ(5px)}.d-phone__back i{background:radial-gradient(circle at 9px 9px, #4a5078 0 2px, #05060c 2.5px 6px, transparent 6.5px), radial-gradient(circle at 21px 21px, #4a5078 0 2px, #05060c 2.5px 6px, transparent 6.5px), color-mix(in srgb, var(--accent) 25%, #10121f);border-radius:9px;width:30px;height:30px;position:absolute;top:8px;left:8px}.d-phone__back b{border:3px solid #ffffff8c;border-radius:50%;width:16px;height:16px;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}@keyframes d-phone-turn{0%{transform:rotateX(-8deg)rotateY(-35deg)}to{transform:rotateX(-8deg)rotateY(215deg)}}.d-paycard{width:196px;height:124px;transform-style:preserve-3d;touch-action:none;animation:6s ease-in-out infinite alternate d-paycard-idle}.d-paycard__card{color:#fff;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s cubic-bezier(.2,.9,.3,1.2);position:relative}.d-paycard__card.is-live{transition-duration:.12s;transition-timing-function:ease-out}.d-paycard__card>span{pointer-events:none;position:absolute;transform:translateZ(14px)}.d-paycard__shadow{background:radial-gradient(#0000008c,#0000 68%);position:absolute;inset:6px -4px -14px;transform:translateZ(-40px)}.d-paycard__face{background:radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--accent-2) 70%, transparent), transparent 55%), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--hot) 85%, transparent), transparent 60%), linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 45%, #0b0d18));border:1px solid #ffffff47;border-radius:14px;position:absolute;inset:0;overflow:hidden}.d-paycard__glare{transform:translate(calc(var(--gx,-14) * 1%), calc(var(--gy,-16) * 1%));background:radial-gradient(circle,#fff9,#ffffff1f 28%,#0000 48%);transition:transform .6s ease-out;position:absolute;inset:-50%}.d-paycard__card.is-live .d-paycard__glare{transition-duration:.12s}.d-paycard__chip{background:linear-gradient(90deg, transparent 31%, #00000059 31% 34%, transparent 34% 66%, #00000059 66% 69%, transparent 69%), linear-gradient(transparent 46%, #00000059 46% 54%, transparent 54%), linear-gradient(135deg, #ffe9b0, var(--warm) 55%, #b97a1c);border-radius:5px;width:32px;height:24px;top:34px;left:18px}.d-paycard__brand{width:40px;height:24px;top:14px;right:16px}.d-paycard__brand i{border:4px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;top:0}.d-paycard__brand i:first-child{left:0}.d-paycard__brand i:last-child{border-color:var(--accent-2);right:0}.d-paycard__num{letter-spacing:1.5px;text-shadow:0 1px 2px #00000073;white-space:nowrap;font:600 13px/1 ui-monospace,SF Mono,Consolas,monospace;bottom:36px;left:18px}.d-paycard__name,.d-paycard__exp{letter-spacing:1.2px;opacity:.85;font-size:9px;font-weight:700;bottom:15px}.d-paycard__name{left:18px}.d-paycard__exp{right:18px}@keyframes d-paycard-idle{0%{transform:rotateX(7deg)rotateY(-12deg)}to{transform:rotateX(3deg)rotateY(12deg)}}.d-package{--card:color-mix(in srgb, var(--accent) 45%, var(--surface-solid));--card-dark:color-mix(in srgb, var(--accent) 22%, var(--surface-solid));outline-offset:-4px;cursor:pointer;width:200px;height:186px;transform-style:preserve-3d;border-radius:16px;place-items:center;display:grid}.d-package__box{pointer-events:none;width:88px;height:60px;transform-style:preserve-3d;animation:5s ease-in-out infinite alternate d-package-sway;position:relative}.d-package__wall{border:1px solid color-mix(in srgb, var(--accent) 70%, var(--text));background:linear-gradient(90deg, transparent 42%, var(--hot) 42% 58%, transparent 58%), linear-gradient(var(--card), var(--card-dark));position:absolute;inset:0}.d-package__wall--front{backface-visibility:hidden;place-items:end start;padding:5px 6px;display:grid;transform:translateZ(44px)}.d-package__wall--back{transform:rotateY(180deg)translateZ(44px)}.d-package__wall--left,.d-package__wall--right{background:linear-gradient(var(--card-dark), color-mix(in srgb, var(--card-dark) 70%, #000))}.d-package__wall--left{transform:rotateY(-90deg)translateZ(44px)}.d-package__wall--right{transform:rotateY(90deg)translateZ(44px)}.d-package__wall em{color:#fff;letter-spacing:1px;font-size:7px;font-style:normal;font-weight:800}.d-package__base{background:color-mix(in srgb, var(--card-dark) 60%, #000);width:88px;height:88px;position:absolute;top:calc(50% - 44px);left:0;transform:rotateX(-90deg)translateZ(30px)}.d-package__lid{border:1px solid color-mix(in srgb, var(--accent) 70%, var(--text));background:linear-gradient(90deg, transparent 42%, var(--hot) 42% 58%, transparent 58%), linear-gradient(color-mix(in srgb, var(--card) 80%, #fff), var(--card));transform-origin:50% 100%;width:88px;height:88px;transition:transform .55s ease-in-out .3s;position:absolute;top:-88px;left:0;transform:translateZ(-44px)rotateX(-90deg)}.d-package__card{background:linear-gradient(140deg, var(--accent-2), var(--accent) 60%, var(--hot));color:#fff;letter-spacing:1.5px;border:1px solid #ffffff80;border-radius:8px;align-content:center;place-items:center;gap:5px;width:62px;height:52px;font-size:9px;font-weight:900;transition:transform .5s ease-in-out;display:grid;position:absolute;top:5px;left:calc(50% - 31px);box-shadow:inset 0 0 14px #ffffff40}.d-package__card b{background:linear-gradient(135deg,#fff,#ffffff59);border-radius:4px;width:16px;height:16px;transform:rotate(45deg)}.d-package:hover .d-package__lid,.d-package:focus-visible .d-package__lid{transition:transform .7s cubic-bezier(.3,1.35,.5,1);transform:translateZ(-44px)rotateX(24deg)}.d-package:hover .d-package__card,.d-package:focus-visible .d-package__card{transition:transform .6s cubic-bezier(.3,1.3,.5,1) .3s;transform:translateY(-64px)}@keyframes d-package-sway{0%{transform:translateY(40px)rotateX(-24deg)rotateY(-38deg)}to{transform:translateY(40px)rotateX(-24deg)rotateY(-22deg)}}.d-can{transform-style:preserve-3d;position:relative;transform:rotateX(-16deg)rotate(-9deg)}.d-can__spin{width:70px;height:118px;transform-style:preserve-3d;animation:8s linear infinite d-can-spin;position:relative}.d-can__spin>i:first-child{--i:0}.d-can__spin>i:nth-child(2){--i:1}.d-can__spin>i:nth-child(3){--i:2}.d-can__spin>i:nth-child(4){--i:3}.d-can__spin>i:nth-child(5){--i:4}.d-can__spin>i:nth-child(6){--i:5}.d-can__spin>i:nth-child(7){--i:6}.d-can__spin>i:nth-child(8){--i:7}.d-can__spin>i:nth-child(9){--i:8}.d-can__spin>i:nth-child(10){--i:9}.d-can__spin>i:nth-child(11){--i:10}.d-can__spin>i:nth-child(12){--i:11}.d-can__spin>i:nth-child(13){--i:12}.d-can__spin>i:nth-child(14){--i:13}.d-can__spin>i:nth-child(15){--i:14}.d-can__spin>i:nth-child(16){--i:15}.d-can__spin>i:nth-child(17){--i:16}.d-can__spin>i:nth-child(18){--i:17}.d-can__spin>i:nth-child(19){--i:18}.d-can__spin>i:nth-child(20){--i:19}.d-can__spin>i{backface-visibility:hidden;background-image:linear-gradient(#e6e9f5 0 3%, #9aa1bd 5%, transparent 5% 95%, #9aa1bd 95%, #e6e9f5 97%), radial-gradient(circle at 55px 50%, var(--hot) 0 8px, #fff 8.5px 15px, transparent 15.5px), radial-gradient(circle at 165px 50%, var(--accent-2) 0 8px, #fff 8.5px 15px, transparent 15.5px), linear-gradient(100deg, transparent 0 18%, #ffffff47 18% 24%, transparent 24% 68%, #ffffff47 68% 74%, transparent 74%), linear-gradient(90deg, var(--accent), var(--hot) 50%, var(--accent));background-size:220px 100%;background-position:calc(var(--i) * -11px + .25px) 0;width:11.5px;height:100%;transform:rotateY(calc(var(--i) * 18deg)) translateZ(34.7256px);position:absolute;top:0;left:calc(50% - 5.75px)}.d-can__spin>i:after{content:"";animation:8s linear infinite d-can-shade;animation-delay:calc(var(--i) * -.4s);background:#05060f;position:absolute;inset:0}.d-can__top,.d-can__bottom{border-radius:50%;width:70px;height:70px;position:absolute;left:0}.d-can__top{background:radial-gradient(9px 13px at 50% 68%,#3a3f5c 0 95%,#0000 100%),radial-gradient(circle,#cfd3e6 0 52%,#8f96b3 54% 60%,#eef0fa 62% 86%,#a3a9c4 88%);top:-35px;transform:rotateX(90deg)}.d-can__bottom{background:radial-gradient(circle,#6d7391 0 50%,#a3a9c4 52%);top:calc(100% - 35px);transform:rotateX(-90deg)}.d-can__streak{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);border-radius:4px;width:8px;height:82%;position:absolute;top:9%;left:calc(50% - 19px);transform:translateZ(35.7256px)}@keyframes d-can-spin{to{transform:rotateY(360deg)}}@keyframes d-can-shade{0%{opacity:.08}6.25%{opacity:.23}12.5%{opacity:.44}25%,50%{opacity:.62}75%{opacity:.34}87.5%{opacity:.04}91.5%{opacity:0}to{opacity:.08}}.d-vinyl{outline-offset:-4px;cursor:pointer;width:216px;height:160px;transform-style:preserve-3d;border-radius:16px;place-items:center;display:grid}.d-vinyl__set{pointer-events:none;width:120px;height:120px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.2,.5,1);position:relative;transform:translate(-8px)rotateX(4deg)rotateY(18deg)}.d-vinyl__front,.d-vinyl__back{border-radius:3px;position:absolute;inset:0}.d-vinyl__back{background:color-mix(in srgb, var(--accent) 30%, #0b0d18);transform:translateZ(-3px)}.d-vinyl__front{background:radial-gradient(circle at 78% 72%, transparent 0 17px, #ffffffe6 17.5px 19px, transparent 19.5px 27px, #ffffff8c 27.5px 29px, transparent 29.5px 38px, #ffffff4d 38.5px 40px, transparent 40.5px), radial-gradient(circle at 78% 72%, var(--warm) 0 17px, transparent 17.5px), linear-gradient(150deg, var(--accent), var(--hot) 85%);color:#fff;backface-visibility:hidden;border:1px solid #ffffff38;flex-direction:column;justify-content:space-between;padding:10px;display:flex;overflow:hidden;transform:translateZ(3px)}.d-vinyl__front b{letter-spacing:-.5px;font-size:17px;font-weight:900;line-height:.95}.d-vinyl__front span{letter-spacing:1px;text-transform:uppercase;opacity:.85;font-size:7px;font-weight:700}.d-vinyl__spine{background:color-mix(in srgb, var(--accent) 60%, #0b0d18);width:6px;height:100%;position:absolute;top:0;left:-3px;transform:rotateY(90deg)}.d-vinyl__disc{background:conic-gradient(from 35deg, transparent 0 6%, #ffffff38 11%, transparent 17% 56%, #ffffff29 61%, transparent 67%), repeating-radial-gradient(circle, #0c0c12 0 1.5px, #1f1f2a 1.5px 3px);border-radius:50%;place-items:center;transition:transform .7s cubic-bezier(.3,1.1,.5,1);display:grid;position:absolute;inset:6px;transform:translate(12px)}.d-vinyl__label{background:radial-gradient(circle, #0c0c12 0 2.5px, transparent 3px), conic-gradient(var(--warm) 0 25%, var(--hot) 0 50%, var(--warm) 0 75%, var(--hot) 0);border-radius:50%;width:40px;height:40px;animation:1.8s linear infinite paused d-vinyl-spin}.d-vinyl:hover .d-vinyl__set,.d-vinyl:focus-visible .d-vinyl__set{transform:translate(-36px)rotateX(6deg)rotateY(-22deg)}.d-vinyl:hover .d-vinyl__disc,.d-vinyl:focus-visible .d-vinyl__disc{transform:translate(70px)}.d-vinyl:hover .d-vinyl__label,.d-vinyl:focus-visible .d-vinyl__label{animation-play-state:running}@keyframes d-vinyl-spin{to{transform:rotate(360deg)}}.d-flaptext{border:1px solid var(--border-strong);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, #0b0d18), #0b0d18 70%);border-radius:12px;gap:8px;padding:12px 12px 10px;display:grid;box-shadow:0 18px 30px -18px #000c}.d-flaptext__head{color:#949bc0;letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;display:flex}.d-flaptext__head b{color:var(--warm);font-weight:800}.d-flaptext__row{gap:3px;display:flex}.d-flaptext__cell{perspective:140px;width:21px;height:34px;position:relative}.d-flaptext__cell:after{content:"";background:#05060c;height:1px;position:absolute;top:calc(50% - .5px);left:0;right:0}.d-flaptext__cell i{backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.d-flaptext__cell i:before{content:attr(data-c);color:#f4f1e6;height:200%;font:800 22px/34px var(--mono,ui-monospace, monospace);text-align:center;position:absolute;left:0;right:0}.d-flaptext__top,.d-flaptext__fall{background:#1a1e36;border-radius:4px 4px 0 0;top:0}.d-flaptext__top:before,.d-flaptext__fall:before{top:0}.d-flaptext__bottom,.d-flaptext__land{background:#20254a;border-radius:0 0 4px 4px;bottom:0}.d-flaptext__bottom:before,.d-flaptext__land:before{bottom:0}.d-flaptext__fall{transform-origin:50% 100%;transform:rotateX(-90deg)}.d-flaptext__land{transform-origin:50% 0}.d-flaptext__cell.is-flip .d-flaptext__fall{animation:d-flaptext-fall .17s ease-in calc(var(--i) * 45ms) both}.d-flaptext__cell.is-flip .d-flaptext__land{animation:d-flaptext-land .17s ease-out calc(var(--i) * 45ms + .17s) both}@keyframes d-flaptext-fall{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes d-flaptext-land{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.d-shadowtext{transform-style:preserve-3d;letter-spacing:.02em;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:50px;font-weight:900;line-height:1;animation:7s ease-in-out infinite alternate d-shadowtext-sway;position:relative;transform:rotateX(54deg)rotate(-32deg)}.d-shadowtext span{transform:translateZ(calc(var(--i) * -1.2px));color:hsl(252, 62%, calc(46% - var(--i) * 1.3%));position:absolute;inset:0}.d-shadowtext span:first-child{background:linear-gradient(100deg, var(--accent-2), var(--accent) 45%, var(--hot));color:#0000;-webkit-background-clip:text;background-clip:text;display:block;position:relative}.d-shadowtext span:last-child{color:#0000008c;text-shadow:0 0 10px #0009;transform:translateZ(-25px)translate(-5px,7px)}@keyframes d-shadowtext-sway{0%{transform:rotateX(56deg)rotate(-40deg)}to{transform:rotateX(48deg)rotate(-22deg)}}.d-wordcube{color:var(--text);white-space:nowrap;transform-style:preserve-3d;align-items:center;gap:9px;font-size:21px;font-weight:800;display:flex}.d-wordcube__prism{width:104px;height:36px;transform-style:preserve-3d;animation:9s infinite d-wordcube-turn;position:relative}.d-wordcube__prism>span{border:1px solid color-mix(in srgb, var(--c) 80%, transparent);background:color-mix(in srgb, var(--c) 26%, transparent);box-shadow:inset 0 0 18px color-mix(in srgb, var(--c) 32%, transparent);color:var(--c);backface-visibility:hidden;transform:rotateX(calc(var(--i) * -90deg)) translateZ(18px);border-radius:8px;align-items:center;padding-left:12px;display:flex;position:absolute;inset:0}@keyframes d-wordcube-turn{0%,19%{animation-timing-function:cubic-bezier(.6,-.3,.3,1.3);transform:translateZ(-18px)rotateX(0)}25%,44%{animation-timing-function:cubic-bezier(.6,-.3,.3,1.3);transform:translateZ(-18px)rotateX(90deg)}50%,69%{animation-timing-function:cubic-bezier(.6,-.3,.3,1.3);transform:translateZ(-18px)rotateX(180deg)}75%,94%{animation-timing-function:cubic-bezier(.6,-.3,.3,1.3);transform:translateZ(-18px)rotateX(270deg)}to{transform:translateZ(-18px)rotateX(360deg)}}.d-foldtext{cursor:pointer;width:214px;height:144px;transform-style:preserve-3d;border-radius:12px;place-items:center;display:grid}.d-foldtext:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.d-foldtext__panel{pointer-events:none;width:66px;height:104px;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,1.25,.5,1);position:relative}.d-foldtext__panel--mid{transform:rotateX(8deg)rotateY(52deg)}.d-foldtext__panel--left,.d-foldtext__panel--right{position:absolute;top:0;transform:rotateY(-104deg)}.d-foldtext__panel--left{transform-origin:100%;right:100%}.d-foldtext__panel--right{transform-origin:0;left:100%}.d-foldtext:hover .d-foldtext__panel,.d-foldtext:focus-visible .d-foldtext__panel{transform:none}.d-foldtext__panel>b{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.d-foldtext__panel>b>span{top:0;left:calc(var(--i) * -100%);background:linear-gradient(115deg, var(--accent), var(--hot) 60%, var(--warm));color:#fff;letter-spacing:.03em;text-align:center;place-content:center;gap:4px;width:300%;height:100%;font-size:41px;font-weight:900;line-height:1;display:grid;position:absolute}.d-foldtext__panel>b>span small{letter-spacing:.3em;opacity:.85;font-size:10px;font-weight:700}.d-foldtext__panel>b:after{content:"";background:linear-gradient(90deg,#00000073,#0000001a);transition:opacity .9s;position:absolute;inset:0}.d-foldtext__panel--mid>b:after{background:linear-gradient(90deg,#ffffff38,#fff0)}.d-foldtext:hover .d-foldtext__panel>b:after,.d-foldtext:focus-visible .d-foldtext__panel>b:after{opacity:0}.d-crawl{perspective:420px;perspective-origin:50% 100%;background:#05060f;position:absolute;inset:0;overflow:hidden}.d-crawl__plane{transform-origin:50% 100%;width:min(74%,310px);height:950px;margin:0 auto;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:rotateX(55deg)}.d-crawl__text{color:#ffb547;text-align:justify;margin:0;font-size:17px;font-weight:700;line-height:1.45;animation:30s linear infinite d-crawl-roll;position:absolute;top:0;left:0;right:0}.d-crawl__text+.d-crawl__text{animation-delay:-15s}.d-crawl__text h4{letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0 0 .6em;font-size:1.5em}.d-crawl__text p{margin:0 0 1em}.d-crawl__fade{pointer-events:none;background:radial-gradient(circle at 12% 18%,#fff .7px,#0000 1.3px),radial-gradient(circle at 31% 9%,#cfd6ff .7px,#0000 1.3px),radial-gradient(circle at 55% 22%,#fff 1px,#0000 1.7px),radial-gradient(circle at 72% 12%,#ffe9c2 .7px,#0000 1.3px),radial-gradient(circle at 88% 27%,#fff .7px,#0000 1.3px),radial-gradient(circle at 22% 34%,#cfd6ff .7px,#0000 1.3px),radial-gradient(circle at 93% 6%,#fff 1px,#0000 1.7px),linear-gradient(0deg,#0000 90px,#05060f 185px);position:absolute;inset:0}@keyframes d-crawl-roll{0%{transform:translateY(950px)}to{transform:translateY(-100%)}}.d-anaglyph{border:1px solid var(--border-strong);width:214px;transform:rotateY(var(--ry,-14deg)) rotateX(var(--rx,6deg));background:radial-gradient(circle at 50% 30%,#171b38,#07080f 75%);border-radius:16px;place-items:center;gap:2px;padding:24px 0 16px;transition:transform .7s cubic-bezier(.3,1.3,.5,1);display:grid;box-shadow:0 22px 34px -22px #000000d9}.d-anaglyph__word{letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:43px;font-weight:900;line-height:1;position:relative}.d-anaglyph__word span{color:#ff1744;mix-blend-mode:screen;transform:translate(calc(var(--sx,3px) * -1), calc(var(--sy,0px) * -1));transition:transform .7s cubic-bezier(.3,1.3,.5,1);display:block}.d-anaglyph__word span+span{color:#00e5ff;transform:translate(var(--sx,3px), var(--sy,0px));position:absolute;inset:0}.d-anaglyph small{color:#949bc0;letter-spacing:.14em;text-transform:uppercase;font-size:9.5px;font-weight:600}.d-anaglyph.is-live,.d-anaglyph.is-live span{transition-duration:.12s;transition-timing-function:ease-out}.d-check{gap:7px;width:204px;margin:0;padding:0;list-style:none;display:grid}.d-check li{position:relative}.d-check input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.d-check label{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-solid) 60%, transparent);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .2s;display:flex}.d-check label:hover{border-color:var(--border-strong)}.d-check input:focus-visible+label{outline:2px solid var(--accent-2);outline-offset:2px}.d-check__box{perspective:160px;pointer-events:none;flex:none;width:22px;height:22px}.d-check__cube{--s:22px;width:22px;height:22px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.5,.5,1);display:block;position:relative;transform:rotateX(-16deg)rotateY(-24deg)rotateX(0)}.d-check__cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.d-check__cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.d-check__cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.d-check__cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.d-check__cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.d-check__cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.d-check__cube i{background:color-mix(in srgb, var(--accent) 22%, transparent);border:1px solid color-mix(in srgb, var(--accent) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:3px;position:absolute;inset:0}.d-check__cube i:last-child{border-color:var(--accent-2);background:var(--accent-2);box-shadow:0 0 12px color-mix(in srgb, var(--accent-2) 60%, transparent);color:#062b28;backface-visibility:hidden;place-items:center;display:grid}.d-check__cube i:last-child svg{width:15px;height:15px}input:checked+label .d-check__cube{transform:rotateX(-16deg)rotateY(-24deg)rotateX(90deg)}.d-check__text{transition:opacity .3s;position:relative}.d-check__text:after{content:"";background:var(--accent-2);transform-origin:0;border-radius:1px;height:1.5px;transition:transform .35s ease-out;position:absolute;top:52%;left:-3px;right:-3px;transform:scaleX(0)}input:checked+label .d-check__text{opacity:.55}input:checked+label .d-check__text:after{transition-delay:.15s;transform:scaleX(1)}.d-tabs{gap:20px;width:204px;display:grid;position:relative}.d-tabs input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;top:0;left:0}.d-tabs__nav{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-solid) 60%, transparent);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;display:grid}.d-tabs__nav label{color:var(--muted);text-align:center;cursor:pointer;border-radius:7px;padding:5px 0;font-size:11px;font-weight:700;transition:background .25s,color .25s}.d-tabs__nav label:hover{color:var(--text)}.d-tabs__view{perspective:520px;pointer-events:none;height:92px}.d-tabs__prism{height:100%;transform-style:preserve-3d;transform:translateZ(-46px) rotateX(calc(var(--step,0) * 90deg));transition:transform .75s cubic-bezier(.3,1.2,.4,1);position:relative}.d-tabs__prism section{border:1px solid color-mix(in srgb, var(--c) 70%, transparent);background:linear-gradient(140deg, color-mix(in srgb, var(--c) 34%, transparent), transparent 70%), color-mix(in srgb, var(--surface-solid) 88%, transparent);backface-visibility:hidden;transform:rotateX(calc(var(--i) * -90deg)) translateZ(46px);border-radius:10px;align-content:center;gap:4px;padding:0 16px;display:grid;position:absolute;inset:0}.d-tabs__prism section b{color:var(--c);font-size:15px;font-weight:800}.d-tabs__prism section p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.4}input:first-of-type:checked~.d-tabs__view .d-tabs__prism{--step:0}input:first-of-type:checked~.d-tabs__nav label:first-of-type{background:var(--accent);color:#fff}input:first-of-type:focus-visible~.d-tabs__nav label:first-of-type{outline:2px solid var(--accent-2);outline-offset:2px}input:nth-of-type(2):checked~.d-tabs__view .d-tabs__prism{--step:1}input:nth-of-type(2):checked~.d-tabs__nav label:nth-of-type(2){background:var(--accent);color:#fff}input:nth-of-type(2):focus-visible~.d-tabs__nav label:nth-of-type(2){outline:2px solid var(--accent-2);outline-offset:2px}input:nth-of-type(3):checked~.d-tabs__view .d-tabs__prism{--step:2}input:nth-of-type(3):checked~.d-tabs__nav label:nth-of-type(3){background:var(--accent);color:#fff}input:nth-of-type(3):focus-visible~.d-tabs__nav label:nth-of-type(3){outline:2px solid var(--accent-2);outline-offset:2px}input:nth-of-type(4):checked~.d-tabs__view .d-tabs__prism{--step:3}input:nth-of-type(4):checked~.d-tabs__nav label:nth-of-type(4){background:var(--accent);color:#fff}input:nth-of-type(4):focus-visible~.d-tabs__nav label:nth-of-type(4){outline:2px solid var(--accent-2);outline-offset:2px}.d-radial{width:212px;height:134px;transform-style:preserve-3d;position:relative;transform:rotateX(16deg)}.d-radial>input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;bottom:0;left:50%}.d-radial__fab{background:linear-gradient(140deg, var(--accent), var(--hot));width:48px;height:48px;box-shadow:0 10px 22px -8px color-mix(in srgb, var(--accent) 80%, transparent);color:#fff;cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;left:calc(50% - 24px);transform:translateZ(1px)}.d-radial__fab svg{pointer-events:none;width:22px;height:22px;transition:transform .45s cubic-bezier(.3,1.5,.5,1)}.d-radial>input:focus-visible~.d-radial__fab{outline:2px solid var(--accent-2);outline-offset:3px}.d-radial>input:checked~.d-radial__fab svg{transform:rotate(135deg)}.d-radial__ring{border:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);opacity:0;pointer-events:none;transform-origin:50% 100%;border-bottom:0;border-radius:80px 80px 0 0;width:160px;height:80px;transition:transform .5s cubic-bezier(.3,1.3,.5,1),opacity .3s;position:absolute;bottom:24px;left:calc(50% - 80px);transform:scale(.3)}.d-radial>input:checked~.d-radial__ring{opacity:1;transform:scale(1)}.d-radial__item{--a:calc(-160deg + var(--i) * 35deg);border:1px solid color-mix(in srgb, var(--c) 80%, transparent);background:color-mix(in srgb, var(--c) 30%, var(--surface-solid));width:36px;height:36px;color:var(--text);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:rotate(var(--a)) translateX(0) rotate(calc(var(--a) * -1)) translateZ(-30px) rotateX(-100deg) scale(.4);transition:transform .35s ease-in calc((4 - var(--i)) * 35ms), opacity .25s linear calc((4 - var(--i)) * 35ms + .1s), visibility 0s linear .55s;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:6px;left:calc(50% - 18px)}.d-radial__item svg{width:17px;height:17px}.d-radial__item:hover,.d-radial__item:focus-visible{background:color-mix(in srgb, var(--c) 65%, var(--surface-solid))}.d-radial>input:checked~.d-radial__item{opacity:1;visibility:visible;pointer-events:auto;transform:rotate(var(--a)) translateX(80px) rotate(calc(var(--a) * -1)) translateZ(26px) rotateX(0deg) scale(1);transition:transform .55s cubic-bezier(.3, 1.5, .5, 1) calc(var(--i) * 45ms), opacity .2s linear calc(var(--i) * 45ms), visibility 0s}.d-magnet{border:1px dashed var(--border);width:220px;height:160px;transform-style:preserve-3d;touch-action:none;border-radius:18px;place-items:center;display:grid;position:relative}.d-magnet__glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent-2) 55%, transparent), transparent 68%);opacity:0;pointer-events:none;width:120px;height:120px;transform:translate3d(calc(var(--mx,0) * 70px), calc(var(--my,0) * 44px), 0);border-radius:50%;transition:transform .7s cubic-bezier(.3,1.6,.5,1),opacity .4s;position:absolute;top:calc(50% - 60px);left:calc(50% - 60px)}.d-magnet__btn{border:1px solid color-mix(in srgb, var(--accent) 80%, #fff);background:linear-gradient(140deg, var(--accent), color-mix(in srgb, var(--accent) 55%, var(--hot)));width:138px;height:50px;box-shadow:0 16px 26px -14px color-mix(in srgb, var(--accent) 90%, transparent);color:#fff;font:inherit;cursor:pointer;transform-style:preserve-3d;transform:translate3d(calc(var(--mx,0) * 24px), calc(var(--my,0) * 16px), 34px) rotateY(calc(var(--mx,0) * 20deg)) rotateX(calc(var(--my,0) * -18deg));border-radius:14px;padding:0;font-size:15px;font-weight:800;transition:transform .7s cubic-bezier(.3,1.9,.5,1);position:relative}.d-magnet__btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}.d-magnet__btn span{pointer-events:none;text-shadow:0 6px 10px #00000059;transition:transform .2s;display:block;transform:translateZ(30px)}.d-magnet__btn:active span{transform:translateZ(8px)}.d-magnet.is-live .d-magnet__btn,.d-magnet.is-live .d-magnet__glow{transition-duration:.14s,.4s;transition-timing-function:ease-out}.d-magnet.is-live .d-magnet__glow{opacity:1}.d-hovercards{width:156px;height:132px;transform-style:preserve-3d;pointer-events:none;display:flex}.d-hovercards__slot{cursor:pointer;pointer-events:auto;transform-style:preserve-3d;outline:none;flex:1;position:relative}.d-hovercards__slot:first-child{--r:-8deg;--z:0px;--c:var(--accent)}.d-hovercards__slot:nth-child(2){--r:0deg;--z:12px;--c:var(--hot)}.d-hovercards__slot:nth-child(3){--r:8deg;--z:24px;--c:var(--accent-2)}.d-hovercards__card{border:1px solid color-mix(in srgb, var(--c) 70%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--c) 46%, var(--surface-solid)), color-mix(in srgb, var(--c) 12%, var(--surface-solid)));width:84px;height:120px;color:var(--text);opacity:var(--o,1);pointer-events:none;transform-origin:50% 100%;transform:translate3d(var(--x,0px), var(--y,0px), var(--z)) rotateY(var(--ry,0deg)) rotateZ(var(--r));border-radius:11px;align-content:start;gap:6px;padding:8px;transition:transform .45s cubic-bezier(.3,1.3,.5,1),opacity .3s;display:grid;position:absolute;top:6px;left:calc(50% - 42px);box-shadow:0 12px 18px -12px #000}.d-hovercards__card i{background:radial-gradient(circle at 70% 30%, #ffffff8c, transparent 45%), linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 40%, #000));border-radius:6px;height:42px}.d-hovercards__card b{font-size:11px;line-height:1}.d-hovercards__card span{background:color-mix(in srgb, var(--text) 28%, transparent);border-radius:2px;height:4px}.d-hovercards__card span:last-child{width:60%}.d-hovercards:hover .d-hovercards__slot,.d-hovercards:focus-within .d-hovercards__slot{--o:.5}.d-hovercards__slot:hover~.d-hovercards__slot,.d-hovercards__slot:focus-visible~.d-hovercards__slot{--x:16px;--ry:26deg}:is(.d-hovercards__slot:has(~.d-hovercards__slot:hover),.d-hovercards__slot:has(~.d-hovercards__slot:focus-visible)){--x:-16px;--ry:-26deg}.d-hovercards .d-hovercards__slot:is(:hover,:focus-visible){--o:1;--x:0px;--y:-6px;--z:80px;--r:0deg;--ry:0deg}.d-flipgrid{transform-style:preserve-3d;pointer-events:none;grid-template-columns:repeat(3,62px);gap:9px;display:grid;transform:rotateX(16deg)}.d-flipgrid__tile{--flip:rotateY(180deg);cursor:pointer;pointer-events:auto;height:62px;transform-style:preserve-3d;outline:none;position:relative}.d-flipgrid__tile:nth-child(2n){--flip:rotateX(180deg)}.d-flipgrid__inner{pointer-events:none;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.25,.5,1);position:absolute;inset:0}.d-flipgrid__inner>*{backface-visibility:hidden;border-radius:10px;place-items:center;display:grid;position:absolute;inset:0}.d-flipgrid__inner b{color:var(--text);background:color-mix(in srgb, var(--c) 26%, transparent);border:1px solid color-mix(in srgb, var(--c) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--c) 30%, transparent);font-size:20px;font-weight:900}.d-flipgrid__inner span{background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 45%, #000));color:#fff;letter-spacing:.04em;transform:var(--flip);font-size:12px;font-weight:800}.d-flipgrid__tile:hover .d-flipgrid__inner,.d-flipgrid__tile:focus-visible .d-flipgrid__inner{transform:translateZ(30px) var(--flip)}.d-accordion{width:196px;height:187px;transform-style:preserve-3d;position:relative;transform:rotateY(-18deg)rotateX(4deg)}.d-accordion>input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.d-accordion__sec{top:calc(var(--i) * 37px);height:32px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;left:0;right:0}.d-accordion label{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--accent) 14%, var(--surface-solid));height:100%;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:flex}.d-accordion label:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:6px;height:6px;transition:transform .4s;transform:translateY(-2px)rotate(45deg)}.d-accordion__panel{border:1px solid color-mix(in srgb, var(--accent-2) 60%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-2) 26%, var(--surface-solid)), color-mix(in srgb, var(--accent) 16%, var(--surface-solid)));height:71px;color:var(--text);opacity:0;pointer-events:none;transform-origin:top;border-radius:9px;padding:9px 12px;font-size:11px;line-height:1.45;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;top:calc(100% + 5px);left:0;right:0;transform:rotateX(-90deg)}.d-accordion>input:first-of-type:checked~.d-accordion__sec:first-of-type .d-accordion__panel{opacity:1;pointer-events:auto;transform:rotateX(0)}.d-accordion>input:first-of-type:checked~.d-accordion__sec:first-of-type label{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 38%, var(--surface-solid))}.d-accordion>input:first-of-type:checked~.d-accordion__sec:first-of-type label:after{transform:translateY(1px)rotate(-135deg)}.d-accordion>input:first-of-type:focus-visible~.d-accordion__sec:first-of-type label{outline:2px solid var(--accent-2);outline-offset:2px}.d-accordion>input:first-of-type:checked~.d-accordion__sec:nth-of-type(n+2){transform:translateY(76px)}.d-accordion>input:nth-of-type(2):checked~.d-accordion__sec:nth-of-type(2) .d-accordion__panel{opacity:1;pointer-events:auto;transform:rotateX(0)}.d-accordion>input:nth-of-type(2):checked~.d-accordion__sec:nth-of-type(2) label{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 38%, var(--surface-solid))}.d-accordion>input:nth-of-type(2):checked~.d-accordion__sec:nth-of-type(2) label:after{transform:translateY(1px)rotate(-135deg)}.d-accordion>input:nth-of-type(2):focus-visible~.d-accordion__sec:nth-of-type(2) label{outline:2px solid var(--accent-2);outline-offset:2px}.d-accordion>input:nth-of-type(2):checked~.d-accordion__sec:nth-of-type(n+3){transform:translateY(76px)}.d-accordion>input:nth-of-type(3):checked~.d-accordion__sec:nth-of-type(3) .d-accordion__panel{opacity:1;pointer-events:auto;transform:rotateX(0)}.d-accordion>input:nth-of-type(3):checked~.d-accordion__sec:nth-of-type(3) label{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 38%, var(--surface-solid))}.d-accordion>input:nth-of-type(3):checked~.d-accordion__sec:nth-of-type(3) label:after{transform:translateY(1px)rotate(-135deg)}.d-accordion>input:nth-of-type(3):focus-visible~.d-accordion__sec:nth-of-type(3) label{outline:2px solid var(--accent-2);outline-offset:2px}.d-swipe{touch-action:pan-y;width:130px;height:150px;transform-style:preserve-3d;outline:none;position:relative;transform:translateY(-14px)}.d-swipe:focus-visible i.is-top{outline:2px solid var(--accent-2);outline-offset:3px}.d-swipe i{border:1px solid hsl(var(--hue), 90%, 78%, .7);background:radial-gradient(circle at 75% 22%, #ffffff80, transparent 32%), linear-gradient(160deg, hsl(var(--hue), 85%, 64%), hsl(calc(var(--hue) + 40), 75%, 34%));color:#fff;opacity:calc(1 - var(--p) * .2);-webkit-user-select:none;user-select:none;touch-action:pan-y;transform:translate3d(var(--dx,0px), calc(var(--p) * 14px + var(--dy,0px)), calc(var(--p) * -45px)) rotateY(var(--tilt,0deg)) rotateZ(var(--rot,0deg));border-radius:14px;align-content:end;gap:2px;padding:12px;font-style:normal;transition:transform .4s cubic-bezier(.3,1.3,.5,1),opacity .3s;display:grid;position:absolute;inset:0;box-shadow:0 14px 20px -14px #000}.d-swipe i.is-top{cursor:grab}.d-swipe i.is-dragging{cursor:grabbing;transition:none}.d-swipe i.is-leaving{opacity:0;transition:transform .35s ease-in,opacity .35s ease-in}.d-swipe i.is-back{opacity:0;transition:none}.d-swipe i strong{font-size:17px;line-height:1}.d-swipe i small{opacity:.85;font-size:11px}.d-swipe i b{letter-spacing:.08em;border:2px solid;border-radius:6px;padding:2px 6px;font-size:11px;position:absolute;top:12px}.d-swipe i b:first-of-type{color:#7dffb0;opacity:var(--like,0);left:10px;transform:rotate(-14deg)}.d-swipe i b:nth-of-type(2){color:#ffd0d8;opacity:var(--nope,0);right:10px;transform:rotate(14deg)}.d-polaroid{transform-style:preserve-3d;pointer-events:none;grid-template-columns:repeat(2,100px);grid-auto-rows:80px;display:grid;transform:translateY(12px)rotateX(24deg)}.d-polaroid__slot{cursor:pointer;pointer-events:auto;transform-style:preserve-3d;outline:none;position:relative}.d-polaroid__slot:first-child{--x:15px;--y:9px;--z:2px;--r:-10deg}.d-polaroid__slot:nth-child(2){--x:-12px;--y:5px;--z:6px;--r:7deg}.d-polaroid__slot:nth-child(3){--x:11px;--y:-8px;--z:10px;--r:5deg}.d-polaroid__slot:nth-child(4){--x:-15px;--y:-10px;--z:14px;--r:-8deg}.d-polaroid__slot:before{content:"";pointer-events:none;width:72px;height:88px;transform:translate(var(--x), var(--y)) rotateZ(var(--r)) scale(1);background:radial-gradient(#0009 30%,#0000 72%);transition:transform .5s,opacity .5s;position:absolute;top:calc(50% - 44px);left:calc(50% - 36px)}.d-polaroid__slot:hover:before,.d-polaroid__slot:focus-visible:before{opacity:.35;transform:translateY(10px)rotate(0)scale(1.15)}.d-polaroid__photo{pointer-events:none;width:72px;height:88px;transform:translate3d(var(--x), var(--y), var(--z)) rotateX(0deg) rotateZ(var(--r)) scale(1);background:linear-gradient(170deg,#fbf9f4,#e6e1d6);border-radius:3px;padding:5px 5px 0;transition:transform .5s cubic-bezier(.3,1.3,.5,1);position:absolute;top:calc(50% - 44px);left:calc(50% - 36px);box-shadow:0 1px 2px #00000080}.d-polaroid__photo i{border-radius:1px;height:62px;display:block}.d-polaroid__photo small{color:#4a4658;text-align:center;font-size:8px;font-weight:600;line-height:21px;display:block}.d-polaroid__slot:first-child i{background:radial-gradient(circle at 50% 78%, #fff6c8 0 9%, transparent 10%), linear-gradient(180deg, var(--accent) 0%, var(--hot) 55%, var(--warm) 78%, #2a1840 79%)}.d-polaroid__slot:nth-child(2) i{background:radial-gradient(circle at 72% 26%, #fff 0 8%, transparent 9%), linear-gradient(180deg, #7fd8ff 0 52%, var(--accent-2) 53%, #0d6f8a 100%)}.d-polaroid__slot:nth-child(3) i{background:conic-gradient(from 150deg at 35% 30%, #3b2a78 0 60deg, transparent 0), conic-gradient(from 145deg at 68% 45%, #5a3fb0 0 70deg, transparent 0), linear-gradient(180deg, #ffd9a0, var(--hot))}.d-polaroid__slot:nth-child(4) i{background:radial-gradient(circle at 28% 30%,#fff 0 2%,#0000 3%),radial-gradient(circle at 62% 18%,#fff 0 1.5%,#0000 2.5%),radial-gradient(circle at 80% 48%,#fff 0 2%,#0000 3%),radial-gradient(circle at 44% 58%,#fff 0 1.5%,#0000 2.5%),radial-gradient(circle at 74% 74%,#f4f1d0 0 10%,#0000 11%),linear-gradient(#0b0d2a,#3a2a7a)}.d-polaroid__slot:hover .d-polaroid__photo,.d-polaroid__slot:focus-visible .d-polaroid__photo{transform:translate3d(0,6px,52px)rotateX(-24deg)rotate(0)scale(1.1)}.d-cubenav{grid-template-rows:1fr auto;width:100%;height:100%;padding:10px 14px;display:grid}.d-cubenav__view{perspective:700px;place-items:center;display:grid}.d-cubenav__cube{--s:116px;width:var(--s);height:var(--s);transform-style:preserve-3d;transform:translateZ(calc(var(--s) / -2)) rotateX(-14deg) rotateY(var(--angle,0deg));transition:transform .8s cubic-bezier(.3,1.2,.5,1);position:relative}.d-cubenav__cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.d-cubenav__cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.d-cubenav__cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.d-cubenav__cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.d-cubenav__cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.d-cubenav__cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.d-cubenav__cube i{border:1px solid hsl(var(--hue), 90%, 80%, .6);background:radial-gradient(circle at 72% 26%, #ffffff8c 0 9%, transparent 10%), linear-gradient(165deg, hsl(var(--hue), 85%, 66%), hsl(calc(var(--hue) + 45), 70%, 30%));color:#fff;backface-visibility:hidden;transform-style:preserve-3d;border-radius:10px;align-content:end;padding:10px;font-size:15px;font-style:normal;font-weight:800;line-height:1.1;display:grid;position:absolute;inset:0}.d-cubenav__cube i:before{content:"";background:hsl(var(--hue), 60%, 24%);position:absolute;inset:6px;transform:translateZ(-6px)}.d-cubenav__cube i small{opacity:.8;font-size:10px;font-weight:600}.d-cubenav__cube i:nth-child(n+5){--hue:250;border-color:var(--border-strong);background:color-mix(in srgb, var(--accent) 30%, var(--surface-solid))}.d-cubenav__bar{align-items:center;gap:8px;font-size:12px;display:flex}.d-cubenav__bar button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:5px 12px;font-weight:800}.d-cubenav__bar output{color:var(--muted);white-space:nowrap;margin-left:auto}.d-cubenav__dots{gap:6px;display:flex}.d-cubenav__dots button{border:1px solid var(--border-strong);background:0 0;border-radius:50%;width:10px;height:10px;padding:0}.d-cubenav__dots button[aria-current=true]{border-color:var(--accent-2);background:var(--accent-2)}.d-pricing{width:210px;height:168px;transform-style:preserve-3d;pointer-events:none;display:flex}.d-pricing__slot{--c:var(--accent);cursor:pointer;pointer-events:auto;transform-style:preserve-3d;outline:none;flex:1;position:relative}.d-pricing__slot:first-child{--ry:32deg;--x:5px;--z:-14px}.d-pricing__slot:nth-child(3){--c:var(--accent-2);--ry:-32deg;--x:-5px;--z:-14px}.d-pricing__slot:nth-child(2){--c:var(--hot);--y:-6px;--z:34px}.d-pricing__card{border:1px solid color-mix(in srgb, var(--c) 70%, transparent);background:linear-gradient(170deg, color-mix(in srgb, var(--c) 30%, var(--surface-solid)), color-mix(in srgb, var(--c) 8%, var(--surface-solid)));width:66px;height:140px;box-shadow:inset 0 0 18px color-mix(in srgb, var(--c) 22%, transparent), 0 14px 18px -14px #000;color:var(--text);text-align:center;pointer-events:none;transform:translate3d(var(--x,0px), var(--y,0px), var(--z,0px)) rotateY(var(--ry,0deg));border-radius:12px;align-content:start;justify-items:center;gap:6px;padding:10px 7px;transition:transform .45s cubic-bezier(.3,1.3,.5,1);display:grid;position:absolute;top:14px;left:calc(50% - 33px)}.d-pricing__card small{color:var(--c);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:800}.d-pricing__card b{font-size:21px;line-height:1}.d-pricing__card b sup{vertical-align:7px;font-size:10px}.d-pricing__card span{background:color-mix(in srgb, var(--text) 22%, transparent);border-radius:2px;width:100%;height:4px}.d-pricing__card span:nth-of-type(2){width:78%}.d-pricing__card span:nth-of-type(3){width:58%}.d-pricing__card em{background:var(--c);color:#fff;border-radius:99px;align-self:end;width:100%;margin-top:8px;padding:4px 0;font-size:8px;font-style:normal;font-weight:800}.d-pricing__slot:nth-child(2) .d-pricing__card{border-color:var(--c);background:linear-gradient(170deg, color-mix(in srgb, var(--c) 70%, var(--surface-solid)), color-mix(in srgb, var(--accent) 45%, var(--surface-solid)));color:#fff}.d-pricing__slot:nth-child(2) .d-pricing__card small{color:#fff}.d-pricing__slot:nth-child(2) .d-pricing__card span{background:#fff6}.d-pricing__slot:nth-child(2) .d-pricing__card em{color:#2a1030;background:#fff}.d-pricing__slot:nth-child(3) em{color:#06222a}.d-pricing .d-pricing__slot:is(:hover,:focus-visible){--x:0px;--y:-4px;--z:84px;--ry:0deg}.d-cubeloader{--s:92px;width:var(--s);height:var(--s);transform-style:preserve-3d;position:relative;transform:rotateX(58deg)rotate(45deg)}.d-cubeloader:before{content:"";border:1px dashed var(--border-strong);background:color-mix(in srgb, var(--accent) 9%, transparent);border-radius:12px;position:absolute;inset:-9px;transform:translateZ(-1px)}.d-cubeloader i{transform-origin:100% 100%;width:50%;height:50%;transform:rotateZ(calc(var(--i) * 90deg));transform-style:preserve-3d;position:absolute;top:0;left:0}.d-cubeloader i:before{content:"";transform-origin:calc(100% + 2px) calc(100% + 2px);animation:d-cubeloader-fold 2.4s ease-in-out calc(var(--i) * .3s - 2.4s) infinite;background:color-mix(in srgb, var(--c) 45%, transparent);border:1px solid color-mix(in srgb, var(--c) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--c) 30%, transparent);border-radius:5px;position:absolute;inset:2px}@keyframes d-cubeloader-fold{0%,10%{opacity:0;transform:rotateX(-180deg)rotateY(0)}25%,75%{opacity:1;transform:rotateX(0)rotateY(0)}90%,to{opacity:0;transform:rotateX(0)rotateY(180deg)}}.d-rings{width:140px;height:140px;transform-style:preserve-3d;place-items:center;display:grid}.d-rings b{background:radial-gradient(circle, #fff 0 9%, var(--accent-2) 20%, color-mix(in srgb, var(--accent-2) 35%, transparent) 38%, transparent 68%);border-radius:50%;grid-area:1/1;width:70px;height:70px;animation:1.4s ease-in-out infinite alternate d-rings-core}.d-rings i{width:var(--d);height:var(--d);border:4px solid #0000;border-top-color:var(--c);border-bottom-color:var(--c);animation:d-rings-spin var(--t) linear var(--delay) infinite;border-radius:50%;grid-area:1/1;position:relative}.d-rings i:before{content:"";border:1px solid color-mix(in srgb, var(--c) 28%, transparent);border-radius:50%;position:absolute;inset:-3px}.d-rings i:first-of-type{--d:132px;--c:var(--accent);--tilt:0deg;--spin:720deg;--t:3.6s;--delay:-.5s}.d-rings i:nth-of-type(2){--d:100px;--c:var(--hot);--tilt:90deg;--spin:-720deg;--t:2.8s;--delay:-1.3s}.d-rings i:nth-of-type(3){--d:68px;--c:var(--warm);--tilt:45deg;--spin:1080deg;--t:2.2s;--delay:-.2s}@keyframes d-rings-spin{0%{transform:rotateZ(var(--tilt)) rotateX(0deg) rotateZ(0deg)}to{transform:rotateZ(var(--tilt)) rotateX(360deg) rotateZ(var(--spin))}}@keyframes d-rings-core{0%{opacity:.7;transform:scale(.85)}to{opacity:1;transform:scale(1.1)}}.d-equalizer{height:120px;transform-style:preserve-3d;align-items:flex-end;gap:8px;display:flex;position:relative;transform:translateY(6px)rotateX(-20deg)rotateY(-30deg)}.d-equalizer:before{content:"";background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 75%, transparent);height:44px;box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:8px;position:absolute;bottom:-22px;left:-12px;right:-12px;transform:rotateX(90deg)}.d-equalizer__bar{--h:calc(var(--hn) * 1px);width:18px;height:var(--h);transform-style:preserve-3d;position:relative}.d-equalizer__bar:first-child{--hue:265;--delay:-.2s;--dur:1.5s}.d-equalizer__bar:nth-child(2){--hue:250;--delay:-.9s;--dur:1.2s}.d-equalizer__bar:nth-child(3){--hue:235;--delay:-.5s;--dur:1.7s}.d-equalizer__bar:nth-child(4){--hue:220;--delay:-1.3s;--dur:1.3s}.d-equalizer__bar:nth-child(5){--hue:205;--delay:-.1s;--dur:1.6s}.d-equalizer__bar:nth-child(6){--hue:190;--delay:-.7s;--dur:1.25s}.d-equalizer__bar:nth-child(7){--hue:175;--delay:-1.1s;--dur:1.45s}.d-equalizer__bar i{transform-origin:bottom;width:18px;height:100%;animation:var(--dur) ease-in-out var(--delay) infinite;position:absolute;top:0;left:0}.d-equalizer__bar i:first-child{background:linear-gradient(to top, hsl(var(--hue), 85%, 45%, .92), hsl(var(--hue), 90%, 68%, .92));animation-name:d-equalizer-front;transform:translateZ(9px)}.d-equalizer__bar i:nth-child(2){background:linear-gradient(to top, hsl(var(--hue), 75%, 28%, .92), hsl(var(--hue), 80%, 46%, .92));animation-name:d-equalizer-side;transform:rotateY(90deg)translateZ(9px)}.d-equalizer__bar i:nth-child(3){background:hsl(var(--hue), 95%, 80%);transform-origin:50%;height:18px;animation-name:d-equalizer-lid;transform:rotateX(90deg)translateZ(9px)}@keyframes d-equalizer-front{0%{transform:translateZ(9px)scaleY(.18)}22%{transform:translateZ(9px)scaleY(1)}42%{transform:translateZ(9px)scaleY(.5)}64%{transform:translateZ(9px)scaleY(.86)}82%{transform:translateZ(9px)scaleY(.34)}to{transform:translateZ(9px)scaleY(.18)}}@keyframes d-equalizer-side{0%{transform:rotateY(90deg)translateZ(9px)scaleY(.18)}22%{transform:rotateY(90deg)translateZ(9px)scaleY(1)}42%{transform:rotateY(90deg)translateZ(9px)scaleY(.5)}64%{transform:rotateY(90deg)translateZ(9px)scaleY(.86)}82%{transform:rotateY(90deg)translateZ(9px)scaleY(.34)}to{transform:rotateY(90deg)translateZ(9px)scaleY(.18)}}@keyframes d-equalizer-lid{0%{transform:translateY(calc(var(--h) * .82)) rotateX(90deg) translateZ(9px)}22%{transform:translateY(calc(var(--h) * 0)) rotateX(90deg) translateZ(9px)}42%{transform:translateY(calc(var(--h) * .5)) rotateX(90deg) translateZ(9px)}64%{transform:translateY(calc(var(--h) * .14)) rotateX(90deg) translateZ(9px)}82%{transform:translateY(calc(var(--h) * .66)) rotateX(90deg) translateZ(9px)}to{transform:translateY(calc(var(--h) * .82)) rotateX(90deg) translateZ(9px)}}.d-prism{width:52px;height:96px;transform-style:preserve-3d;animation:18s linear infinite d-prism-tumble;position:relative}.d-prism i{transform:rotateY(calc(var(--i) * 60deg)) translateZ(45.0333px);background:color-mix(in srgb, var(--accent) 24%, transparent);border:1px solid color-mix(in srgb, var(--accent) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent);position:absolute;inset:0}.d-prism i:nth-child(2n){background:color-mix(in srgb, var(--accent-2) 20%, transparent);border:1px solid color-mix(in srgb, var(--accent-2) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent-2) 30%, transparent)}.d-prism b{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:radial-gradient(circle, color-mix(in srgb, var(--hot) 12%, transparent) 20%, color-mix(in srgb, var(--hot) 55%, transparent) 100%);width:104px;height:90.0666px;position:absolute;top:calc(50% - 45.0333px);left:calc(50% - 52px);transform:rotateX(90deg)translateZ(48px)}.d-prism b+b{transform:rotateX(-90deg)translateZ(48px)}@keyframes d-prism-tumble{0%{transform:rotateX(-25deg)rotateY(0)}to{transform:rotateX(335deg)rotateY(360deg)}}.d-octa{width:92px;height:92px;transform-style:preserve-3d;animation:12s linear infinite d-octa-spin;position:relative}.d-octa i{--c:var(--accent);--a:22%;transform-origin:50% 100%;width:92px;height:79.6743px;transform:rotateY(calc(var(--i) * 90deg)) translateZ(46px) rotateX(calc(var(--s) * 35.2644deg)) scaleY(var(--s));clip-path:polygon(50% 0,0 100%,100% 100%);background:linear-gradient(to top left, transparent calc(50% - 1.5px), color-mix(in srgb, var(--c) 85%, transparent) calc(50% - 1.5px), color-mix(in srgb, var(--c) 85%, transparent) 50%, transparent 50%) left/50% 100% no-repeat, linear-gradient(to top right, transparent calc(50% - 1.5px), color-mix(in srgb, var(--c) 85%, transparent) calc(50% - 1.5px), color-mix(in srgb, var(--c) 85%, transparent) 50%, transparent 50%) right/50% 100% no-repeat, linear-gradient(color-mix(in srgb, var(--c) 85%, transparent), color-mix(in srgb, var(--c) 85%, transparent)) bottom/100% 1.5px no-repeat, linear-gradient(to top, color-mix(in srgb, var(--c) var(--a), transparent), color-mix(in srgb, var(--c) 8%, transparent));position:absolute;bottom:50%;left:0}.d-octa i:nth-child(-n+4):nth-child(odd),.d-octa i:nth-child(n+5):nth-child(2n){--a:42%}.d-octa i:nth-child(n+5){--c:var(--accent-2)}@keyframes d-octa-spin{0%{transform:rotate(14deg)rotateX(-16deg)rotateY(0)}to{transform:rotate(14deg)rotateX(-16deg)rotateY(360deg)}}.d-diamond{width:49.7056px;height:96px;transform-style:preserve-3d;animation:14s linear infinite d-diamond-spin;position:relative}.d-diamond i{--a:20%;width:49.7056px;position:absolute;left:0}.d-diamond i:nth-child(odd){--a:40%}.d-diamond i:after{content:"";opacity:0;animation:3.2s ease-in-out infinite d-diamond-glint;animation-delay:calc(var(--i) * -.4s + var(--late,0s));background:linear-gradient(115deg,#0000 30%,#fffc 50%,#0000 70%);position:absolute;inset:0}.d-diamond__c{--c:var(--accent-2);transform-origin:50% 100%;height:33.9411px;transform:rotateY(calc(var(--i) * 45deg)) translateZ(60px) rotateX(45deg);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:linear-gradient(color-mix(in srgb, var(--c) 80%, transparent), color-mix(in srgb, var(--c) 80%, transparent)) top/100% 1.5px no-repeat, linear-gradient(color-mix(in srgb, var(--c) 80%, transparent), color-mix(in srgb, var(--c) 80%, transparent)) bottom/100% 1.5px no-repeat, linear-gradient(to top, color-mix(in srgb, var(--c) var(--a), transparent), color-mix(in srgb, var(--c) 12%, transparent));bottom:72px}.d-diamond__p{--c:var(--accent);--late:-1.7s;transform-origin:50% 0;height:93.723px;transform:rotateY(calc(var(--i) * 45deg)) translateZ(60px) rotateX(-39.8056deg);clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(to top right, transparent 50%, color-mix(in srgb, var(--c) 80%, transparent) 50%, color-mix(in srgb, var(--c) 80%, transparent) calc(50% + 1.2px), transparent calc(50% + 1.2px)) left/50% 100% no-repeat, linear-gradient(to top left, transparent 50%, color-mix(in srgb, var(--c) 80%, transparent) 50%, color-mix(in srgb, var(--c) 80%, transparent) calc(50% + 1.2px), transparent calc(50% + 1.2px)) right/50% 100% no-repeat, linear-gradient(to bottom, color-mix(in srgb, var(--c) var(--a), transparent), color-mix(in srgb, var(--hot) 14%, transparent));top:24px}.d-diamond b{clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 55%, transparent), #ffffff59 50%, color-mix(in srgb, var(--accent-2) 30%, transparent));width:72px;height:72px;position:absolute;top:-36px;left:calc(50% - 36px);transform:rotateX(90deg)}@keyframes d-diamond-spin{0%{transform:rotateX(-18deg)rotateY(0)}to{transform:rotateX(-18deg)rotateY(360deg)}}@keyframes d-diamond-glint{0%,55%,to{opacity:0}78%{opacity:.9}}.d-torus{width:40px;height:40px;transform-style:preserve-3d;animation:16s linear infinite d-torus-tumble;position:relative}.d-torus i{--c:color-mix(in srgb, var(--accent-2) var(--mix), var(--accent));border:2px solid var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);box-shadow:inset 0 0 10px color-mix(in srgb, var(--c) 45%, transparent);transform:rotateY(calc(var(--i) * 15deg)) translateX(56px);border-radius:50%;position:absolute;inset:0}.d-torus i:first-child{--i:0;--mix:100%}.d-torus i:nth-child(2){--i:1;--mix:92%}.d-torus i:nth-child(3){--i:2;--mix:83%}.d-torus i:nth-child(4){--i:3;--mix:75%}.d-torus i:nth-child(5){--i:4;--mix:67%}.d-torus i:nth-child(6){--i:5;--mix:58%}.d-torus i:nth-child(7){--i:6;--mix:50%}.d-torus i:nth-child(8){--i:7;--mix:42%}.d-torus i:nth-child(9){--i:8;--mix:33%}.d-torus i:nth-child(10){--i:9;--mix:25%}.d-torus i:nth-child(11){--i:10;--mix:17%}.d-torus i:nth-child(12){--i:11;--mix:8%}.d-torus i:nth-child(13){--i:12;--mix:0%}.d-torus i:nth-child(14){--i:13;--mix:8%}.d-torus i:nth-child(15){--i:14;--mix:17%}.d-torus i:nth-child(16){--i:15;--mix:25%}.d-torus i:nth-child(17){--i:16;--mix:33%}.d-torus i:nth-child(18){--i:17;--mix:42%}.d-torus i:nth-child(19){--i:18;--mix:50%}.d-torus i:nth-child(20){--i:19;--mix:58%}.d-torus i:nth-child(21){--i:20;--mix:67%}.d-torus i:nth-child(22){--i:21;--mix:75%}.d-torus i:nth-child(23){--i:22;--mix:83%}.d-torus i:nth-child(24){--i:23;--mix:92%}@keyframes d-torus-tumble{0%{transform:rotate(24deg)rotateX(-60deg)rotateY(0)}to{transform:rotate(24deg)rotateX(300deg)rotateY(360deg)}}.d-cone{transform-style:preserve-3d;animation:7s ease-in-out infinite alternate d-cone-rock}.d-cone__body{width:19.8912px;height:110px;transform-style:preserve-3d;animation:10s linear infinite d-cone-spin;position:relative}.d-cone i{--c:color-mix(in srgb, var(--hot) var(--mix), var(--accent));transform-origin:50% 100%;width:19.8912px;height:120.83px;transform:rotateY(calc(var(--i) * 22.5deg)) translateZ(50px) rotateX(24.444deg);clip-path:polygon(50% 0,0 100%,100% 100%);background:linear-gradient(to top left, transparent calc(50% - 1px), color-mix(in srgb, var(--c) 80%, transparent) calc(50% - 1px), color-mix(in srgb, var(--c) 80%, transparent) 50%, transparent 50%) left/50% 100% no-repeat, linear-gradient(to top right, transparent calc(50% - 1px), color-mix(in srgb, var(--c) 80%, transparent) calc(50% - 1px), color-mix(in srgb, var(--c) 80%, transparent) 50%, transparent 50%) right/50% 100% no-repeat, linear-gradient(to top, color-mix(in srgb, var(--c) 45%, transparent), color-mix(in srgb, var(--c) 14%, transparent));position:absolute;bottom:0;left:0}.d-cone i:first-child{--i:0;--mix:100%}.d-cone i:nth-child(2){--i:1;--mix:88%}.d-cone i:nth-child(3){--i:2;--mix:75%}.d-cone i:nth-child(4){--i:3;--mix:63%}.d-cone i:nth-child(5){--i:4;--mix:50%}.d-cone i:nth-child(6){--i:5;--mix:38%}.d-cone i:nth-child(7){--i:6;--mix:25%}.d-cone i:nth-child(8){--i:7;--mix:13%}.d-cone i:nth-child(9){--i:8;--mix:0%}.d-cone i:nth-child(10){--i:9;--mix:13%}.d-cone i:nth-child(11){--i:10;--mix:25%}.d-cone i:nth-child(12){--i:11;--mix:38%}.d-cone i:nth-child(13){--i:12;--mix:50%}.d-cone i:nth-child(14){--i:13;--mix:63%}.d-cone i:nth-child(15){--i:14;--mix:75%}.d-cone i:nth-child(16){--i:15;--mix:88%}.d-cone b{background:color-mix(in srgb, var(--accent-2) 26%, transparent);border:1px solid color-mix(in srgb, var(--accent-2) 75%, transparent);width:101.959px;height:101.959px;box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent-2) 30%, transparent);border-radius:50%;position:absolute;top:calc(100% - 50.9796px);left:calc(50% - 50.9796px);transform:rotateX(90deg)}@keyframes d-cone-rock{0%{transform:rotateX(-30deg)rotate(-6deg)}to{transform:rotateX(24deg)rotate(6deg)}}@keyframes d-cone-spin{to{transform:rotateY(360deg)}}.d-stairs{width:130px;height:136px;transform-style:preserve-3d;animation:16s linear infinite d-stairs-spin;position:relative}.d-stairs i{--c:color-mix(in srgb, var(--accent-2) var(--mix), var(--accent));border:1px solid color-mix(in srgb, var(--c) 70%, white);background:color-mix(in srgb, var(--c) 62%, transparent);transform-origin:-5px;width:58px;height:28px;transform-style:preserve-3d;transform:translateY(calc(var(--i) * -8px)) rotateY(calc(var(--i) * 30deg)) rotateX(90deg);border-radius:0 6px 6px 0;position:absolute;top:98px;left:calc(50% + 5px)}.d-stairs i:before{content:"";background:color-mix(in srgb, var(--c) 40%, var(--bg));transform-origin:top;width:100%;height:8px;position:absolute;top:100%;left:0;transform:rotateX(-90deg)}.d-stairs i:first-of-type{--i:0;--mix:0%}.d-stairs i:nth-of-type(2){--i:1;--mix:8%}.d-stairs i:nth-of-type(3){--i:2;--mix:15%}.d-stairs i:nth-of-type(4){--i:3;--mix:23%}.d-stairs i:nth-of-type(5){--i:4;--mix:31%}.d-stairs i:nth-of-type(6){--i:5;--mix:38%}.d-stairs i:nth-of-type(7){--i:6;--mix:46%}.d-stairs i:nth-of-type(8){--i:7;--mix:54%}.d-stairs i:nth-of-type(9){--i:8;--mix:62%}.d-stairs i:nth-of-type(10){--i:9;--mix:69%}.d-stairs i:nth-of-type(11){--i:10;--mix:77%}.d-stairs i:nth-of-type(12){--i:11;--mix:85%}.d-stairs i:nth-of-type(13){--i:12;--mix:92%}.d-stairs i:nth-of-type(14){--i:13;--mix:100%}.d-stairs b{background:linear-gradient(90deg, var(--border-strong), var(--text), var(--border-strong));opacity:.85;border-radius:4px;width:8px;height:100%;position:absolute;top:0;left:calc(50% - 4px)}.d-stairs b+b{transform:rotateY(90deg)}@keyframes d-stairs-spin{0%{transform:rotateX(-20deg)rotateY(0)}to{transform:rotateX(-20deg)rotateY(360deg)}}.d-rubik{width:90px;height:90px;transform-style:preserve-3d;position:relative;transform:rotateX(-28deg)rotateY(-38deg)}.d-rubik__layer{width:90px;height:30px;transform-style:preserve-3d;animation:12s cubic-bezier(.65,0,.35,1) infinite d-rubik-twist;position:absolute;left:0}.d-rubik__layer:first-child{top:0}.d-rubik__layer:nth-child(2){animation-delay:-11s;top:30px}.d-rubik__layer:nth-child(3){animation-delay:-10s;top:60px}.d-rubik i,.d-rubik b{background-color:var(--c,#10121f);background-image:linear-gradient(90deg,#10121f 2.5px,#0000 2.5px calc(100% - 2.5px),#10121f calc(100% - 2.5px)),linear-gradient(#10121f 2.5px,#0000 2.5px calc(100% - 2.5px),#10121f calc(100% - 2.5px));background-size:33.334% 100%, 100% var(--row,100%);backface-visibility:hidden;position:absolute;left:0}.d-rubik i{width:90px;height:30px;top:0}.d-rubik i:first-child{--c:var(--accent);transform:translateZ(45px)}.d-rubik i:nth-child(2){--c:var(--accent-2);transform:rotateY(90deg)translateZ(45px)}.d-rubik i:nth-child(3){--c:var(--hot);transform:rotateY(180deg)translateZ(45px)}.d-rubik i:nth-child(4){--c:var(--warm);transform:rotateY(-90deg)translateZ(45px)}.d-rubik b{--row:33.334%;width:90px;height:90px;top:-30px;transform:rotateX(90deg)translateZ(15px)}.d-rubik b+b{transform:rotateX(-90deg)translateZ(15px)}.d-rubik__cap{--c:#f2f3ff}.d-rubik__layer:nth-child(3) .d-rubik__cap{--c:#4d8dff}@keyframes d-rubik-twist{0%{transform:rotateY(0)}6%,25%{transform:rotateY(90deg)}31%,50%{transform:rotateY(180deg)}56%,75%{transform:rotateY(270deg)}81%,to{transform:rotateY(360deg)}}.d-cubegrid{transform-style:preserve-3d;grid-template-columns:repeat(4,28px);gap:8px;display:grid;transform:translateY(14px)rotateX(58deg)rotate(-45deg)}.d-cubegrid i{--c:color-mix(in srgb, var(--accent-2) var(--mix), var(--accent));background:color-mix(in srgb, var(--c) 78%, white);width:28px;height:28px;transform-style:preserve-3d;animation:2.6s ease-in-out infinite d-cubegrid-wave;animation-delay:calc(var(--d) * -.28s);position:relative}.d-cubegrid i:before,.d-cubegrid i:after{content:"";position:absolute}.d-cubegrid i:before{background:var(--c);transform-origin:top;width:100%;height:28px;top:100%;left:0;transform:rotateX(-90deg)}.d-cubegrid i:after{background:color-mix(in srgb, var(--c) 58%, black);transform-origin:100%;width:28px;height:100%;top:0;right:100%;transform:rotateY(-90deg)}.d-cubegrid i:first-child{--d:0;--mix:0%}.d-cubegrid i:nth-child(2){--d:1;--mix:17%}.d-cubegrid i:nth-child(3){--d:2;--mix:33%}.d-cubegrid i:nth-child(4){--d:3;--mix:50%}.d-cubegrid i:nth-child(5){--d:1;--mix:17%}.d-cubegrid i:nth-child(6){--d:2;--mix:33%}.d-cubegrid i:nth-child(7){--d:3;--mix:50%}.d-cubegrid i:nth-child(8){--d:4;--mix:67%}.d-cubegrid i:nth-child(9){--d:2;--mix:33%}.d-cubegrid i:nth-child(10){--d:3;--mix:50%}.d-cubegrid i:nth-child(11){--d:4;--mix:67%}.d-cubegrid i:nth-child(12){--d:5;--mix:83%}.d-cubegrid i:nth-child(13){--d:3;--mix:50%}.d-cubegrid i:nth-child(14){--d:4;--mix:67%}.d-cubegrid i:nth-child(15){--d:5;--mix:83%}.d-cubegrid i:nth-child(16){--d:6;--mix:100%}@keyframes d-cubegrid-wave{0%,to{transform:translateZ(0)}50%{transform:translateZ(34px)}}.d-net{transform-style:preserve-3d;transform:translateY(12px)rotateX(58deg)}.d-net__base{width:40px;height:40px;transform-style:preserve-3d;background:color-mix(in srgb, var(--accent) 30%, transparent);border:1px solid color-mix(in srgb, var(--accent) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent);animation:24s linear infinite d-net-turn;position:relative}.d-net :where(i){--fx:0deg;--fy:0deg;width:40px;height:40px;transform-style:preserve-3d;animation:8s ease-in-out infinite d-net-fold;position:absolute}.d-net__n{--fx:-90deg;transform-origin:50% 100%;background:color-mix(in srgb, var(--hot) 28%, transparent);border:1px solid color-mix(in srgb, var(--hot) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--hot) 30%, transparent);bottom:calc(100% + 1px);left:-1px}.d-net__s{--fx:90deg;transform-origin:50% 0;background:color-mix(in srgb, var(--accent-2) 28%, transparent);border:1px solid color-mix(in srgb, var(--accent-2) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent-2) 30%, transparent);top:calc(100% + 1px);left:-1px}.d-net__e{--fy:-90deg;transform-origin:0;background:color-mix(in srgb, var(--warm) 28%, transparent);border:1px solid color-mix(in srgb, var(--warm) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--warm) 30%, transparent);top:-1px;left:calc(100% + 1px)}.d-net__w{--fy:90deg;transform-origin:100%;background:color-mix(in srgb, var(--warm) 28%, transparent);border:1px solid color-mix(in srgb, var(--warm) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--warm) 30%, transparent);top:-1px;right:calc(100% + 1px)}.d-net__lid{--fx:-90deg;transform-origin:50% 100%;background:color-mix(in srgb, var(--accent) 30%, transparent);border:1px solid color-mix(in srgb, var(--accent) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent);animation-name:d-net-lid;bottom:calc(100% + 1px);left:-1px}@keyframes d-net-turn{to{transform:rotate(360deg)}}@keyframes d-net-fold{0%,22%,78%,to{transform:rotateX(var(--fx)) rotateY(var(--fy))}44%,56%{transform:rotateX(0)rotateY(0)}}@keyframes d-net-lid{0%,4%,96%,to{transform:rotateX(var(--fx)) rotateY(var(--fy))}26%,74%{transform:rotateX(0)rotateY(0)}}.d-shapeshift{grid-template-rows:1fr auto;width:100%;height:100%;padding:10px 14px;display:grid}.d-shapeshift__view{perspective:700px;place-items:center;display:grid}.d-shapeshift__prism{--h:92px;width:calc(var(--R) * 2);height:var(--h);transform-style:preserve-3d;animation:14s linear infinite d-shapeshift-spin;position:relative}.d-shapeshift__prism i{--c:color-mix(in srgb, var(--accent-2) var(--mix,50%), var(--accent));top:0;left:calc(50% - var(--w) / 2);width:var(--w);height:100%;transform:rotateY(calc(var(--i) * 1turn / var(--n))) translateZ(var(--r));transition:transform .55s cubic-bezier(.2,.9,.3,1.1),opacity .35s;transition-delay:calc(var(--i) * 30ms);background:color-mix(in srgb, var(--c) 26%, transparent);border:1px solid color-mix(in srgb, var(--c) 75%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--c) 30%, transparent);position:absolute}@starting-style{.d-shapeshift__prism i{opacity:0;transform:rotateY(calc(var(--i) * 1turn / var(--n))) translateZ(calc(var(--r) + 70px))}}.d-shapeshift__prism b{left:calc(50% - var(--R));top:calc(50% - var(--R));width:calc(var(--R) * 2);height:calc(var(--R) * 2);clip-path:var(--cap);background:radial-gradient(circle, color-mix(in srgb, var(--hot) 10%, transparent) 15%, color-mix(in srgb, var(--hot) 50%, transparent) 100%);transform:rotateX(90deg) translateZ(calc(var(--h) / 2));transition:opacity .4s .25s;position:absolute}.d-shapeshift__prism b+b{transform:rotateX(90deg) translateZ(calc(var(--h) / -2))}@starting-style{.d-shapeshift__prism b{opacity:0}}.d-shapeshift__bar{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.d-shapeshift__bar input{min-width:0;accent-color:var(--accent);flex:1}.d-shapeshift__bar output{min-width:15ch;color:var(--text);font-family:var(--mono);text-align:right;font-size:12px}@keyframes d-shapeshift-spin{0%{transform:rotateX(-22deg)rotateY(0)}to{transform:rotateX(-22deg)rotateY(360deg)}}.d-logo3d{width:116px;height:116px;transform-style:preserve-3d;animation:6s ease-in-out infinite alternate d-logo3d-sway;position:relative}.d-logo3d:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 38%, transparent), transparent);border-radius:50%;position:absolute;inset:-26px;transform:translateZ(-60px)}.d-logo3d>i:first-child{--i:0}.d-logo3d>i:nth-child(2){--i:1}.d-logo3d>i:nth-child(3){--i:2}.d-logo3d>i:nth-child(4){--i:3}.d-logo3d>i:nth-child(5){--i:4}.d-logo3d>i:nth-child(6){--i:5}.d-logo3d>i:nth-child(7){--i:6}.d-logo3d>i:nth-child(8){--i:7}.d-logo3d>i:nth-child(9){--i:8}.d-logo3d>i:nth-child(10){--i:9}.d-logo3d>i:nth-child(11){--i:10}.d-logo3d>i:nth-child(12){--i:11}.d-logo3d>i:nth-child(13){--i:12}.d-logo3d>i:nth-child(14){--i:13}.d-logo3d>i{--shade:calc(.6 - var(--i) * .033);clip-path:polygon(evenodd,50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%,50% 0,39% 31%,71% 50%,39% 69%,39% 31%);background:linear-gradient(rgb(6, 7, 20, var(--shade)), rgb(6, 7, 20, var(--shade))), linear-gradient(135deg, var(--accent), var(--hot));transform:translateZ(calc((var(--i) - 6.5) * 2px));position:absolute;inset:0}.d-logo3d>i:last-child{background:radial-gradient(circle at 30% 18%, #ffffff73, transparent 45%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 80%, #fff), var(--hot) 70%, var(--warm))}.d-logo3d>i:last-child:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffffb3 50%,#0000 65%);animation:4s ease-in-out infinite d-logo3d-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes d-logo3d-sway{0%{transform:rotateX(-10deg)rotateY(-40deg)}to{transform:rotateX(-4deg)rotateY(40deg)}}@keyframes d-logo3d-shine{0%,45%{transform:translate(-100%)}80%,to{transform:translate(100%)}}.d-badge{--gold:color-mix(in srgb, var(--warm) 80%, #fff);--gold-deep:color-mix(in srgb, var(--warm) 65%, #3a2200);width:120px;height:196px;transform-style:preserve-3d;position:relative}.d-badge__swing{transform-style:preserve-3d;transform-origin:50% 0;animation:2.5s ease-in-out infinite alternate d-badge-sway;position:absolute;inset:0}.d-badge__strap{background:linear-gradient(90deg, #00000047, transparent 30% 70%, #00000047), linear-gradient(90deg, var(--accent) 0 30%, #fff 30% 36%, var(--hot) 36% 64%, #fff 64% 70%, var(--accent) 70%);transform-origin:50% 100%;width:24px;height:92px;position:absolute;top:0;left:calc(50% - 12px);transform:translate(-7px)translateZ(-3px)rotate(-20deg)}.d-badge__strap+.d-badge__strap{transform:translate(7px)translateZ(-2px)rotate(20deg)}.d-badge__tab{background:linear-gradient(#ffffff40, transparent 40%, #0000004d), linear-gradient(90deg, var(--accent), var(--hot) 50%, var(--accent));border-radius:3px;width:38px;height:14px;position:absolute;top:80px;left:calc(50% - 19px);transform:translateZ(2px);box-shadow:0 2px 4px #00000059}.d-badge__medal{width:96px;height:96px;transform-style:preserve-3d;animation:5s ease-in-out infinite alternate d-badge-twist;position:absolute;top:100px;left:calc(50% - 48px)}.d-badge__medal u{background:linear-gradient(90deg, var(--gold-deep), var(--gold) 50%, var(--gold-deep));transform:translateZ(calc((var(--i) - 2) * 1.2px));border-radius:50%;position:absolute;inset:.5px}.d-badge__bail{border:3px solid var(--gold);width:18px;height:20px;box-shadow:inset 0 0 0 1px var(--gold-deep), 0 0 0 1px var(--gold-deep);border-radius:50%;animation:5s ease-in-out infinite alternate d-badge-untwist;position:absolute;top:-16px;left:calc(50% - 9px)}.d-badge__face{background:radial-gradient(circle at 32% 26%, #ffffff8c, transparent 42%), conic-gradient(from 20deg, var(--gold), var(--gold-deep), var(--gold), color-mix(in srgb, var(--gold-deep) 70%, var(--gold)), var(--gold));box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--gold) 70%, #fff), inset 0 0 0 6px var(--gold-deep), inset 0 0 0 12px color-mix(in srgb, var(--gold-deep) 25%, transparent);color:color-mix(in srgb, var(--warm) 30%, #2a1600);border-radius:50%;align-content:center;place-items:center;gap:2px;display:grid;position:absolute;inset:0;overflow:hidden;transform:translateZ(3px)}.d-badge__face b{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:linear-gradient(160deg, #fff8de, var(--gold) 45%, var(--gold-deep));width:40px;height:40px}.d-badge__face small{letter-spacing:2px;font-size:8px;font-weight:800}.d-badge__face em{background:linear-gradient(115deg,#0000 38%,#ffffffb3 50%,#0000 62%);animation:5s linear infinite d-badge-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes d-badge-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes d-badge-twist{0%{transform:rotateY(-50deg)}to{transform:rotateY(50deg)}}@keyframes d-badge-untwist{0%{transform:rotateY(50deg)}to{transform:rotateY(-50deg)}}@keyframes d-badge-shine{0%,35%{transform:translate(-120%)}65%,to{transform:translate(120%)}}.d-watch{--metal:color-mix(in srgb, var(--muted) 55%, var(--surface-solid));--band:color-mix(in srgb, var(--accent) 70%, #0b0d18);transform-style:preserve-3d;animation:7s ease-in-out infinite alternate d-watch-sway}.d-watch__body{width:88px;height:104px;transform-style:preserve-3d;position:relative}.d-watch__strap{background:linear-gradient(90deg, #00000059, transparent 22% 78%, #00000059), var(--band);width:56px;height:44px;position:absolute;left:16px}.d-watch__strap--top{transform-origin:50% 100%;border-radius:10px 10px 0 0;bottom:100%;transform:translateZ(-4px)rotateX(38deg)}.d-watch__strap--bottom{background:radial-gradient(circle, #00000073 0 2px, transparent 2.5px) 50% 8px/100% 10px repeat-y, linear-gradient(90deg, #00000059, transparent 22% 78%, #00000059), var(--band);transform-origin:50% 0;border-radius:0 0 10px 10px;top:100%;transform:translateZ(-4px)rotateX(-38deg)}.d-watch__slab{background:var(--metal);transform:translateZ(calc((var(--i) - 3) * 1.5px));border-radius:24px;position:absolute;inset:.5px}.d-watch__slab:nth-child(6){background:color-mix(in srgb, var(--text) 45%, var(--metal))}.d-watch__crown{background:repeating-linear-gradient(var(--metal) 0 1.5px, color-mix(in srgb, var(--text) 50%, var(--metal)) 1.5px 3px);width:7px;height:20px;transform-style:preserve-3d;border-radius:2px;position:absolute;top:30px;left:calc(100% - 3px);transform:translateZ(.75px)}.d-watch__crown:before{content:"";background:inherit;border-radius:2px;width:8px;height:100%;position:absolute;top:0;left:calc(100% - 4px);transform:rotateY(90deg)}.d-watch__back,.d-watch__face{backface-visibility:hidden;border-radius:24px;position:absolute;inset:0}.d-watch__back{background:radial-gradient(circle, #05060c 0 10px, color-mix(in srgb, var(--accent-2) 60%, #05060c) 11px 13px, transparent 14px), radial-gradient(circle, color-mix(in srgb, var(--text) 30%, var(--metal)) 0 30px, var(--metal) 31px);transform:rotateY(180deg)translateZ(5px)}.d-watch__face{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--accent) 22%, #05060c), #05060c 70%);color:#fff;border:5px solid #05060c;flex-direction:column;align-items:center;padding:9px 6px 6px;display:flex;overflow:hidden;transform:translateZ(5px)}.d-watch__face:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff29,#0000 38%);position:absolute;inset:0}.d-watch__face small{color:var(--accent-2);letter-spacing:1.2px;text-transform:uppercase;margin-top:1px;font-size:6px;font-weight:700}.d-watch__dial{background:radial-gradient(circle, #0b0d18 0 19px, transparent 19.5px), repeating-conic-gradient(from -1.5deg, #ffffffd9 0 3deg, transparent 3deg 30deg), conic-gradient(var(--hot) 0 68%, color-mix(in srgb, var(--hot) 25%, transparent) 0);border-radius:50%;flex:none;width:50px;height:50px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.d-watch__dial:after{content:"";background:var(--accent-2);border-radius:50%;width:5px;height:5px;position:absolute;top:calc(50% - 2.5px);left:calc(50% - 2.5px)}.d-watch__hand{transform-origin:50% 100%;background:#fff;border-radius:2px;position:absolute;bottom:50%}.d-watch__hand--h{width:3px;height:12px;transform:rotate(var(--h,300deg));left:calc(50% - 1.5px)}.d-watch__hand--m{width:2px;height:18px;transform:rotate(var(--m,54deg));left:calc(50% - 1px)}.d-watch__hand--s{background:var(--accent-2);width:1px;height:21px;transform:rotate(var(--s,180deg));left:calc(50% - .5px)}.d-watch__time{counter-reset:hh var(--hh,10) mm var(--mm,9);letter-spacing:-.5px;margin-top:5px;font:700 15px/1 ui-monospace,SF Mono,Consolas,monospace}.d-watch__time:before{content:counter(hh, decimal-leading-zero) ":" counter(mm, decimal-leading-zero)}@keyframes d-watch-sway{0%{transform:rotateX(10deg)rotateY(-30deg)}to{transform:rotateX(6deg)rotateY(30deg)}}.d-turntable{--c:var(--accent);grid-template-rows:1fr auto;width:100%;height:100%;padding:10px 14px;display:grid}.d-turntable__view{outline-offset:-4px;perspective:700px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:14px;place-items:center;min-height:0;display:grid}.d-turntable__view.is-dragging{cursor:grabbing}.d-turntable__product{pointer-events:none;width:86px;height:124px;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(var(--ry,-32deg));position:relative}.d-turntable__f{border:1px solid color-mix(in srgb, var(--c) 55%, #fff);background:radial-gradient(#00000038 .7px, transparent 1.2px) 0 0/4px 4px, linear-gradient(color-mix(in srgb, var(--c) 85%, #fff), color-mix(in srgb, var(--c) 70%, #0b0d18));position:absolute}.d-turntable__f--front,.d-turntable__f--back{inset:0}.d-turntable__f--front{align-content:space-evenly;place-items:center;display:grid;transform:translateZ(36px)}.d-turntable__f--back{background:radial-gradient(circle at 50% 72%, #05060c 0 9px, color-mix(in srgb, var(--c) 40%, #05060c) 10px 12px, transparent 12.5px), linear-gradient(color-mix(in srgb, var(--c) 55%, #0b0d18), color-mix(in srgb, var(--c) 35%, #0b0d18));transform:rotateY(180deg)translateZ(36px)}.d-turntable__f--left,.d-turntable__f--right{background:radial-gradient(#00000038 .7px, transparent 1.2px) 0 0/4px 4px, linear-gradient(color-mix(in srgb, var(--c) 65%, #0b0d18), color-mix(in srgb, var(--c) 45%, #0b0d18));width:72px;height:124px;top:0;left:7px}.d-turntable__f--left{transform:rotateY(-90deg)translateZ(43px)}.d-turntable__f--right{transform:rotateY(90deg)translateZ(43px)}.d-turntable__f--top,.d-turntable__f--bottom{width:86px;height:72px;top:26px;left:0}.d-turntable__f--top{background:radial-gradient(circle at 30% 50%, #fffc 0 3px, transparent 3.5px), radial-gradient(circle at 50% 50%, #fffc 0 3px, transparent 3.5px), radial-gradient(circle at 70% 50%, #fffc 0 3px, transparent 3.5px), color-mix(in srgb, var(--c) 70%, #fff);transform:rotateX(90deg)translateZ(62px)}.d-turntable__f--bottom{background:color-mix(in srgb, var(--c) 30%, #05060c);transform:rotateX(-90deg)translateZ(62px)}.d-turntable__f b{background:radial-gradient(circle at 40% 35%, #ffffff80, transparent 30%), radial-gradient(circle, #d4d7ea 0 18%, #1a1c2b 22% 58%, #34374f 62% 72%, #05060c 76% 84%, color-mix(in srgb, var(--c) 40%, #fff) 88%);border-radius:50%;width:24px;height:24px}.d-turntable__f b+b{background:radial-gradient(circle at 40% 35%, #ffffff4d, transparent 30%), radial-gradient(circle, #d4d7ea 0 12%, #1a1c2b 15% 50%, #2b2e44 52% 60%, #1a1c2b 62% 72%, #05060c 76% 86%, color-mix(in srgb, var(--c) 40%, #fff) 90%);width:58px;height:58px}.d-turntable__shadow{background:radial-gradient(closest-side,#00000080,#0000002e 60%,#0000);border-radius:50%;width:160px;height:160px;position:absolute;top:calc(50% - 80px);left:calc(50% - 80px);transform:rotateX(90deg)translateZ(-64px)}.d-turntable__bar{justify-content:center;align-items:center;gap:10px;padding-top:6px;font-size:13px;display:flex}.d-turntable__bar button{border:2px solid var(--surface-solid);background:var(--sw);width:22px;height:22px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%;padding:0}.d-turntable__bar button[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.d-turntable__bar output{width:12ch;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.d-browser{--k:.45;outline-offset:-4px;cursor:pointer;width:210px;height:184px;transform-style:preserve-3d;border-radius:16px;place-items:center;display:grid}.d-browser:hover,.d-browser:focus-visible{--k:1}.d-browser__win{pointer-events:none;width:152px;height:112px;transform-style:preserve-3d;animation:3.2s ease-in-out infinite alternate d-browser-bob;position:relative}.d-browser__win>[style]{transform:translateZ(calc(var(--z) * var(--k) * 1px));transition:transform .6s cubic-bezier(.3,1.3,.5,1);transition-delay:calc(var(--z) * 2ms);position:absolute}.d-browser__shadow{transform:translateZ(calc(var(--k) * -24px));background:radial-gradient(closest-side,#00000073,#0000);border-radius:14px;transition:transform .6s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:4px -6px -8px 4px}.d-browser__frame{border:1px solid var(--border-strong);background:linear-gradient(color-mix(in srgb, var(--text) 10%, var(--surface-solid)) 0 16px, transparent 16px), color-mix(in srgb, var(--surface-solid) 88%, var(--accent));border-radius:10px;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:3px;padding:5px 6px;display:flex;position:absolute;inset:0}.d-browser__frame span{background:var(--hot);border-radius:50%;width:6px;height:6px}.d-browser__frame span:nth-child(2){background:var(--warm)}.d-browser__frame span:nth-child(3){background:var(--accent-2)}.d-browser__frame em{background:color-mix(in srgb, var(--text) 16%, transparent);border-radius:4px;width:62px;height:7px;margin-left:14px}.d-browser__side{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 22%, var(--surface-solid));border-radius:6px;align-content:start;gap:6px;width:30px;height:82px;padding:6px 5px;display:grid;top:23px;left:7px}.d-browser__side i{background:color-mix(in srgb, var(--text) 30%, transparent);border-radius:2px;height:4px}.d-browser__side i:first-child{background:var(--accent)}.d-browser__side i:nth-child(3){width:70%}.d-browser__card{border:1px solid #ffffff59;border-radius:6px}.d-browser__card--hero{background:linear-gradient(#ffffffe6 0 0) 8px 9px/42% 4px no-repeat, linear-gradient(#ffffff8c 0 0) 8px 17px/28% 3px no-repeat, linear-gradient(120deg, var(--accent), var(--hot));width:101px;height:32px;top:23px;left:44px}.d-browser__card--a,.d-browser__card--b{width:47px;height:43px;top:62px}.d-browser__card--a{background:linear-gradient(0deg, var(--accent-2) 0 45%, transparent 45%) 7px 100%/5px 100% no-repeat, linear-gradient(0deg, var(--accent-2) 0 70%, transparent 70%) 15px 100%/5px 100% no-repeat, linear-gradient(0deg, var(--accent-2) 0 55%, transparent 55%) 23px 100%/5px 100% no-repeat, linear-gradient(0deg, var(--accent-2) 0 85%, transparent 85%) 31px 100%/5px 100% no-repeat, color-mix(in srgb, var(--accent-2) 18%, var(--surface-solid));background-origin:content-box;padding:7px 0 5px;left:44px}.d-browser__card--b{--paper:color-mix(in srgb, var(--warm) 18%, var(--surface-solid));background:radial-gradient(circle, var(--paper) 0 6px, transparent 6.5px 11px, var(--paper) 11.5px), conic-gradient(var(--warm) 0 70%, color-mix(in srgb, var(--warm) 30%, var(--paper)) 0) 50% 50%/24px 24px no-repeat, var(--paper);right:7px}.d-browser__fab{background:linear-gradient(135deg, var(--hot), var(--accent));border-radius:50%;place-items:center;width:22px;height:22px;display:grid;bottom:12px;right:12px;box-shadow:0 2px 6px #00000059}.d-browser__fab:before,.d-browser__fab:after{content:"";background:#fff;border-radius:1px;grid-area:1/1;width:10px;height:2px}.d-browser__fab:after{rotate:90deg}.d-browser__fab[style]{transform:translateZ(calc(var(--z) * var(--k) * 1px)) rotate(38deg)}@keyframes d-browser-bob{0%{transform:translateY(8px)rotateX(55deg)rotate(-38deg)}to{transform:translateY(0)rotateX(55deg)rotate(-38deg)}}.d-solar{width:200px;height:200px;transform-style:preserve-3d;position:relative;transform:rotate(-16deg)rotateX(68deg)}.d-solar__sun{background:radial-gradient(circle at 38% 34%, #fff8e1, var(--warm) 45%, var(--hot) 100%);box-shadow:0 0 16px color-mix(in srgb, var(--warm) 80%, transparent), 0 0 40px color-mix(in srgb, var(--hot) 45%, transparent);border-radius:50%;position:absolute;inset:calc(50% - 13px);transform:rotateX(-68deg)rotate(16deg)}.d-solar__sun:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--warm) 55%, transparent) 40%, transparent 70%);border-radius:50%;animation:3s ease-in-out infinite alternate d-solar-glow;position:absolute;inset:-9px}.d-solar__orbit{inset:calc(50% - var(--r));border:1px solid color-mix(in srgb, var(--c) 30%, transparent);transform-style:preserve-3d;animation:d-solar-orbit var(--t) linear var(--d) infinite;border-radius:50%;position:absolute}.d-solar__orbit:before{content:"";background:conic-gradient(transparent 62%, color-mix(in srgb, var(--c) 85%, transparent));border-radius:50%;position:absolute;inset:-2px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.d-solar__orbit b{top:calc(var(--s) / -2);left:calc(50% - var(--s) / 2);width:var(--s);height:var(--s);background:radial-gradient(circle at 34% 30%, #fff 0 6%, var(--c) 42%, color-mix(in srgb, var(--c) 45%, #000) 100%);box-shadow:0 0 10px color-mix(in srgb, var(--c) 55%, transparent);animation:d-solar-face var(--t) linear var(--d) infinite;border-radius:50%;position:absolute}.d-solar__orbit .is-ringed:after{content:"";border:2px solid color-mix(in srgb, var(--c) 80%, #fff);border-top-color:#0000;border-radius:50%;width:180%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}@keyframes d-solar-orbit{to{transform:rotate(360deg)}}@keyframes d-solar-face{0%{transform:rotate(0)rotateX(-68deg)rotate(16deg)}to{transform:rotate(-360deg)rotateX(-68deg)rotate(16deg)}}@keyframes d-solar-glow{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.12)}}.d-city{perspective:900px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.d-city__world{--line:color-mix(in srgb, var(--warm) 40%, transparent);background:repeating-linear-gradient(90deg, transparent 0 5px, var(--line) 5px 7px, transparent 7px 40px), repeating-linear-gradient(transparent 0 5px, var(--line) 5px 7px, transparent 7px 40px), color-mix(in srgb, var(--accent) 16%, var(--surface-solid));border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);width:172px;height:172px;transform-style:preserve-3d;transform:translateY(26px) rotateX(calc(58deg + var(--rx,0deg))) rotateZ(calc(45deg + var(--rz,0deg)));border-radius:10px;font-size:17px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.d-city__world.is-live{transition-duration:.1s}.d-city i{--wall:color-mix(in srgb, var(--c) 42%, var(--surface-solid));--lit:color-mix(in srgb, var(--warm) 75%, #fff);left:calc(12px + var(--x) * 40px);top:calc(12px + var(--y) * 40px);background:color-mix(in srgb, var(--c) 62%, var(--surface-solid));width:28px;height:28px;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--c) 40%, var(--surface-solid));transform-style:preserve-3d;transform:translateZ(calc(var(--h) * 1em));position:absolute}.d-city i:before,.d-city i:after{content:"";position:absolute}.d-city i:before{width:100%;height:calc(var(--h) * 1em);background:repeating-linear-gradient(var(--wall) 0 4px, transparent 4px 8px), repeating-linear-gradient(90deg, var(--wall) 0 4px, var(--lit) 4px 8px);transform-origin:top;background-position:0 2px,2px 0;top:100%;left:0;transform:rotateX(-90deg)}.d-city i:after{width:calc(var(--h) * 1em);background:linear-gradient(#00000047, #00000047), repeating-linear-gradient(90deg, var(--wall) 0 4px, transparent 4px 8px), repeating-linear-gradient(var(--wall) 0 4px, var(--lit) 4px 8px);transform-origin:0;background-position:0 0,2px 0,0 2px;height:100%;top:0;left:100%;transform:rotateY(90deg)}.d-city b{color:var(--muted);text-align:center;pointer-events:none;font-size:13px;font-weight:600;transition:opacity .4s;position:absolute;inset:auto 0 12px}.d-city.is-touched b{opacity:0}.d-room{perspective:300px;background:#06070d;position:absolute;inset:0;overflow:hidden}.d-room__box{--wall:color-mix(in srgb, var(--accent) 16%, var(--surface-solid));transform-style:preserve-3d;transform-origin:50% 50% 300px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.d-room__box.is-live{transition-duration:.12s}.d-room__wall{background-color:var(--wall);position:absolute}.d-room__wall>i{position:absolute}.d-room__wall--back{background-image:radial-gradient(ellipse 70% 60% at 50% 0%, color-mix(in srgb, var(--warm) 22%, transparent), transparent 70%);inset:0;transform:translateZ(-350px)}.d-room__wall--left,.d-room__wall--right{width:460px;height:100%;top:0}.d-room__wall--left{transform-origin:0;background-image:linear-gradient(90deg,#00000059,#00000014);left:0;transform:translateZ(110px)rotateY(90deg)}.d-room__wall--right{transform-origin:100%;background-image:linear-gradient(270deg,#0006,#0000001f);right:0;transform:translateZ(110px)rotateY(-90deg)}.d-room__wall--floor,.d-room__wall--ceil{width:100%;height:460px;left:0}.d-room__wall--floor{background:linear-gradient(transparent 30%, #00000073), repeating-linear-gradient(90deg, transparent 0 30px, #0000004d 30px 32px), color-mix(in srgb, var(--warm) 34%, #2a1c12);transform-origin:bottom;bottom:0;transform:translateZ(110px)rotateX(90deg)}.d-room__wall--ceil{transform-origin:top;background-image:linear-gradient(#0006,#0000001a);top:0;transform:translateZ(110px)rotateX(-90deg)}.d-room__window{border:5px solid color-mix(in srgb, var(--wall) 60%, #fff);background:linear-gradient(90deg, transparent calc(50% - 2px), color-mix(in srgb, var(--wall) 60%, #fff) 0 calc(50% + 2px), transparent 0), linear-gradient(transparent calc(50% - 2px), color-mix(in srgb, var(--wall) 60%, #fff) 0 calc(50% + 2px), transparent 0), radial-gradient(circle at 72% 28%, #fff7da 0 9%, #fff7da4d 10%, transparent 24%), radial-gradient(circle at 20% 30%, #fff 0 1px, transparent 2px), radial-gradient(circle at 36% 70%, #fff 0 1px, transparent 2px), radial-gradient(circle at 84% 76%, #fff 0 1px, transparent 2px), linear-gradient(#070b24, color-mix(in srgb, var(--accent) 40%, #0b1030));border-radius:3px;width:30%;height:40%;top:20%;left:16%}.d-room__picture{border:4px solid var(--warm);background:radial-gradient(circle at 68% 34%, #fff2 0 12%, transparent 13%), linear-gradient(160deg, var(--accent-2), var(--accent) 55%, var(--hot));width:22%;height:28%;top:24%;left:60%;box-shadow:0 6px 14px #00000059}.d-room__poster{background:radial-gradient(circle at 50% 38%, var(--warm) 0 18%, transparent 19%), linear-gradient(transparent 62%, var(--hot) 62% 70%, transparent 70%), linear-gradient(var(--accent), color-mix(in srgb, var(--accent) 50%, #000));border-radius:2px;width:22%;height:38%;top:22%;left:50%}.d-room__door{border:4px solid color-mix(in srgb, var(--warm) 30%, #1b120b);background:radial-gradient(circle at 18% 54%, var(--warm) 0 3px, transparent 4px), linear-gradient(transparent 12%, #0000002e 12% 44%, transparent 44% 52%, #0000002e 52% 90%, transparent 90%), color-mix(in srgb, var(--warm) 40%, #3b2616);border-bottom:0;width:18%;height:64%;bottom:0;left:14%}.d-room__light{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:linear-gradient(#dfe6ff38,#0000);width:30%;height:34%;top:4%;left:22%}.d-room__rug{background:repeating-radial-gradient(ellipse, var(--hot) 0 8px, color-mix(in srgb, var(--accent) 70%, #000) 8px 16px, var(--accent-2) 16px 19px, color-mix(in srgb, var(--accent) 70%, #000) 19px 26px);opacity:.85;border-radius:50%;width:52%;height:34%;top:30%;left:24%}.d-room__lamp{background:radial-gradient(circle, #fffaf0 0 16%, color-mix(in srgb, var(--warm) 55%, transparent) 20%, transparent 68%);border-radius:50%;width:90px;height:90px;top:50%;left:calc(50% - 45px)}.d-room b{color:#fff;text-align:center;text-shadow:0 1px 6px #000000b3;pointer-events:none;font-size:13px;font-weight:600;transition:opacity .4s;position:absolute;inset:auto 0 12px}.d-room.is-touched b{opacity:0}.d-ferris{width:200px;height:188px;transform-style:preserve-3d;position:relative;transform:rotateX(-8deg)rotateY(-28deg)}.d-ferris__base{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 40%, transparent), transparent);border-radius:50%;width:160px;height:56px;position:absolute;top:150px;left:20px;transform:rotateX(90deg)}.d-ferris__stand{width:124px;height:104px;transform-style:preserve-3d;position:absolute;top:74px;left:38px}.d-ferris__stand s{background:linear-gradient(color-mix(in srgb, var(--accent) 70%, var(--text)), color-mix(in srgb, var(--accent) 40%, transparent));clip-path:polygon(0 100%,48% 0,52% 0,100% 100%,95.5% 100%,50% 5%,4.5% 100%);position:absolute;inset:0;transform:translateZ(-14px)}.d-ferris__stand s+s{transform:translateZ(14px)}.d-ferris__wheel{width:136px;height:136px;transform-style:preserve-3d;animation:24s linear infinite d-ferris-spin;position:absolute;top:10px;left:32px}.d-ferris__wheel:before,.d-ferris__wheel:after{content:"";border:3px solid var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 0 10px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;position:absolute;inset:0;transform:translateZ(7px)}.d-ferris__wheel:after{border:3px dotted color-mix(in srgb, var(--warm) 80%, transparent);box-shadow:none;transform:translateZ(-7px)}.d-ferris__wheel i{width:2px;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:calc(50% - 1px)}.d-ferris__wheel i:before,.d-ferris__wheel i:after{content:"";background:color-mix(in srgb, var(--accent) 60%, transparent);position:absolute;inset:0;transform:translateZ(7px)}.d-ferris__wheel i:after{transform:translateZ(-7px)}.d-ferris__wheel i:first-of-type{transform:rotate(0)}.d-ferris__wheel i:nth-of-type(2){transform:rotate(45deg)}.d-ferris__wheel i:nth-of-type(3){transform:rotate(90deg)}.d-ferris__wheel i:nth-of-type(4){transform:rotate(135deg)}.d-ferris__wheel b{width:0;height:0;animation:24s linear infinite d-ferris-cabin;position:absolute;top:50%;left:50%}.d-ferris__wheel b:before{content:"";background:linear-gradient(var(--c) 0 30%, color-mix(in srgb, var(--c) 30%, #fff) 30% 62%, var(--c) 62%);width:18px;height:15px;box-shadow:0 0 8px color-mix(in srgb, var(--c) 50%, transparent);transform-origin:50% -3px;border-radius:3px 3px 7px 7px;animation:1.6s ease-in-out infinite alternate d-ferris-swing;position:absolute;top:3px;left:-9px}.d-ferris__wheel b:after{content:"";background:color-mix(in srgb, var(--text) 70%, transparent);width:2px;height:5px;position:absolute;top:-1px;left:-1px}.d-ferris__wheel b:first-of-type{--a:0deg;--c:var(--accent-2)}.d-ferris__wheel b:first-of-type:before{animation-delay:-.4s}.d-ferris__wheel b:nth-of-type(2){--a:45deg;--c:var(--hot)}.d-ferris__wheel b:nth-of-type(2):before{animation-delay:-.8s}.d-ferris__wheel b:nth-of-type(3){--a:90deg;--c:var(--warm)}.d-ferris__wheel b:nth-of-type(3):before{animation-delay:-1.2s}.d-ferris__wheel b:nth-of-type(4){--a:135deg;--c:var(--accent)}.d-ferris__wheel b:nth-of-type(4):before{animation-delay:-1.6s}.d-ferris__wheel b:nth-of-type(5){--a:180deg;--c:var(--accent-2)}.d-ferris__wheel b:nth-of-type(5):before{animation-delay:-2s}.d-ferris__wheel b:nth-of-type(6){--a:225deg;--c:var(--hot)}.d-ferris__wheel b:nth-of-type(6):before{animation-delay:-2.4s}.d-ferris__wheel b:nth-of-type(7){--a:270deg;--c:var(--warm)}.d-ferris__wheel b:nth-of-type(7):before{animation-delay:-2.8s}.d-ferris__wheel b:nth-of-type(8){--a:315deg;--c:var(--accent)}.d-ferris__wheel b:nth-of-type(8):before{animation-delay:-3.2s}.d-ferris__wheel u{background:radial-gradient(circle at 35% 35%, #fff, var(--warm) 55%, var(--hot));border-radius:50%;position:absolute;inset:calc(50% - 8px);transform:translateZ(8px)}@keyframes d-ferris-spin{to{transform:rotate(360deg)}}@keyframes d-ferris-cabin{0%{transform:rotate(var(--a)) translateY(-68px) rotate(calc(var(--a) * -1)) rotate(0deg)}to{transform:rotate(var(--a)) translateY(-68px) rotate(calc(var(--a) * -1)) rotate(-360deg)}}@keyframes d-ferris-swing{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.d-island{width:200px;height:190px;transform-style:preserve-3d;position:relative}.d-island__shadow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 50%, transparent), transparent);border-radius:50%;width:120px;height:24px;animation:3.2s ease-in-out infinite alternate d-island-shadow;position:absolute;bottom:4px;left:40px}.d-island__land{width:112px;height:112px;transform-style:preserve-3d;animation:3.2s ease-in-out infinite alternate d-island-bob;position:absolute;top:30px;left:44px}.d-island__land i{--top:color-mix(in srgb, var(--accent-2) 70%, #1d6b3a);--side:color-mix(in srgb, var(--warm) 45%, #3a2414);--grass:color-mix(in srgb, var(--accent-2) 55%, #14512b);--w:1;left:calc(var(--x) * 28px);top:calc(var(--y) * 28px);width:calc(var(--w) * 28px);height:calc(var(--w) * 28px);background:var(--top);transform-style:preserve-3d;transform:translateZ(calc(var(--z) * 14px));position:absolute;box-shadow:inset 0 0 0 1px #ffffff1f}.d-island__land i:before,.d-island__land i:after{content:"";position:absolute}.d-island__land i:before{width:100%;height:calc(var(--h) * 14px);background:linear-gradient(var(--grass) 0 3px, var(--side) 3px);transform-origin:top;top:100%;left:0;transform:rotateX(-90deg)}.d-island__land i:after{width:calc(var(--h) * 14px);background:linear-gradient(#00000040, #00000040), linear-gradient(90deg, var(--grass) 0 3px, var(--side) 3px);transform-origin:0;height:100%;top:0;left:100%;transform:rotateY(90deg)}.d-island__land i:first-child{--x:0;--y:0;--z:2;--h:2}.d-island__land i:nth-child(2){--x:1;--y:0;--z:3;--h:3}.d-island__land i:nth-child(3){--x:2;--y:0;--z:2.5;--h:2.5}.d-island__land i:nth-child(4){--x:3;--y:0;--z:2;--h:2}.d-island__land i:nth-child(5){--x:0;--y:1;--z:2;--h:2}.d-island__land i:nth-child(6){--x:1;--y:1;--z:2.5;--h:2.5}.d-island__land i:nth-child(7){--x:2;--y:1;--z:2;--h:2}.d-island__land i:nth-child(8){--x:3;--y:1;--z:1.5;--h:1.5}.d-island__land i:nth-child(9){--x:0;--y:2;--z:1;--h:1}.d-island__land i:nth-child(10){--x:1;--y:2;--z:2;--h:2}.d-island__land i:nth-child(11){--x:2;--y:2;--z:1.5;--h:1.5}.d-island__land i:nth-child(12){--x:3;--y:2;--z:1;--h:1}.d-island__land i:nth-child(13){--x:0;--y:3;--z:1.5;--h:1.5}.d-island__land i:nth-child(14){--x:1;--y:3;--z:1;--h:1}.d-island__land i:nth-child(15){--x:2;--y:3;--z:1;--h:1}.d-island__land i:nth-child(16){--x:3;--y:3;--z:.5;--h:.5;--top:color-mix(in srgb, var(--accent) 55%, #3fa9ff);--grass:color-mix(in srgb, var(--accent) 45%, #1d4f99);--side:color-mix(in srgb, var(--accent) 40%, #173a6e)}.d-island__land .is-rock{--top:#5b5f78;--grass:color-mix(in srgb, var(--warm) 30%, #4a3a36);--side:color-mix(in srgb, var(--muted) 55%, #3a3550)}.d-island__land .is-trunk{--top:#8a5a36;--grass:#6b4228;--side:#6b4228}.d-island__land .is-leaf{--top:color-mix(in srgb, var(--hot) 70%, #fff);--grass:var(--hot);--side:var(--hot)}@keyframes d-island-bob{0%{transform:translateY(5px)rotateX(58deg)rotate(38deg)}to{transform:translateY(-5px)rotateX(58deg)rotate(52deg)}}@keyframes d-island-shadow{0%{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(.82)}}.d-road{perspective:300px;perspective-origin:50% 44%;background:linear-gradient(#07051a, color-mix(in srgb, var(--accent) 45%, #120733) 24%, color-mix(in srgb, var(--hot) 50%, #2a0a3a) 44%);position:absolute;inset:0;overflow:hidden}.d-road__sun{background:linear-gradient(var(--warm) 20%, var(--hot) 75%);width:120px;height:120px;box-shadow:0 0 40px color-mix(in srgb, var(--hot) 60%, transparent);border-radius:50%;position:absolute;top:calc(44% - 78px);left:calc(50% - 60px);-webkit-mask:linear-gradient(#000 30%,#0000 0 33%,#000 0 41%,#0000 0 45%,#000 0 52%,#0000 0 57%,#000 0);mask:linear-gradient(#000 30%,#0000 0 33%,#000 0 41%,#0000 0 45%,#000 0 52%,#0000 0 57%,#000 0)}.d-road__ground{background:repeating-conic-gradient(from 90deg at 50% 0%, color-mix(in srgb, var(--hot) 50%, transparent) 0 .5deg, transparent .5deg 9deg), linear-gradient(color-mix(in srgb, var(--accent) 40%, #1a0830), #06030f 70%);position:absolute;inset:44% 0 0}.d-road__plane{background:linear-gradient(90deg, var(--hot) 0 3px, color-mix(in srgb, var(--accent) 22%, #0a0616) 3px calc(100% - 3px), var(--hot) calc(100% - 3px));height:1400px;transform-style:preserve-3d;transform-origin:bottom;position:absolute;bottom:0;left:29%;right:29%;transform:translateZ(120px)rotateX(90deg)}.d-road__plane i{background:linear-gradient(var(--accent-2), color-mix(in srgb, var(--accent-2) 15%, transparent));width:5px;height:46px;box-shadow:0 0 8px color-mix(in srgb, var(--accent-2) 70%, transparent);transform-origin:bottom;animation:7s linear infinite d-road-post;animation-delay:calc(var(--i) * -1.16667s);border-radius:3px;position:absolute;bottom:0}.d-road__plane i:before{content:"";background:radial-gradient(circle, #fff 0 25%, var(--accent-2) 60%);border-radius:50%;width:11px;height:11px;position:absolute;top:-4px;left:-3px}.d-road__plane .is-left{left:-22px}.d-road__plane .is-right{animation-delay:calc(var(--i) * -1.16667s - .583333s);right:-22px}.d-road__dashes{background:repeating-linear-gradient(var(--warm) 0 50px, transparent 50px 100px);width:6px;animation:.5s linear infinite d-road-dash;position:absolute;top:-100px;bottom:0;left:calc(50% - 3px)}.d-road__haze{background:linear-gradient(transparent, color-mix(in srgb, var(--hot) 50%, #2a0a3a) 30% 50%, transparent);pointer-events:none;height:22%;position:absolute;inset:37% 0 auto}@keyframes d-road-dash{0%{transform:translateZ(1px)translateY(0)}to{transform:translateZ(1px)translateY(100px)}}@keyframes d-road-post{0%{opacity:0;transform:translateY(-1400px)rotateX(-90deg)}12%{opacity:1}to{opacity:1;transform:translateY(0)rotateX(-90deg)}}.d-snow{perspective:400px;background:linear-gradient(#050817, color-mix(in srgb, var(--accent) 32%, #0b1030) 75%, color-mix(in srgb, var(--accent-2) 16%, #121a3a));position:absolute;inset:0;overflow:hidden}.d-snow__moon{width:38px;height:38px;box-shadow:0 0 24px #fffae68c, 0 0 70px color-mix(in srgb, var(--accent) 45%, transparent);background:radial-gradient(circle at 60% 40%,#fffbe8,#e6e2ff 70%);border-radius:50%;position:absolute;top:12%;right:16%}.d-snow__hill{background:linear-gradient(#eef1ff,#b9c0e8 40%,#8d95c8);border-radius:50% 50% 0 0/34% 34% 0 0;height:62%;position:absolute;bottom:-32%;left:-20%;right:-20%;box-shadow:0 -6px 30px #dfe4ff40}.d-snow__world{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.d-snow__world b{bottom:3%;left:var(--x);background:linear-gradient(transparent 26%, #e9ecff 26% 30%, transparent 30% 55%, #e9ecff 55% 59%, transparent 59%), linear-gradient(color-mix(in srgb, var(--accent-2) 30%, #0e2a2e), #07161c);clip-path:polygon(50% 0,72% 28%,62% 28%,84% 57%,70% 57%,96% 88%,56% 88%,56% 100%,44% 100%,44% 88%,4% 88%,30% 57%,16% 57%,38% 28%,28% 28%);width:70px;height:104px;transform:translateZ(var(--z));position:absolute}.d-snow__world i{top:0;left:var(--x);width:var(--s);height:var(--s);opacity:var(--o);animation:d-snow-fall var(--t) linear var(--d) infinite;background:radial-gradient(circle,#fff 0 35%,#fff0 70%);border-radius:50%;position:absolute}@keyframes d-snow-fall{0%{transform:translate3d(0, -160px, var(--z))}to{transform:translate3d(var(--drift), 560px, var(--z))}}.d-pie{transform-style:preserve-3d;justify-items:center;gap:10px;display:grid}.d-pie__tilt{width:136px;height:136px;transform-style:preserve-3d;margin:-16px 0 -30px;position:relative;transform:rotateX(60deg)}.d-pie__tilt:before{content:"";background:radial-gradient(closest-side,#00000059,#0000);border-radius:50%;position:absolute;inset:-10%;transform:translateZ(-2px)}.d-pie__spin{transform-style:preserve-3d;animation:18s linear infinite d-pie-spin;position:absolute;inset:0}.d-pie__spin i{background:linear-gradient(rgb(0, 0, 0, calc((11 - var(--i)) * .05)), rgb(0, 0, 0, calc((11 - var(--i)) * .05))), conic-gradient(var(--accent) 0 40%, var(--accent-2) 0 65%, var(--hot) 0 85%, var(--warm) 0);transform:translateZ(calc(var(--i) * 1.5px));border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 49.5%,#000 50%);mask:radial-gradient(closest-side,#0000 49.5%,#000 50%)}.d-pie__spin i:last-child{background:radial-gradient(circle at 30% 25%, #ffffff59, transparent 55%), conic-gradient(var(--accent) 0 39.6%, #fff 0 40%, var(--accent-2) 0 64.6%, #fff 0 65%, var(--hot) 0 84.6%, #fff 0 85%, var(--warm) 0 99.6%, #fff 0)}.d-pie__legend{color:var(--muted);grid-template-columns:auto auto;gap:3px 16px;margin:0;padding:0;font-size:11px;font-weight:600;list-style:none;display:grid}.d-pie__legend li{align-items:center;gap:6px;display:flex}.d-pie__legend li:before{content:"";background:var(--c);border-radius:3px;width:9px;height:9px}.d-pie__legend li:first-child{--c:var(--accent)}.d-pie__legend li:nth-child(2){--c:var(--accent-2)}.d-pie__legend li:nth-child(3){--c:var(--hot)}.d-pie__legend li:nth-child(4){--c:var(--warm)}@keyframes d-pie-spin{to{transform:rotate(360deg)}}.d-scatter{perspective:700px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;inset:0}.d-scatter.is-drag{cursor:grabbing}.d-scatter__tilt{width:140px;height:140px;transform-style:preserve-3d;transform:scale3d(.92, .92, .92) rotateX(var(--rx,-18deg));margin-top:-14px;position:relative}.d-scatter__spin{transform-style:preserve-3d;animation:28s linear infinite d-scatter-spin;position:absolute;inset:0}.d-scatter__box{transform-style:preserve-3d;transform:rotateY(var(--ry,0deg));position:absolute;inset:0}.d-scatter__box>:first-child{transform:rotateY(0)translateZ(70px)}.d-scatter__box>:nth-child(2){transform:rotateY(90deg)translateZ(70px)}.d-scatter__box>:nth-child(3){transform:rotateY(180deg)translateZ(70px)}.d-scatter__box>:nth-child(4){transform:rotateY(-90deg)translateZ(70px)}.d-scatter__box>:nth-child(5){transform:rotateX(90deg)translateZ(70px)}.d-scatter__box>:nth-child(6){transform:rotateX(-90deg)translateZ(70px)}.d-scatter__box u{border:1px solid color-mix(in srgb, var(--text) 22%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px) 0 0/35px 35px, linear-gradient(color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px) 0 0/35px 35px, color-mix(in srgb, var(--accent) 4%, transparent);position:absolute;inset:0}.d-scatter__box s{background:color-mix(in srgb, var(--text) 55%, transparent);transform-origin:0;width:148px;height:2px;position:absolute;top:100%;left:0;transform:translateZ(-70px)}.d-scatter__box s:nth-of-type(2){transform:translateZ(-70px)rotate(-90deg)}.d-scatter__box s:nth-of-type(3){transform:translateZ(-70px)rotateY(-90deg)}.d-scatter__box b{background:radial-gradient(circle at 35% 30%, #fff 0 8%, var(--c) 50%, color-mix(in srgb, var(--c) 45%, #000));width:10px;height:10px;box-shadow:0 0 8px color-mix(in srgb, var(--c) 60%, transparent);translate:var(--x) var(--y) var(--z);transform:rotateY(calc(var(--ry,0deg) * -1)) rotateX(calc(var(--rx,-18deg) * -1));border-radius:50%;animation:28s linear infinite d-scatter-face;position:absolute;top:calc(50% - 5px);left:calc(50% - 5px)}.d-scatter__box .is-label{box-shadow:none;color:var(--muted);font:700 12px/1 var(--mono);background:0 0;place-items:center;display:grid}.d-scatter.is-drag :is(.d-scatter__spin,b){animation-play-state:paused}.d-scatter small{color:var(--muted);text-align:center;pointer-events:none;font-size:12px;transition:opacity .4s;position:absolute;inset:auto 0 10px}.d-scatter.is-touched small{opacity:0}@keyframes d-scatter-spin{to{transform:rotateY(360deg)}}@keyframes d-scatter-face{0%{rotate:y 0deg}to{rotate:y -360deg}}.d-map{width:210px;height:180px;transform-style:preserve-3d;position:relative}.d-map__plane{--land:color-mix(in srgb, var(--accent-2) 34%, var(--surface-solid));--water:color-mix(in srgb, var(--accent) 24%, var(--surface-solid));--road:color-mix(in srgb, var(--warm) 60%, transparent);border:1px solid color-mix(in srgb, var(--accent-2) 45%, transparent);background:linear-gradient(28deg, transparent calc(50% - 1.5px), var(--road) 0 calc(50% + 1.5px), transparent 0), linear-gradient(90deg, transparent 63%, var(--road) 0 calc(63% + 3px), transparent 0), radial-gradient(circle at 115% 125%, transparent 56%, var(--water) 0 59%, transparent 0), radial-gradient(ellipse 30% 25% at 26% 32%, var(--land) 98%, transparent), radial-gradient(ellipse 26% 22% at 66% 68%, var(--land) 98%, transparent), radial-gradient(ellipse 15% 13% at 82% 24%, var(--land) 98%, transparent), radial-gradient(ellipse 12% 10% at 26% 80%, var(--land) 98%, transparent), linear-gradient(90deg, color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px) 0 0/19px 19px, linear-gradient(color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px) 0 0/19px 19px, var(--water);width:190px;height:150px;box-shadow:0 0 30px color-mix(in srgb, var(--accent-2) 20%, transparent);transform-style:preserve-3d;border-radius:14px;position:absolute;top:34px;left:10px;transform:rotateX(54deg)rotate(-14deg)}.d-map__plane i{left:var(--x);top:var(--y);width:0;height:0;transform-style:preserve-3d;position:absolute;transform:translateZ(1px)}.d-map__plane i:before,.d-map__plane i:after{content:"";border-radius:50%;position:absolute}.d-map__plane i:before{border:2px solid var(--c);opacity:0;width:32px;height:32px;animation:2.4s ease-out infinite d-map-ring;animation-delay:calc(var(--i) * .79992s);top:-16px;left:-16px}.d-map__plane i:after{width:14px;height:8px;animation:2.4s ease-in-out infinite d-map-shadow;animation-delay:calc(var(--i) * .79992s);background:#00000073;top:-4px;left:-7px}.d-map__plane b{transform-origin:50% 100%;width:26px;height:32px;animation:2.4s ease-in-out infinite d-map-bounce;animation-delay:calc(var(--i) * .79992s);position:absolute;bottom:0;left:-13px;transform:rotate(14deg)rotateX(-54deg)}.d-map__plane b:before{content:"";background:radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--c) 40%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 60%, #000));width:26px;height:26px;box-shadow:0 0 10px color-mix(in srgb, var(--c) 50%, transparent);border-radius:50% 50% 50% 0;position:absolute;top:0;left:0;transform:rotate(-45deg)}.d-map__plane b:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:8px}@keyframes d-map-bounce{0%,36%,to{transform:rotate(14deg)rotateX(-54deg)translateY(0)scale(1)}14%{transform:rotate(14deg)rotateX(-54deg)translateY(-16px)scale(.94,1.06)}26%{transform:rotate(14deg)rotateX(-54deg)translateY(0)scale(1.14,.86)}}@keyframes d-map-shadow{0%,36%,to{opacity:1;transform:scale(1)}14%{opacity:.45;transform:scale(.6)}}@keyframes d-map-ring{0%,24%{opacity:0;transform:scale(.2)}27%{opacity:1;transform:scale(.3)}70%,to{opacity:0;transform:scale(1.5)}}