:root{--bg:#07080f;--bg-2:#0d1020;--surface:#161a2eb8;--surface-solid:#141830;--border:#8c96dc29;--border-strong:#8c96dc57;--grid:#8c96dc09;--glass:#12152ab8;--glass-edge:#bec8ff38;--glass-dim:#04050c9e;--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:#28327809;--glass:#ffffffb3;--glass-edge:#ffffffd9;--glass-dim:#1e224666;--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:#8c96dc09;--glass:#12152ab8;--glass-edge:#bec8ff38;--glass-dim:#04050c9e;--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:#28327809;--glass:#ffffffb3;--glass-edge:#ffffffd9;--glass-dim:#1e224666;--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]){scrollbar-gutter:auto;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:var(--bg);position:fixed;inset:0;overflow:hidden}.aurora:before{content:"";z-index:1;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:after{content:"";background:radial-gradient(ellipse 55% 55% at 8.33% 8.33%, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 7%, transparent) 30%, color-mix(in srgb, var(--accent) 2%, transparent) 65%, transparent), radial-gradient(ellipse 55% 55% at 91.67% 91.67%, color-mix(in srgb, var(--accent-2) 12%, transparent), color-mix(in srgb, var(--accent-2) 4.5%, transparent) 30%, color-mix(in srgb, var(--accent-2) 1.5%, transparent) 65%, transparent);animation:40s ease-in-out infinite alternate aurora-drift;position:absolute;inset:-10%}.aurora i{display:none}@keyframes aurora-drift{to{transform:translate(2%,1.5%)}}.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:22px;width:var(--s);height:var(--s);transform-style:preserve-3d;flex:none;margin:3px;animation:10s linear infinite logo-spin;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(#a58cffe0,#5b3be8e0);border:1px solid #ffffff59;position:absolute;inset:0}.logo-cube i:nth-child(2n){background:linear-gradient(#ff86bde0,#d81e74e0)}.logo-cube i:nth-child(5),.logo-cube i:nth-child(6){background:linear-gradient(135deg,#9bfaf1e6,#2ee6d6e6)}@keyframes logo-spin{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__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(140px, 19vw, 228px);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{--edge-c:var(--accent);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);border-radius:0;position:absolute;inset:0}.hero__cube i:nth-child(2n){--edge-c:var(--hot);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)}.hero__cube i:nth-child(n){--grid-c:color-mix(in srgb, var(--border-strong) 20%, transparent);--grid:linear-gradient(var(--grid-c) 1px, transparent 1px), linear-gradient(90deg, var(--grid-c) 1px, transparent 1px);background-image:var(--grid);background-size:25% 25%}@property --edge-a{syntax:"<percentage>";inherits:false;initial-value:0%}.hero__cube[data-shape]{--half:calc(var(--s) / 2);transition:scale 1.6s cubic-bezier(.65,0,.25,1)}.hero__cube[data-shape]>i{--clip:polygon(0 0, 100% 0, 100% 100%, 0 100%);--edge:color-mix(in srgb, var(--edge-c) calc(var(--edge-a) * .55), transparent);clip-path:var(--clip);transition:transform 1.6s cubic-bezier(.65,0,.25,1),clip-path 1.6s cubic-bezier(.65,0,.25,1),border-radius 1.6s cubic-bezier(.65,0,.25,1),opacity 1s,--edge-a .25s}.hero__cube[data-shape][data-shape=pyramid]>i:nth-child(-n+4){--edge-a:100%;background-image:linear-gradient(63.43deg, transparent calc(66.67% - .8px), var(--edge) 0), linear-gradient(-63.43deg, transparent calc(66.67% - .8px), var(--edge) 0), var(--grid);background-size:100% 100%,100% 100%,25% 25%;transition:transform 1.6s cubic-bezier(.65,0,.25,1),clip-path 1.6s cubic-bezier(.65,0,.25,1),border-radius 1.6s cubic-bezier(.65,0,.25,1),opacity 1s,--edge-a .5s 1.3s}.hero__cube[data-shape=cube]{scale:.82}.hero__cube[data-shape=cube]>i:first-child{transform:rotateY(0deg) translateZ(var(--half)) translateY(0) rotateX(0deg) translateY(0) scale(1)}.hero__cube[data-shape=cube]>i:nth-child(2){transform:rotateY(90deg) translateZ(var(--half)) translateY(0) rotateX(0deg) translateY(0) scale(1)}.hero__cube[data-shape=cube]>i:nth-child(3){transform:rotateY(180deg) translateZ(var(--half)) translateY(0) rotateX(0deg) translateY(0) scale(1)}.hero__cube[data-shape=cube]>i:nth-child(4){transform:rotateY(270deg) translateZ(var(--half)) translateY(0) rotateX(0deg) translateY(0) scale(1)}.hero__cube[data-shape=cube]>i:nth-child(5){transform:rotateX(90deg) translateZ(var(--half)) translateY(0) rotateX(0deg) translateY(0) scale(1)}.hero__cube[data-shape=cube]>i:nth-child(6){transform:rotateX(-90deg) translateZ(var(--half)) translateY(0) rotateX(0deg) translateY(0) scale(1)}.hero__cube[data-shape=cube]>i:nth-child(n+7){opacity:0;transform:rotateY(0)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(.01)}.hero__cube[data-shape=pyramid]{scale:.95}.hero__cube[data-shape=pyramid]>i:first-child{--clip:polygon(50% 0, 50% 0, 100% 100%, 0 100%);transform:rotateY(0deg) translateZ(var(--half)) translateY(calc(var(--half) * .29)) rotateX(30deg) translateY(calc(var(--half) * -1)) scale(1)}.hero__cube[data-shape=pyramid]>i:nth-child(2){--clip:polygon(50% 0, 50% 0, 100% 100%, 0 100%);transform:rotateY(90deg) translateZ(var(--half)) translateY(calc(var(--half) * .29)) rotateX(30deg) translateY(calc(var(--half) * -1)) scale(1)}.hero__cube[data-shape=pyramid]>i:nth-child(3){--clip:polygon(50% 0, 50% 0, 100% 100%, 0 100%);transform:rotateY(180deg) translateZ(var(--half)) translateY(calc(var(--half) * .29)) rotateX(30deg) translateY(calc(var(--half) * -1)) scale(1)}.hero__cube[data-shape=pyramid]>i:nth-child(4){--clip:polygon(50% 0, 50% 0, 100% 100%, 0 100%);transform:rotateY(270deg) translateZ(var(--half)) translateY(calc(var(--half) * .29)) rotateX(30deg) translateY(calc(var(--half) * -1)) scale(1)}.hero__cube[data-shape=pyramid]>i:nth-child(5){transform:translateY(calc(var(--half) * .29)) rotateX(90deg) translateY(0) rotateX(0deg) translateY(0) scale(1)}.hero__cube[data-shape=pyramid]>i:nth-child(n+6){opacity:0;transform:rotateY(0)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(.01)}.hero__cube[data-shape=sphere]{scale:1.12}.hero__cube[data-shape=sphere]>i:first-child{border-radius:50%;transform:rotateY(0)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(1.05)}.hero__cube[data-shape=sphere]>i:nth-child(2){border-radius:50%;transform:rotateY(22.5deg)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(1.05)}.hero__cube[data-shape=sphere]>i:nth-child(3){border-radius:50%;transform:rotateY(45deg)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(1.05)}.hero__cube[data-shape=sphere]>i:nth-child(4){border-radius:50%;transform:rotateY(67.5deg)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(1.05)}.hero__cube[data-shape=sphere]>i:nth-child(5){border-radius:50%;transform:rotateY(90deg)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(1.05)}.hero__cube[data-shape=sphere]>i:nth-child(6){border-radius:50%;transform:rotateY(112.5deg)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(1.05)}.hero__cube[data-shape=sphere]>i:nth-child(7){border-radius:50%;transform:rotateY(135deg)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(1.05)}.hero__cube[data-shape=sphere]>i:nth-child(8){border-radius:50%;transform:rotateY(157.5deg)translateZ(0)translateY(0)rotateX(0)translateY(0)scale(1.05)}@keyframes hero-tumble{0%{transform:rotateX(-20deg)rotateY(0)rotate(8deg)}to{transform:rotateX(340deg)rotateY(720deg)rotate(8deg)}}.filters{z-index:5;transition:translate .25s;position:sticky;top:0}.filters.is-tucked{translate:0 calc(-100% - 12px)}.filters{max-width:1320px;margin:0 auto;padding:14px 20px 10px}.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: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-dot:color-mix(in srgb, var(--border-strong) 45%, transparent);--stage-base:color-mix(in srgb, var(--bg) 70%, transparent);border-bottom:1px solid var(--border);background:radial-gradient(var(--stage-dot) 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:var(--bg);border-radius:14px;height:380px}.stage--lg:before{content:"";background:radial-gradient(var(--stage-dot) var(--dot-r), transparent calc(var(--dot-r) + .8px)) 0 0/var(--dot-gap) var(--dot-gap);pointer-events:none;position:absolute;inset:0}.stage--lg>.scene,.stage--lg>.live-frame{z-index:1}.stage>.scene{zoom:calc(var(--fit,1) * var(--size,1));perspective:800px}.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}.viewer{--viewer-pad-top:32px;width:100%;max-width:none;height:100%;max-height:none;padding:var(--viewer-pad-top) 12px 0;color:var(--text);overscroll-behavior:contain;background:0 0;border:0;margin:0;overflow:hidden auto}.viewer__panel{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,100%);min-height:100%;box-shadow:0 40px 120px -20px #000c, inset 0 1px 0 var(--glass-edge);border-bottom:0;border-radius:22px 22px 0 0;margin:0 auto;padding:26px}.viewer::backdrop{background:var(--glass-dim);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.viewer__panel{background:var(--surface-solid)}}.viewer[open]{animation:.45s cubic-bezier(.2,.8,.2,1) viewer-in}.viewer__close{top:calc(12px - var(--viewer-pad-top,32px));z-index:2;float:right;position:sticky}.viewer__close .btn{border-color:var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);box-shadow:0 6px 20px #00000040}.viewer__close .btn:hover{border-color:var(--accent);box-shadow:0 8px 20px -10px var(--accent)}.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(--stage-dot) 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__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}.viewer{--viewer-pad-top:18px;padding:18px}.viewer__cols{grid-template-columns:minmax(0,1fr)}.stage--lg{height:300px}}@media (width<=960px){.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 .btn__label{display:none}}@media (width<=600px){.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{padding:0}.viewer__panel{border:0;border-radius:0;padding:16px}.viewer__head h2{padding-right:44px}.stage--lg{height:280px}.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-models{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(1240px,100% - 40px);margin:56px auto 0;padding:28px 30px 8px}.all-models h2{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 22px;font-size:20px;display:flex}.all-models h2 span{color:var(--muted);font-size:13px;font-weight:600}.all-models__groups{columns:4 210px;column-gap:32px}.all-models section{break-inside:avoid;margin-bottom:24px}.all-models h3{border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;padding-bottom:8px;font-size:13px}.all-models h3 a{color:var(--text);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.all-models h3 a:hover{color:var(--accent-2)}.all-models h3 b{background:color-mix(in srgb, var(--accent) 22%, transparent);min-width:26px;color:var(--text);text-align:center;border-radius:999px;padding:1px 7px;font-size:11px}.all-models ul{margin:0;padding:0;list-style:none}.all-models li:nth-child(n+6){display:none}.all-models__more{margin-top:6px;font-size:13px}.all-models li a{color:var(--muted);padding:3px 0;font-size:13.5px;text-decoration:none;transition:color .15s,translate .15s;display:block}.all-models li a:hover{color:var(--text);translate:3px}.site-footer{max-width:1280px;color:var(--muted);margin:56px auto 0;padding:0 20px 36px;font-size:13.5px}.site-footer__main{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(ellipse 60% 120% at 100% 50%, color-mix(in srgb, var(--warm) 10%, transparent), transparent 70%), var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;padding:28px 30px;display:flex}.site-footer__brand{gap:10px;max-width:460px;display:grid}.site-footer__brand .topbar__brand{justify-self:start}.site-footer__brand p{margin:0;line-height:1.55}.site-footer__cta{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.site-footer__cta p{color:var(--text);margin:0;font-weight:600}.site-footer__legal{flex-wrap:wrap;align-items:center;gap:6px 22px;padding:18px 30px 0;display:flex}.site-footer__legal a{color:var(--muted);--icon:13px;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.site-footer__legal a:hover{color:var(--accent-2)}@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}.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,.embed__og-sub,[data-og] .embed__credit{display:none}[data-og] .embed{background:radial-gradient(ellipse 40% 55% at 72% 50%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), radial-gradient(ellipse 67% 77% at 0 0, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 7%, transparent) 30%, color-mix(in srgb, var(--accent) 2%, transparent) 65%, transparent), radial-gradient(ellipse 67% 77% at 100% 100%, color-mix(in srgb, var(--accent-2) 12%, transparent), color-mix(in srgb, var(--accent-2) 4.5%, transparent) 30%, color-mix(in srgb, var(--accent-2) 1.5%, transparent) 65%, transparent), radial-gradient(var(--border-strong) 1.3px, transparent 2px) 0 0/26px 26px, var(--bg)}[data-og] .embed .stage{background:0 0;left:44%}[data-og] .embed .stage .scene:not(.scene--fill){zoom:calc(2.1 * var(--size,1))}[data-og] .embed .stage .scene--fill{zoom:1.5;inset:26.6667px 26.6667px 26.6667px 0}[data-og] .embed__og{color:#fff;flex-direction:column;justify-content:center;gap:14px;width:46%;padding:56px 20px 48px 64px;display:flex;position:fixed;inset:0 auto 0 0}[data-og] .embed__og b{letter-spacing:-.035em;text-wrap:balance;font-size:64px;font-weight:900;line-height:1.02}[data-og] .embed__og-tags{flex-wrap:wrap;align-items:center;gap:12px;display:flex}[data-og] .embed__og-kind{border:1.5px solid color-mix(in srgb, var(--accent-2) 60%, transparent);color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 16px;font-size:17px;font-weight:800}[data-og] .embed__og-sub{color:#c4c9e6;font-size:24px;font-weight:600;line-height:1.35;display:block}[data-og] .embed__og-site{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:auto auto;align-self:flex-start;align-items:center;column-gap:14px;margin-top:auto;padding:12px 22px 12px 12px;display:grid}[data-og] .embed__og-logo{grid-row:span 2;width:44px;height:44px}[data-og] .embed__og-name{color:#fff;font-size:22px;font-weight:800;line-height:1.15}[data-og] .embed__og-url{color:#a3aacb;font-size:15px;font-weight:600}[data-og] .embed__og-tags{margin-top:auto}.og-cover.embed{background:radial-gradient(ellipse 40% 55% at 72% 50%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), radial-gradient(ellipse 67% 77% at 0 0, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 7%, transparent) 30%, color-mix(in srgb, var(--accent) 2%, transparent) 65%, transparent), radial-gradient(ellipse 67% 77% at 100% 100%, color-mix(in srgb, var(--accent-2) 12%, transparent), color-mix(in srgb, var(--accent-2) 4.5%, transparent) 30%, color-mix(in srgb, var(--accent-2) 1.5%, transparent) 65%, transparent), linear-gradient(#8c96dc13 1px, transparent 1px) 0 0/48px 48px, linear-gradient(90deg, #8c96dc13 1px, transparent 1px) 0 0/48px 48px, var(--bg)}.og-cover .hero__cube{--s:150px;animation:none;transform:rotateX(-26deg)rotateY(-38deg)}.og-cover.embed .stage{left:52%}.og-cover .embed__og{width:54%}.og-cover .embed__og b{font-size:58px}.og-cover .embed__og b span{white-space:nowrap;background:linear-gradient(100deg, var(--accent), var(--hot) 55%, var(--warm));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}[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:calc(2.1 * var(--size,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:calc(1.75 * var(--size,1));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:calc(2.1 * var(--size,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:calc(2 * var(--size,1))}[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}}.grouplist{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(560px,100vw - 32px);max-height:min(80vh,720px);color:var(--text);border-radius:20px;padding:24px 26px;box-shadow:0 40px 120px -20px #000c}.grouplist::backdrop{background:var(--glass-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grouplist h2{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font-size:20px;display:flex}.grouplist ul{columns:2 200px;column-gap:24px;margin:0;padding:0;list-style:none}.grouplist li a{color:var(--muted);padding:4px 0;text-decoration:none;display:block}.grouplist li a:hover{color:var(--text)}.grouplist footer{margin-top:16px}.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{width:100%;height:100%;transform-style:preserve-3d;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:repeat(6,auto);justify-content:center;gap:0 8px;padding:10px 14px 14px;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;place-self:center;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:14px}.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;width:min(100%,420px);margin-inline:auto;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:10px 14px 14px;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{width:min(100%,260px);color:var(--muted);font-family:var(--mono);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin-inline:auto;font-size:11px;display:flex}.d-sphere output{min-width:3ch;color:var(--text)}.d-sphere input{accent-color:var(--warm);flex:100%}@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:112px;height:112px;transform-style:preserve-3d;animation:12s linear infinite d-pyramid-spin;position:relative}.d-pyramid i{clip-path:polygon(50% 0,0 100%,100% 100%);transform-origin:bottom;background:linear-gradient(90deg, transparent 44%, #ffffff2e 50%, transparent 56%), linear-gradient(color-mix(in srgb, var(--c) 78%, transparent), color-mix(in srgb, var(--accent) 22%, transparent));--c:var(--accent-2);position:absolute;inset:0}.d-pyramid i:nth-child(2n){--c:var(--hot)}.d-pyramid i:first-child{transform:rotateY(0)translateZ(56px)rotateX(30deg)}.d-pyramid i:nth-child(2){transform:rotateY(90deg)translateZ(56px)rotateX(30deg)}.d-pyramid i:nth-child(3){transform:rotateY(180deg)translateZ(56px)rotateX(30deg)}.d-pyramid i:nth-child(4){transform:rotateY(270deg)translateZ(56px)rotateX(30deg)}.d-pyramid b{border:1px solid color-mix(in srgb, var(--accent-2) 70%, transparent);background:color-mix(in srgb, var(--accent) 30%, transparent);width:112px;height:112px;box-shadow:0 0 34px color-mix(in srgb, var(--accent) 60%, transparent);position:absolute;bottom:0;left:0;transform:translateY(50%)rotateX(90deg)}.d-pyramid u{background:radial-gradient(circle, #fff 0 18%, var(--warm) 42%, color-mix(in srgb, var(--warm) 0%, transparent) 72%);border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;animation:12s linear infinite d-pyramid-face,2.4s ease-in-out infinite alternate d-pyramid-pulse;position:absolute;top:80.9617px;left:50%}@keyframes d-pyramid-spin{0%{transform:translateY(-20px)rotateX(-16deg)rotateY(0)}to{transform:translateY(-20px)rotateX(-16deg)rotateY(360deg)}}@keyframes d-pyramid-face{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}@keyframes d-pyramid-pulse{0%{opacity:.75;scale:.85}to{opacity:1;scale:1.15}}.d-cylinder{width:16.2717px;height:132px;transform-style:preserve-3d;animation:14s linear infinite d-cylinder-spin;position:relative}.d-cylinder i{background:linear-gradient(#ffffff8c 0 2px, transparent 2px calc(100% - 2px), #fff6 calc(100% - 2px)), linear-gradient(hsl(calc(170 + var(--i) * 6), 85%, 62%, .5), hsl(calc(250 + var(--i) * 3), 80%, 58%, .14));transform:rotateY(calc(var(--i) * 15deg)) translateZ(58px);position:absolute;inset:0}.d-cylinder b,.d-cylinder s{background:radial-gradient(circle, #ffffff29, color-mix(in srgb, var(--accent) 22%, transparent) 70%);border:1px solid #fff6;border-radius:50%;width:116px;height:116px;position:absolute;left:calc(50% - 58px);transform:rotateX(90deg)}.d-cylinder b{top:-58px}.d-cylinder s{box-shadow:0 0 40px color-mix(in srgb, var(--accent-2) 55%, transparent);top:74px}.d-cylinder u{border:2px solid var(--accent-2);width:104px;height:104px;box-shadow:0 0 14px var(--accent-2), inset 0 0 14px var(--accent-2);opacity:0;border-radius:50%;animation:3.6s linear infinite d-cylinder-rise;position:absolute;top:74px;left:calc(50% - 52px);transform:rotateX(90deg)}.d-cylinder u:nth-of-type(2){animation-delay:-1.2s}.d-cylinder u:nth-of-type(3){animation-delay:-2.4s}@keyframes d-cylinder-spin{0%{transform:rotateX(-20deg)rotateY(0)}to{transform:rotateX(-20deg)rotateY(360deg)}}@keyframes d-cylinder-rise{0%{opacity:0;translate:0 -4px}15%,80%{opacity:1}to{opacity:0;translate:0 -120px}}.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:-161px -343px 0 .5px #fff,-73px 68px 0 .5px #fff,83px -46px 0 .5px #fff,-123px -246px 0 1px #fff,-312px -5px 0 1px #fff,9px -253px 0 .5px #fff,-123px 192px 0 .5px #fff,57px -50px 0 1px #fff,289px 147px 0 .5px #fff,45px 116px 0 1px #fff,-70px -177px 0 1px #fff,-94px 292px 0 1px #fff,51px -23px 0 .5px #fff,233px 95px 0 1px #fff,234px 239px 0 1px #fff,-284px -166px 0 1px #fff,4px 276px 0 .5px #fff,-226px -164px 0 1px #fff,97px 132px 0 .5px #fff,339px 118px 0 1px #fff,-62px 146px 0 .5px #fff,93px 106px 0 1px #fff,151px -269px 0 .5px #fff,80px -305px 0 .5px #fff,45px 263px 0 .5px #fff,327px -120px 0 .5px #fff,-280px -191px 0 1px #fff,-27px -37px 0 1px #fff,227px -311px 0 .5px #fff,139px 31px 0 .5px #fff,-77px -89px 0 1px #fff,-295px 228px 0 1px #fff,36px 197px 0 .5px #fff,74px -119px 0 .5px #fff,17px 88px 0 .5px #fff,31px 317px 0 .5px #fff,-47px 248px 0 .5px #fff,-17px 64px 0 .5px #fff,110px 126px 0 .5px #fff,269px 348px 0 1px #fff,21px -324px 0 1px #fff,178px 312px 0 1px #fff,-294px 184px 0 .5px #fff,299px 306px 0 1px #fff,72px -163px 0 .5px #fff,78px 175px 0 .5px #fff,51px -10px 0 1px #fff,-92px -261px 0 .5px #fff,265px 137px 0 1px #fff,-171px -116px 0 1px #fff,-12px 112px 0 .5px #fff,306px 295px 0 1px #fff,-309px -41px 0 1px #fff,207px 14px 0 .5px #fff,-80px 302px 0 1px #fff,-239px 220px 0 1px #fff,145px 83px 0 1px #fff,-111px -53px 0 .5px #fff,-211px 189px 0 1px #fff,-5px 314px 0 .5px #fff,61px -259px 0 1px #fff,194px -194px 0 .5px #fff,253px -234px 0 1px #fff,100px -315px 0 .5px #fff,136px -297px 0 1px #fff,291px -30px 0 1px #fff,-328px -9px 0 .5px #fff,3px -155px 0 1px #fff,-274px -339px 0 .5px #fff,221px -294px 0 1px #fff}.d-starfield i:nth-child(2){animation-delay:-1s;box-shadow:88px -209px 0 1px #fff,76px 34px 0 .5px #fff,-101px -196px 0 .5px #fff,209px 286px 0 1px #fff,-9px -52px 0 .5px #fff,-43px -172px 0 .5px #fff,-265px -59px 0 1px #fff,270px -291px 0 .5px #fff,-144px 124px 0 1px #fff,-252px 180px 0 .5px #fff,136px 315px 0 1px #fff,-245px 343px 0 .5px #fff,243px 338px 0 .5px #fff,19px -215px 0 1px #fff,-201px -95px 0 1px #fff,-270px -239px 0 .5px #fff,298px -225px 0 .5px #fff,242px -146px 0 1px #fff,33px 259px 0 1px #fff,270px 61px 0 .5px #fff,-146px -303px 0 .5px #fff,152px 85px 0 1px #fff,306px 298px 0 1px #fff,320px 64px 0 .5px #fff,159px -216px 0 .5px #fff,284px 55px 0 1px #fff,-187px -222px 0 1px #fff,137px -290px 0 .5px #fff,-170px 25px 0 .5px #fff,-217px 163px 0 .5px #fff,-287px 166px 0 .5px #fff,-165px 190px 0 .5px #fff,-297px -177px 0 1px #fff,-2px 259px 0 1px #fff,-152px -298px 0 1px #fff,-119px -331px 0 1px #fff,-47px -121px 0 .5px #fff,121px 266px 0 1px #fff,-181px -253px 0 .5px #fff,-223px -8px 0 1px #fff,86px -149px 0 1px #fff,241px -10px 0 1px #fff,-234px 100px 0 .5px #fff,295px 209px 0 1px #fff,-101px 342px 0 1px #fff,56px 232px 0 1px #fff,-81px -18px 0 .5px #fff,9px -209px 0 .5px #fff,-330px 345px 0 .5px #fff,-141px -46px 0 1px #fff,-177px 323px 0 1px #fff,-286px 171px 0 1px #fff,298px -19px 0 .5px #fff,165px 301px 0 .5px #fff,8px -115px 0 .5px #fff,117px -154px 0 .5px #fff,114px 47px 0 .5px #fff,-241px -327px 0 1px #fff,181px -40px 0 .5px #fff,79px -296px 0 1px #fff,92px 160px 0 1px #fff,-290px 17px 0 .5px #fff,306px -219px 0 1px #fff,153px 338px 0 .5px #fff,7px -323px 0 .5px #fff,-225px 68px 0 .5px #fff,103px -132px 0 .5px #fff,316px 80px 0 .5px #fff,-248px -152px 0 1px #fff,324px -339px 0 1px #fff}.d-starfield i:nth-child(3){animation-delay:-2s;box-shadow:-74px 128px 0 .5px #fff,-105px 191px 0 1px #fff,-131px -344px 0 .5px #fff,-147px 148px 0 1px #fff,-139px -135px 0 .5px #fff,51px 190px 0 .5px #fff,-199px 110px 0 1px #fff,-163px 117px 0 .5px #fff,-55px -40px 0 1px #fff,-139px 255px 0 1px #fff,270px -229px 0 1px #fff,22px 0 0 .5px #fff,-259px 127px 0 .5px #fff,-245px -333px 0 .5px #fff,-133px 179px 0 1px #fff,222px -194px 0 .5px #fff,-173px 171px 0 .5px #fff,-86px 152px 0 .5px #fff,326px -189px 0 .5px #fff,205px 248px 0 1px #fff,-41px 116px 0 1px #fff,17px -348px 0 1px #fff,-128px 255px 0 .5px #fff,34px 100px 0 .5px #fff,9px 176px 0 .5px #fff,49px 137px 0 1px #fff,190px 14px 0 1px #fff,307px 18px 0 .5px #fff,224px 277px 0 .5px #fff,-215px -164px 0 1px #fff,350px 326px 0 .5px #fff,-33px -53px 0 1px #fff,25px -288px 0 .5px #fff,241px 81px 0 .5px #fff,-285px 70px 0 1px #fff,82px 155px 0 1px #fff,329px -332px 0 .5px #fff,-77px -277px 0 .5px #fff,202px 84px 0 1px #fff,190px 233px 0 1px #fff,102px 185px 0 1px #fff,268px -74px 0 .5px #fff,-296px 201px 0 1px #fff,-81px -282px 0 .5px #fff,31px 224px 0 1px #fff,-67px -199px 0 1px #fff,290px -156px 0 .5px #fff,46px -337px 0 .5px #fff,49px -153px 0 1px #fff,212px -205px 0 1px #fff,319px -91px 0 1px #fff,-183px 166px 0 1px #fff,117px 49px 0 1px #fff,-106px -20px 0 .5px #fff,-11px 67px 0 1px #fff,75px 186px 0 .5px #fff,78px 228px 0 .5px #fff,60px -331px 0 .5px #fff,-235px -305px 0 .5px #fff,-16px 36px 0 .5px #fff,-220px -293px 0 .5px #fff,320px -109px 0 .5px #fff,109px 323px 0 1px #fff,56px 266px 0 1px #fff,232px 130px 0 .5px #fff,17px 19px 0 .5px #fff,87px 61px 0 1px #fff,-332px 239px 0 1px #fff,59px -221px 0 .5px #fff,229px -159px 0 1px #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 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:0;transform:translateZ(-6px)}.d-dice__bar{color:var(--muted);justify-items:center;gap:5px;font-size:12px;display:grid}.d-dice__bar output{order:-1}.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 14px 14px;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:0;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:10px 14px 14px;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{width:min(100%,260px);color:var(--muted);font-family:var(--mono);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin-inline:auto;font-size:11px;display:flex}.d-wavegrid output{min-width:5ch;color:var(--text)}.d-wavegrid input{accent-color:var(--warm);flex:100%}@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;pointer-events:none;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{pointer-events:auto;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 auto;justify-items:center;gap:8px;width:100%;height:100%;padding:10px 14px 14px;display:grid}.d-cubenav__view{perspective:700px;place-items:center;width:100%;display:grid;position:relative}.d-cubenav__view:before{content:"";background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;width:128px;height:20px;position:absolute;bottom:calc(50% - 76px);left:calc(50% - 64px)}.d-cubenav__cube{--s:116px;width:var(--s);height:var(--s);transform-style:preserve-3d;transform:translateZ(calc(var(--s) / -2)) rotateX(-9deg) 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%, 85%, .55);background:linear-gradient(155deg, #ffffff38, transparent 38%), linear-gradient(transparent 52%, #0000006b), radial-gradient(95% 55% at 82% 108%, hsl(var(--hue), 45%, 19%) 70%, transparent 71%), radial-gradient(85% 50% at 16% 102%, hsl(var(--hue), 40%, 33%) 70%, transparent 71%), radial-gradient(circle at 70% 34%, hsl(calc(var(--hue) + 20), 100%, 93%) 0 10%, hsl(calc(var(--hue) + 20), 100%, 85%, .35) 11% 17%, transparent 18%), linear-gradient(hsl(var(--hue), 80%, 72%), hsl(calc(var(--hue) + 35), 70%, 46%));color:#fff;text-shadow:0 1px 3px #0006;backface-visibility:hidden;transform-style:preserve-3d;border-radius:10px;align-content:end;padding:9px 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), 45%, 18%);position:absolute;inset:0;transform:translateZ(-6px)}.d-cubenav__cube i small{opacity:.85;font-size:10px;font-weight:600}.d-cubenav__cube i:nth-child(n+5){--hue:250;border-color:var(--border-strong);background:linear-gradient(135deg, #ffffff1f, transparent 60%), color-mix(in srgb, var(--accent) 18%, var(--surface-solid))}.d-cubenav__caption{color:var(--muted);letter-spacing:.06em;font-size:12px;font-weight:700}.d-cubenav__bar{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:999px;align-items:center;gap:10px;padding:4px;display:flex}.d-cubenav__bar>button{background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;cursor:pointer;--icon:16px;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.d-cubenav__dots{align-items:center;gap:6px;display:flex}.d-cubenav__dots button{background:var(--border-strong);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0}.d-cubenav__dots button[aria-current=true]{background:var(--accent-2);width:18px}.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:-.4s;--dur:2.7s}.d-equalizer__bar:nth-child(2){--hue:250;--delay:-1.6s;--dur:2.2s}.d-equalizer__bar:nth-child(3){--hue:235;--delay:-.9s;--dur:3.1s}.d-equalizer__bar:nth-child(4){--hue:220;--delay:-2.3s;--dur:2.35s}.d-equalizer__bar:nth-child(5){--hue:205;--delay:-.2s;--dur:2.9s}.d-equalizer__bar:nth-child(6){--hue:190;--delay:-1.3s;--dur:2.25s}.d-equalizer__bar:nth-child(7){--hue:175;--delay:-2s;--dur:2.6s}.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 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{width:min(100%,300px);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin-inline:auto;font-size:13px;display:flex}.d-shapeshift__bar input{min-width:0;accent-color:var(--accent);flex:100%}.d-shapeshift__bar label{order:-2}.d-shapeshift__bar output{color:var(--text);font-family:var(--mono);text-align:center;order:-1;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 14px;display:grid}.d-turntable__view{perspective:700px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:14px;outline:none;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__view:focus-visible .d-turntable__shadow{background:radial-gradient(closest-side, color-mix(in srgb, var(--c) 70%, transparent), transparent)}.d-turntable__bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;font-size:12px;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{color:var(--muted);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;flex-basis:100%;order:-1}.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)}}.d-keycaps{transform-style:preserve-3d;pointer-events:none}.d-keycaps__deck{background:linear-gradient(160deg, #ffffff12, transparent 60%), color-mix(in srgb, var(--accent) 12%, var(--surface-solid));box-shadow:inset 0 0 0 1px var(--border-strong);transform-style:preserve-3d;border-radius:9px;gap:7px;padding:9px;display:flex;position:relative;transform:rotateX(54deg)rotate(-30deg)}.d-keycaps__deck:before,.d-keycaps__deck:after{content:"";background:color-mix(in srgb, var(--accent) 22%, color-mix(in srgb, var(--surface-solid) 70%, #000));position:absolute}.d-keycaps__deck:before{transform-origin:50% 0;height:12px;top:100%;left:8px;right:8px;transform:rotateX(-90deg)}.d-keycaps__deck:after{background:color-mix(in srgb, var(--accent) 18%, color-mix(in srgb, var(--surface-solid) 55%, #000));transform-origin:100%;width:12px;top:8px;bottom:8px;right:100%;transform:rotateY(90deg)}.d-keycaps__key{--c:color-mix(in srgb, var(--accent) 38%, var(--surface-solid));--ink:var(--text);width:44px;height:44px;color:var(--ink);font:800 16px/1 var(--font);cursor:pointer;pointer-events:auto;transform-style:preserve-3d;background:0 0;border:0;border-radius:6px;padding:0;position:relative}.d-keycaps__key:after{content:"";position:absolute;inset:6px;transform:translateZ(13px)}.d-keycaps__key:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.d-keycaps__key--hot{--c:var(--hot);--ink:#fff}.d-keycaps__cap{pointer-events:none;transform-style:preserve-3d;transition:transform .16s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0}.d-keycaps__cap:before{content:"";background:color-mix(in srgb, var(--c), #000 30%);position:absolute;inset:7px;transform:translateZ(12px)}.d-keycaps__cap i{clip-path:polygon(0 100%,100% 100%,calc(100% - 6px) 0,6px 0);transform-origin:50% 100%;width:44px;height:14.3178px;position:absolute;top:29.6822px;left:0}.d-keycaps__cap i:first-child{background:linear-gradient(color-mix(in srgb, var(--c), #000 20%), color-mix(in srgb, var(--c), #000 26%));transform:translateY(-22px)rotate(0)translateY(22px)rotateX(-65.2249deg)}.d-keycaps__cap i:nth-child(2){background:linear-gradient(color-mix(in srgb, var(--c), #000 36%), color-mix(in srgb, var(--c), #000 42%));transform:translateY(-22px)rotate(90deg)translateY(22px)rotateX(-65.2249deg)}.d-keycaps__cap i:nth-child(3){background:linear-gradient(color-mix(in srgb, var(--c), #000 2%), color-mix(in srgb, var(--c), #000 8%));transform:translateY(-22px)rotate(180deg)translateY(22px)rotateX(-65.2249deg)}.d-keycaps__cap i:nth-child(4){background:linear-gradient(color-mix(in srgb, var(--c), #000 8%), color-mix(in srgb, var(--c), #000 14%));transform:translateY(-22px)rotate(270deg)translateY(22px)rotateX(-65.2249deg)}.d-keycaps__cap b{background:radial-gradient(ellipse 80% 70% at 50% 45%, color-mix(in srgb, var(--c), #fff 10%), var(--c) 75%), var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c), #fff 18%);text-shadow:0 1px 0 color-mix(in srgb, var(--c), #000 40%);border-radius:4px;place-items:center;display:grid;position:absolute;inset:6px;transform:translateZ(13px)}.d-keycaps__cap b:after{content:"";border-radius:inherit;background:radial-gradient(circle, color-mix(in srgb, var(--accent-2) 45%, transparent), color-mix(in srgb, var(--accent-2) 12%, transparent));opacity:0;transition:opacity .2s;position:absolute;inset:0}.d-keycaps__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-2) 75%, transparent), color-mix(in srgb, var(--accent-2) 25%, transparent) 70%, transparent);opacity:0;pointer-events:none;border-radius:14px;transition:opacity .2s;position:absolute;inset:-9px;transform:translateZ(.5px)}.d-keycaps__key:is(:hover,:focus-visible) .d-keycaps__cap{transform:translateZ(-7px)}.d-keycaps__key:is(:hover,:focus-visible) .d-keycaps__cap b:after,.d-keycaps__key:is(:hover,:focus-visible) .d-keycaps__glow{opacity:1}.d-keycaps__key:active .d-keycaps__cap{transform:translateZ(-10px)}.d-stepper{grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;padding:10px 14px 14px;display:grid}.d-stepper__view{perspective:600px;place-items:center;min-height:0;display:grid;position:relative}.d-stepper__view:before{content:"";background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;width:124px;height:20px;position:absolute;bottom:calc(50% - 74px);left:calc(50% - 62px)}.d-stepper__nudge{transform-style:preserve-3d}.d-stepper__nudge.is-nudge{animation:.45s ease-out d-stepper-nudge}.d-stepper__cube{--s:94px;width:var(--s);height:var(--s);transform-style:preserve-3d;transform:translateZ(calc(var(--s) / -2)) rotateX(-14deg) rotateY(-20deg) rotateX(var(--a,0deg));transition:transform .6s cubic-bezier(.3,1.3,.5,1);position:relative}.d-stepper__cube i,.d-stepper__cube b{border-radius:14px;position:absolute;inset:0}.d-stepper__cube i{border:1px solid color-mix(in srgb, var(--accent), #fff 35%);background:linear-gradient(150deg, #ffffff47, transparent 45%), linear-gradient(color-mix(in srgb, var(--accent), var(--hot) 25%), color-mix(in srgb, var(--accent), #000 25%));color:#fff;font:900 50px/1 var(--font);font-variant-numeric:tabular-nums;text-shadow:0 3px 0 color-mix(in srgb, var(--accent), #000 45%);backface-visibility:hidden;transform-style:preserve-3d;place-items:center;font-style:normal;display:grid}.d-stepper__cube i:before{content:"";background:color-mix(in srgb, var(--accent), #000 45%);position:absolute;inset:0;transform:translateZ(-6px)}.d-stepper__cube i:first-child{transform:rotateX(0deg) translateZ(calc(var(--s) / 2))}.d-stepper__cube i:nth-child(2){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.d-stepper__cube i:nth-child(3){transform:rotateX(-180deg) translateZ(calc(var(--s) / 2))}.d-stepper__cube i:nth-child(4){transform:rotateX(-270deg) translateZ(calc(var(--s) / 2))}.d-stepper__cube b{border:1px solid color-mix(in srgb, var(--accent), #fff 15%);background:radial-gradient(circle, transparent 0 30%, #0000002e 31% 34%, transparent 35%), color-mix(in srgb, var(--accent), #000 38%);transform-style:preserve-3d}.d-stepper__cube b:before{content:"";background:color-mix(in srgb, var(--accent), #000 45%);position:absolute;inset:0;transform:translateZ(-6px)}.d-stepper__cube b:first-of-type{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.d-stepper__cube b:nth-of-type(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.d-stepper__bar{justify-items:center;gap:6px;font-size:12px;display:grid}.d-stepper__bar output{color:var(--muted);font-variant-numeric:tabular-nums}.d-stepper__buttons{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:999px;gap:10px;padding:4px;display:flex}.d-stepper__buttons button{background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:opacity .2s;display:grid}.d-stepper__buttons button svg{width:16px;height:16px}.d-stepper__buttons button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.d-stepper__buttons button[aria-disabled=true]{opacity:.4;cursor:not-allowed}@keyframes d-stepper-nudge{0%,to{transform:rotateX(0)}35%{transform:rotateX(calc(var(--dir,1) * 14deg))}70%{transform:rotateX(calc(var(--dir,1) * -4deg))}}.d-rating{color:var(--text);transform-style:preserve-3d;justify-items:center;gap:12px;display:grid}.d-rating input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.d-rating__title{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.d-rating__stars{transform-style:preserve-3d;gap:9px;display:flex}.d-rating label{cursor:pointer;width:34px;height:34px;transform-style:preserve-3d;border-radius:8px;position:relative}.d-rating label:before{content:"";border:2px solid var(--warm);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-5px}.d-rating label:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--warm) 45%, transparent), transparent);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .3s;position:absolute;inset:-10px;transform:translateZ(-6px)}.d-rating__lift{pointer-events:none;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:0}label:hover .d-rating__lift{transform:translateZ(12px)scale(1.14)}.d-rating__star{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.35,1.45,.5,1);transition-delay:calc((4 - var(--i)) * 60ms);position:absolute;inset:0}.d-rating__star i{clip-path:polygon(50% 2%,61.5% 36%,97% 36.5%,68.5% 57.5%,79% 92%,50% 71%,21% 92%,31.5% 57.5%,3% 36.5%,38.5% 36%);background:color-mix(in srgb, var(--warm) 40%, #1b1408);position:absolute;inset:0}.d-rating__star i:first-child{background:color-mix(in srgb, var(--text) 38%, var(--surface-solid));backface-visibility:hidden;transform:translateZ(2px)}.d-rating__star i:first-child:before{content:"";clip-path:polygon(50% 2%,61.5% 36%,97% 36.5%,68.5% 57.5%,79% 92%,50% 71%,21% 92%,31.5% 57.5%,3% 36.5%,38.5% 36%);background:color-mix(in srgb, var(--text) 12%, var(--surface-solid));position:absolute;inset:3px}.d-rating__star i:nth-child(2){transform:translateZ(1px)}.d-rating__star i:nth-child(4){transform:translateZ(-1px)}.d-rating__star i:nth-child(5){background:linear-gradient(160deg, color-mix(in srgb, var(--warm), #fff 55%) 10%, var(--warm) 45%, color-mix(in srgb, var(--warm), #b33c00 35%) 90%);backface-visibility:hidden;transform:rotateY(180deg)translateZ(2px)}.d-rating__words{color:var(--warm);margin:0;font-size:14px;font-weight:800;display:grid}.d-rating__words span{opacity:0;grid-area:1/1;justify-self:center;transition:opacity .25s,transform .25s;transform:translateY(5px)}.d-rating__words span:first-child{color:var(--muted);opacity:1;transform:none}input:checked~.d-rating__words span:first-child{opacity:0;transform:translateY(-5px)}.d-rating input:first-of-type:checked~.d-rating__stars label:nth-child(-n+1):before{animation:d-rating-burst .65s calc(var(--i) * 90ms + .25s) ease-out both}.d-rating input:first-of-type:checked~.d-rating__stars label:nth-child(-n+1):after{opacity:1;transition-delay:calc(var(--i) * 90ms + .2s)}.d-rating input:first-of-type:checked~.d-rating__stars label:nth-child(-n+1) .d-rating__star{transition-delay:calc(var(--i) * 90ms);transform:rotateY(180deg)}.d-rating input:first-of-type:checked~.d-rating__words span:nth-child(2){opacity:1;transform:none}.d-rating input:first-of-type:focus-visible~.d-rating__stars label:first-child{outline:2px solid var(--accent-2);outline-offset:5px}.d-rating input:nth-of-type(2):checked~.d-rating__stars label:nth-child(-n+2):before{animation:d-rating-burst .65s calc(var(--i) * 90ms + .25s) ease-out both}.d-rating input:nth-of-type(2):checked~.d-rating__stars label:nth-child(-n+2):after{opacity:1;transition-delay:calc(var(--i) * 90ms + .2s)}.d-rating input:nth-of-type(2):checked~.d-rating__stars label:nth-child(-n+2) .d-rating__star{transition-delay:calc(var(--i) * 90ms);transform:rotateY(180deg)}.d-rating input:nth-of-type(2):checked~.d-rating__words span:nth-child(3){opacity:1;transform:none}.d-rating input:nth-of-type(2):focus-visible~.d-rating__stars label:nth-child(2){outline:2px solid var(--accent-2);outline-offset:5px}.d-rating input:nth-of-type(3):checked~.d-rating__stars label:nth-child(-n+3):before{animation:d-rating-burst .65s calc(var(--i) * 90ms + .25s) ease-out both}.d-rating input:nth-of-type(3):checked~.d-rating__stars label:nth-child(-n+3):after{opacity:1;transition-delay:calc(var(--i) * 90ms + .2s)}.d-rating input:nth-of-type(3):checked~.d-rating__stars label:nth-child(-n+3) .d-rating__star{transition-delay:calc(var(--i) * 90ms);transform:rotateY(180deg)}.d-rating input:nth-of-type(3):checked~.d-rating__words span:nth-child(4){opacity:1;transform:none}.d-rating input:nth-of-type(3):focus-visible~.d-rating__stars label:nth-child(3){outline:2px solid var(--accent-2);outline-offset:5px}.d-rating input:nth-of-type(4):checked~.d-rating__stars label:nth-child(-n+4):before{animation:d-rating-burst .65s calc(var(--i) * 90ms + .25s) ease-out both}.d-rating input:nth-of-type(4):checked~.d-rating__stars label:nth-child(-n+4):after{opacity:1;transition-delay:calc(var(--i) * 90ms + .2s)}.d-rating input:nth-of-type(4):checked~.d-rating__stars label:nth-child(-n+4) .d-rating__star{transition-delay:calc(var(--i) * 90ms);transform:rotateY(180deg)}.d-rating input:nth-of-type(4):checked~.d-rating__words span:nth-child(5){opacity:1;transform:none}.d-rating input:nth-of-type(4):focus-visible~.d-rating__stars label:nth-child(4){outline:2px solid var(--accent-2);outline-offset:5px}.d-rating input:nth-of-type(5):checked~.d-rating__stars label:nth-child(-n+5):before{animation:d-rating-burst .65s calc(var(--i) * 90ms + .25s) ease-out both}.d-rating input:nth-of-type(5):checked~.d-rating__stars label:nth-child(-n+5):after{opacity:1;transition-delay:calc(var(--i) * 90ms + .2s)}.d-rating input:nth-of-type(5):checked~.d-rating__stars label:nth-child(-n+5) .d-rating__star{transition-delay:calc(var(--i) * 90ms);transform:rotateY(180deg)}.d-rating input:nth-of-type(5):checked~.d-rating__words span:nth-child(6){opacity:1;transform:none}.d-rating input:nth-of-type(5):focus-visible~.d-rating__stars label:nth-child(5){outline:2px solid var(--accent-2);outline-offset:5px}@keyframes d-rating-burst{0%{opacity:.9;transform:translateZ(-4px)scale(.5)}to{opacity:0;transform:translateZ(-4px)scale(1.5)}}.d-toggle{color:var(--text);cursor:pointer;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;align-items:center;gap:18px;padding:18px 10px;font-size:15px;font-weight:800;display:flex}.d-toggle *{pointer-events:none}.d-toggle input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.d-toggle__track{width:84px;height:50px;transform-style:preserve-3d;flex:none;position:relative;transform:rotateX(58deg)}.d-toggle__track>i:not(.d-toggle__shadow){border-radius:25px;position:absolute;inset:0}.d-toggle__track>i:first-child{background:color-mix(in srgb, var(--text) 15%, color-mix(in srgb, var(--surface-solid) 80%, #000));transform:translateZ(-12px)}.d-toggle__track>i:nth-child(2){background:color-mix(in srgb, var(--text) 18%, color-mix(in srgb, var(--surface-solid) 80%, #000));transform:translateZ(-9.6px)}.d-toggle__track>i:nth-child(3){background:color-mix(in srgb, var(--text) 21%, color-mix(in srgb, var(--surface-solid) 80%, #000));transform:translateZ(-7.2px)}.d-toggle__track>i:nth-child(4){background:color-mix(in srgb, var(--text) 24%, color-mix(in srgb, var(--surface-solid) 80%, #000));transform:translateZ(-4.8px)}.d-toggle__track>i:nth-child(5){background:color-mix(in srgb, var(--text) 27%, color-mix(in srgb, var(--surface-solid) 80%, #000));transform:translateZ(-2.4px)}.d-toggle__top{background:color-mix(in srgb, var(--muted) 30%, var(--surface-solid));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--text) 30%, var(--surface-solid)), inset 0 3px 8px #00000059;border-radius:25px;position:absolute;inset:0}.d-toggle__top:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--hot));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent), #fff 35%), inset 0 3px 8px #00000059;opacity:0;transition:opacity .4s .1s;position:absolute;inset:0}input:checked~.d-toggle__track .d-toggle__top:before{opacity:1}input:focus-visible~.d-toggle__track .d-toggle__top{outline:2px solid var(--accent-2);outline-offset:4px}.d-toggle__shadow{background:radial-gradient(closest-side,#00000080,#0000);border-radius:50%;width:34px;height:34px;transition:transform .5s cubic-bezier(.55,0,.35,1);position:absolute;top:8px;left:8px;transform:translateZ(.5px)scale(1.25)}input:checked~.d-toggle__track .d-toggle__shadow{transform:translateZ(.5px)translate(34px)scale(1.25)}.d-toggle__knob{width:34px;height:34px;transform-style:preserve-3d;position:absolute;top:8px;left:8px;transform:translateZ(17px)}.d-toggle__cube{--s:34px;transform-style:preserve-3d;transform-origin:100% 50% -17px;transition:transform .5s cubic-bezier(.55,0,.35,1);position:absolute;inset:0}.d-toggle__cube>:first-child{transform:rotateY(0deg) translateZ(calc(var(--s) / 2))}.d-toggle__cube>:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.d-toggle__cube>:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.d-toggle__cube>:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.d-toggle__cube>:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.d-toggle__cube>:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.d-toggle__cube i{transform-style:preserve-3d;background:linear-gradient(145deg,#fff,#dcd9ef);border-radius:5px;place-items:center;display:grid;position:absolute;inset:0}.d-toggle__cube i:before{content:"";background:#c9c5e2;position:absolute;inset:0;transform:translateZ(-3px)}.d-toggle__cube i svg{width:22px;height:22px}.d-toggle__cube i:nth-child(2),.d-toggle__cube i:nth-child(4){background:linear-gradient(145deg,#eceaf8,#cbc7e3)}.d-toggle__cube i:nth-child(6){background:linear-gradient(#d9d5ee,#b9b4d6)}.d-toggle__cube i:first-child{color:#e08a00;background:radial-gradient(circle,#fff6df,#ffe3a6);box-shadow:inset 0 0 0 2.5px #dcd9ef}.d-toggle__cube i:nth-child(4){color:#e9e4ff;background:radial-gradient(circle at 40% 35%,#34396e,#181b3c);box-shadow:inset 0 0 0 2.5px #d4d0ea}.d-toggle__cube i:nth-child(4) svg{width:19px;height:19px}input:checked~.d-toggle__track .d-toggle__cube{transform:rotateY(90deg)}.d-toggle__text{gap:2px;line-height:1.1;display:grid}.d-toggle__text small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700;display:grid}.d-toggle__text span{grid-area:1/1;transition:opacity .3s}.d-toggle__text span+span{color:var(--accent);opacity:0}input:checked~.d-toggle__text span:first-child{opacity:0}input:checked~.d-toggle__text span+span{opacity:1}.d-cubeletters{transform-style:preserve-3d;gap:9px;display:flex;transform:rotateX(-16deg)rotateY(-18deg)}.d-cubeletters__cube{width:44px;height:44px;transform-style:preserve-3d;animation:d-cubeletters-roll 8s calc(var(--i) * .13s) infinite both;position:relative}.d-cubeletters__cube i,.d-cubeletters__cube b{border-radius:8px;position:absolute;inset:0}.d-cubeletters__cube i{--c:var(--accent);border:1px solid color-mix(in srgb, var(--c), #fff 35%);background:linear-gradient(150deg, #ffffff4d, transparent 45%), linear-gradient(color-mix(in srgb, var(--c), #fff 8%), color-mix(in srgb, var(--c), #000 22%));color:#fff;font:900 26px/1 var(--font);text-shadow:0 2px 0 color-mix(in srgb, var(--c), #000 45%);backface-visibility:hidden;transform-style:preserve-3d;place-items:center;font-style:normal;display:grid}.d-cubeletters__cube i:before{content:"";background:color-mix(in srgb, var(--c), #000 50%);position:absolute;inset:0;transform:translateZ(-5px)}.d-cubeletters__cube i:nth-child(2n){--c:var(--hot)}.d-cubeletters__cube i:first-child{transform:rotateX(0)translateZ(22px)}.d-cubeletters__cube i:nth-child(2){transform:rotateX(-90deg)translateZ(22px)}.d-cubeletters__cube i:nth-child(3){transform:rotateX(-180deg)translateZ(22px)}.d-cubeletters__cube i:nth-child(4){transform:rotateX(-270deg)translateZ(22px)}.d-cubeletters__cube b{border:1px solid color-mix(in srgb, var(--accent), #fff 10%);background:linear-gradient(color-mix(in srgb, var(--accent), #000 30%), color-mix(in srgb, var(--accent), #000 50%));transform-style:preserve-3d}.d-cubeletters__cube b:before{content:"";background:color-mix(in srgb, var(--accent), #000 50%);position:absolute;inset:0;transform:translateZ(-5px)}.d-cubeletters__cube b:first-of-type{transform:rotateY(-90deg)translateZ(22px)}.d-cubeletters__cube b:nth-of-type(2){transform:rotateY(90deg)translateZ(22px)}@keyframes d-cubeletters-roll{0%,17%{animation-timing-function:cubic-bezier(.6,-.3,.3,1.3);transform:rotateX(0)}25%,42%{animation-timing-function:cubic-bezier(.6,-.3,.3,1.3);transform:rotateX(90deg)}50%,67%{animation-timing-function:cubic-bezier(.6,-.3,.3,1.3);transform:rotateX(180deg)}75%,92%{animation-timing-function:cubic-bezier(.6,-.3,.3,1.3);transform:rotateX(270deg)}to{transform:rotateX(360deg)}}@property --d-headphones-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --d-headphones-k{syntax:"<number>";inherits:false;initial-value:1}.d-headphones{--shell:color-mix(in srgb, var(--accent) 34%, #17182a);--shell-hi:color-mix(in srgb, var(--accent) 55%, #3a3d5c);--pad:#16171f;--leather:color-mix(in srgb, var(--accent) 14%, #1b1c29);--leather-hi:color-mix(in srgb, var(--accent) 22%, #3a3c52);--metal:#b8bdd2;--metal-dark:#5c6280;--glow:var(--accent-2);outline-offset:-4px;cursor:pointer;width:216px;height:184px;transform-style:preserve-3d;border-radius:16px;place-items:center;display:grid}.d-headphones__rig{pointer-events:none;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(calc(-28deg + var(--d-headphones-spin) * var(--d-headphones-k)));transition:--d-headphones-k 1.1s cubic-bezier(.45,0,.2,1);animation:16s linear infinite d-headphones-turn;position:relative}.d-headphones__shadow{background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;width:160px;height:80px;position:absolute;top:34.0716px;left:-80px;transform:rotateX(90deg)}.d-headphones__band{transform-style:preserve-3d;position:absolute;top:-22px;left:0}.d-headphones__band>i{--a:calc(-100deg + (var(--i) + .5) * 16.6667deg);background:linear-gradient(rgb(0, 0, 0, calc(.5 - .46 * cos(var(--a)))) 0 0), repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 80%, #fff) 0 2px, transparent 2px 4px) 0 3px/100% 1px no-repeat, repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 80%, #fff) 0 2px, transparent 2px 4px) 0 18px/100% 1px no-repeat, linear-gradient(var(--leather), var(--leather-hi) 45%, var(--leather) 100%);width:17.5915px;height:22px;transform:rotateZ(var(--a)) translateY(-58px) rotateX(90deg);position:absolute;top:-11px;left:-8.79575px}.d-headphones__side{background:radial-gradient(closest-side, transparent calc(100% - 6px), var(--leather) calc(100% - 6px + .5px), color-mix(in srgb, var(--leather) 70%, #000) 100%, transparent 100%);width:116px;height:116px;-webkit-mask:conic-gradient(from -100deg, #000 0 200deg, transparent 0);mask:conic-gradient(from -100deg, #000 0 200deg, transparent 0);position:absolute;top:-58px;left:-58px;transform:translateZ(11px)}.d-headphones__side+.d-headphones__side{transform:translateZ(-11px)}.d-headphones__slider{background:linear-gradient(90deg, var(--metal-dark), var(--metal) 45%, #eef0fa 55%, var(--metal-dark));height:20px;position:absolute;top:-17.9284px}.d-headphones__slider--l,.d-headphones__slider--r{width:10px;left:-5px}.d-headphones__slider--l{transform:translate(-55px)rotateY(90deg)}.d-headphones__slider--r{transform:translate(55px)rotateY(90deg)}.d-headphones__slider--lf,.d-headphones__slider--rf{width:3px;left:-1.5px}.d-headphones__slider--lf{transform:translate(-55px)}.d-headphones__slider--rf{transform:translate(55px)}.d-headphones__yoke{background:radial-gradient(closest-side, transparent calc(100% - 4px), var(--metal) calc(100% - 3.5px), var(--metal-dark) 100%, transparent 100%);width:70px;height:70px;-webkit-mask:conic-gradient(from -90deg, #000 0 180deg, transparent 0);mask:conic-gradient(from -90deg, #000 0 180deg, transparent 0);position:absolute;top:.0715943px;left:-35px}.d-headphones__yoke--l{transform:translate(-55px)rotateY(90deg)}.d-headphones__yoke--r{transform:translate(55px)rotateY(90deg)}.d-headphones__cup{--dir:1;transform-style:preserve-3d;position:absolute;top:35.0716px;left:0;transform:translate(55px)rotate(90deg)}.d-headphones__cup--l{--dir:-1;transform:translate(-55px)rotate(-90deg)}.d-headphones__cup>i{backface-visibility:hidden;background:linear-gradient(rgb(0, 0, 0, calc(.3 + .28 * var(--dir) * sin(var(--i) * 30deg))) 0 0), linear-gradient(var(--shell-hi) 0 2px, var(--shell) 4px 15px, var(--shell-hi) 16.5px, transparent 16.5px), linear-gradient(transparent 17px, #2a2c3c 18px, var(--pad) 21px, #0b0c12);width:17.2129px;height:26px;transform:rotateY(calc(var(--i) * 30deg)) translateZ(31px);position:absolute;top:-13px;left:-8.60643px}.d-headphones__cup>i:after{content:"";background:var(--glow);opacity:.25;height:1.5px;transition:opacity .5s;position:absolute;inset:16px 0 auto}.d-headphones__outer,.d-headphones__cushion{backface-visibility:hidden;border-radius:50%;width:63px;height:63px;position:absolute;top:-31.5px;left:-31.5px}.d-headphones__outer{background:radial-gradient(circle, var(--metal) 0 2.5px, transparent 3px), radial-gradient(circle, transparent 0 7px, var(--metal) 7.5px 8.5px, transparent 9px), radial-gradient(circle, transparent 0 83%, var(--metal-dark) 85%, #eef0fa 90%, var(--metal) 94%, var(--metal-dark) 100%), repeating-conic-gradient(#ffffff0a 0 2deg, #0000000f 2deg 4deg), radial-gradient(circle at 35% 30%, var(--shell-hi), var(--shell) 60%, color-mix(in srgb, var(--shell) 60%, #000));transform:rotateX(90deg)translateZ(13px)}.d-headphones__outer em{border:2px solid var(--glow);box-shadow:0 0 8px var(--glow), inset 0 0 8px var(--glow);opacity:.2;border-radius:50%;transition:opacity .5s;position:absolute;inset:9px}.d-headphones__cushion{background:radial-gradient(circle, #ffffff1a 0 1px, transparent 1.5px) 0 0/4px 4px, radial-gradient(circle, #06070b 0 52%, #2a2c3c 60%, var(--pad) 72%, #2a2c3c 86%, #0b0c12 100%);transform:rotateX(-90deg)translateZ(13px)}.d-headphones:hover .d-headphones__rig,.d-headphones:focus-visible .d-headphones__rig{--d-headphones-k:0}.d-headphones:hover .d-headphones__outer em,.d-headphones:focus-visible .d-headphones__outer em,.d-headphones:hover .d-headphones__cup>i:after,.d-headphones:focus-visible .d-headphones__cup>i:after{opacity:1}@keyframes d-headphones-turn{0%{--d-headphones-spin:-180deg}to{--d-headphones-spin:180deg}}.d-perfume{--gold:color-mix(in srgb, var(--warm) 78%, #fff);--gold-deep:color-mix(in srgb, var(--warm) 62%, #3a2200);--edge:color-mix(in srgb, var(--text) 38%, transparent);width:84px;height:96px;transform-style:preserve-3d;animation:8s ease-in-out infinite alternate d-perfume-sway;position:relative}.d-perfume__shadow{background:radial-gradient(closest-side, color-mix(in srgb, var(--hot) 30%, #00000073), transparent);border-radius:50%;width:120px;height:80px;position:absolute;top:56px;left:-18px;transform:rotateX(90deg)}.d-perfume__glass{transform-style:preserve-3d;position:absolute;inset:0}.d-perfume__glass>i:first-child{width:66px;left:9px;transform:rotateY(0)translate(0)translateZ(22px)}.d-perfume__glass>i:nth-child(2){width:12.7279px;left:35.636px;transform:rotateY(45deg)translate(14.1421px)translateZ(38.8909px)}.d-perfume__glass>i:nth-child(3){width:26px;left:29px;transform:rotateY(90deg)translate(0)translateZ(42px)}.d-perfume__glass>i:nth-child(4){width:12.7279px;left:35.636px;transform:rotateY(135deg)translate(-14.1421px)translateZ(38.8909px)}.d-perfume__glass>i:nth-child(5){width:66px;left:9px;transform:rotateY(180deg)translate(0)translateZ(22px)}.d-perfume__glass>i:nth-child(6){width:12.7279px;left:35.636px;transform:rotateY(225deg)translate(14.1421px)translateZ(38.8909px)}.d-perfume__glass>i:nth-child(7){width:26px;left:29px;transform:rotateY(270deg)translate(0)translateZ(42px)}.d-perfume__glass>i:nth-child(8){width:12.7279px;left:35.636px;transform:rotateY(315deg)translate(-14.1421px)translateZ(38.8909px)}.d-perfume__glass>i{--lit:.1;border:1px solid var(--edge);background:linear-gradient(transparent calc(100% - 14px), #ffffff59 calc(100% - 13px), #ffffff1f calc(100% - 10px), #fff3), linear-gradient(90deg, rgb(255, 255, 255, calc(var(--lit) * 1.8)), rgb(255, 255, 255, var(--lit)) 30%, rgb(255, 255, 255, calc(var(--lit) * .5)) 70%, rgb(255, 255, 255, var(--lit))), color-mix(in srgb, var(--accent) 8%, transparent);border-radius:2px;height:96px;position:absolute;top:0}.d-perfume__glass>i:nth-child(2n){--lit:.24}.d-perfume__glass>i:nth-child(3),.d-perfume__glass>i:nth-child(7){--lit:.05}.d-perfume__glass>i:first-child{overflow:hidden}.d-perfume__glint{background:linear-gradient(90deg,#0000,#ffffffb3 45% 55%,#0000);width:22px;height:140%;animation:8s linear infinite d-perfume-glint;position:absolute;top:-20%;left:0;transform:translate(-40px)rotate(18deg)}.d-perfume__top,.d-perfume__floor{clip-path:polygon(9px 0,75px 0,84px 9px,84px 35px,75px 44px,9px 44px,0 35px,0 9px);background:radial-gradient(ellipse 16px 11px, #ffffff4d, transparent), color-mix(in srgb, var(--accent) 10%, #ffffff24);width:84px;height:44px;position:absolute;top:-22px;left:0;transform:rotateX(90deg)}.d-perfume__floor{background:color-mix(in srgb, var(--accent) 16%, #ffffff1a);top:74px;transform:rotateX(-90deg)}.d-perfume__liquid{width:74px;height:50px;transform-style:preserve-3d;position:absolute;top:33px;left:5px}.d-perfume__liquid>i:first-child{width:60.1421px;left:6.92893px;transform:rotateY(0)translate(0)translateZ(17px)}.d-perfume__liquid>i:nth-child(2){width:9.79899px;left:32.1005px;transform:rotateY(45deg)translate(14.1421px)translateZ(33.2843px)}.d-perfume__liquid>i:nth-child(3){width:20.1421px;left:26.9289px;transform:rotateY(90deg)translate(0)translateZ(37px)}.d-perfume__liquid>i:nth-child(4){width:9.79899px;left:32.1005px;transform:rotateY(135deg)translate(-14.1421px)translateZ(33.2843px)}.d-perfume__liquid>i:nth-child(5){width:60.1421px;left:6.92893px;transform:rotateY(180deg)translate(0)translateZ(17px)}.d-perfume__liquid>i:nth-child(6){width:9.79899px;left:32.1005px;transform:rotateY(225deg)translate(14.1421px)translateZ(33.2843px)}.d-perfume__liquid>i:nth-child(7){width:20.1421px;left:26.9289px;transform:rotateY(270deg)translate(0)translateZ(37px)}.d-perfume__liquid>i:nth-child(8){width:9.79899px;left:32.1005px;transform:rotateY(315deg)translate(-14.1421px)translateZ(33.2843px)}.d-perfume__liquid>i{background:linear-gradient(90deg, #ffffff2e, transparent 35% 70%, #0000002e), linear-gradient(color-mix(in srgb, var(--hot) 55%, var(--warm)), color-mix(in srgb, var(--hot) 80%, var(--accent)));opacity:.82;height:50px;position:absolute;top:0}.d-perfume__liquid b{clip-path:polygon(6.92893px 0,67.0711px 0,74px 6.92893px,74px 27.0711px,67.0711px 34px,6.92893px 34px,0 27.0711px,0 6.92893px);background:radial-gradient(ellipse 60% 70% at 40% 40%, #ffffff73, transparent), color-mix(in srgb, var(--hot) 45%, var(--warm));opacity:.9;width:74px;height:34px;position:absolute;top:-17px;left:0;transform:rotateX(90deg)}.d-perfume__label{border:1px solid var(--gold);width:58px;height:36px;box-shadow:inset 0 0 0 2px #0d0e17, inset 0 0 0 2.6px var(--gold-deep);color:var(--gold);backface-visibility:hidden;background:#0d0e17;align-content:center;place-items:center;gap:3px;font-family:Georgia,Times New Roman,serif;line-height:1;display:grid;position:absolute;top:26px;left:13px;transform:translateZ(22.6px)}.d-perfume__label b{letter-spacing:2.5px;text-indent:2.5px;font-size:11px;font-weight:400}.d-perfume__label small{letter-spacing:.8px;white-space:nowrap;opacity:.85;font-family:system-ui,sans-serif;font-size:4.5px}.d-perfume__neck{width:24px;height:7px;transform-style:preserve-3d;position:absolute;top:-7px;left:30px}.d-perfume__neck>*{width:24px;height:7px;position:absolute;top:0;left:0}.d-perfume__neck>:first-child{transform:translateZ(9px)}.d-perfume__neck>:nth-child(2){transform:rotateY(180deg)translateZ(9px)}.d-perfume__neck>:nth-child(3),.d-perfume__neck>:nth-child(4){width:18px;left:3px}.d-perfume__neck>:nth-child(3){transform:rotateY(90deg)translateZ(12px)}.d-perfume__neck>:nth-child(4){transform:rotateY(-90deg)translateZ(12px)}.d-perfume__neck>:nth-child(5){height:18px;top:-9px;transform:rotateX(90deg)}.d-perfume__neck>*{background:linear-gradient(var(--gold-deep), var(--gold) 50%, var(--gold-deep))}.d-perfume__cap{width:42px;height:32px;transform-style:preserve-3d;position:absolute;top:-39px;left:21px}.d-perfume__cap>*{width:42px;height:32px;position:absolute;top:0;left:0}.d-perfume__cap>:first-child{transform:translateZ(15px)}.d-perfume__cap>:nth-child(2){transform:rotateY(180deg)translateZ(15px)}.d-perfume__cap>:nth-child(3),.d-perfume__cap>:nth-child(4){width:30px;left:6px}.d-perfume__cap>:nth-child(3){transform:rotateY(90deg)translateZ(21px)}.d-perfume__cap>:nth-child(4){transform:rotateY(-90deg)translateZ(21px)}.d-perfume__cap>:nth-child(5){height:30px;top:-15px;transform:rotateX(90deg)}.d-perfume__cap>*{background:repeating-linear-gradient(90deg, #ffffff38 0 1.5px, transparent 1.5px 3px, #0000001f 3px 4.5px, transparent 4.5px 6px), linear-gradient(90deg, var(--gold-deep), var(--gold) 40%, #fff6dc 50%, var(--gold) 60%, var(--gold-deep))}.d-perfume__cap>:first-child{overflow:hidden}.d-perfume__cap>:nth-child(3),.d-perfume__cap>:nth-child(4){background:repeating-linear-gradient(90deg, #ffffff2e 0 1.5px, transparent 1.5px 3px, #00000024 3px 4.5px, transparent 4.5px 6px), linear-gradient(90deg, var(--gold-deep), color-mix(in srgb, var(--gold) 70%, var(--gold-deep)))}.d-perfume__cap>:nth-child(5){background:radial-gradient(circle, transparent 0 7px, var(--gold-deep) 7.5px 8.5px, transparent 9px), linear-gradient(135deg, #fff6dc, var(--gold) 45%, var(--gold-deep))}.d-perfume__cap .d-perfume__glint{animation-delay:-.48s}@keyframes d-perfume-sway{0%{transform:rotateX(-12deg)rotateY(-38deg)}to{transform:rotateX(-12deg)rotateY(38deg)}}@keyframes d-perfume-glint{0%,36%{transform:translate(-40px)rotate(18deg)}64%,to{transform:translate(90px)rotate(18deg)}}.d-businesscard{--ink:#0f1020;--edge:var(--hot);--foil:color-mix(in srgb, var(--warm) 80%, #fff);--foil-deep:color-mix(in srgb, var(--warm) 60%, #3a2200);outline-offset:-4px;cursor:pointer;width:220px;height:170px;transform-style:preserve-3d;border-radius:16px;place-items:center;display:grid}.d-businesscard__float{pointer-events:none;width:176px;height:100px;transform-style:preserve-3d;animation:6s ease-in-out infinite alternate d-businesscard-float;position:relative}.d-businesscard__shadow{background:radial-gradient(closest-side,#00000061,#0000);border-radius:50%;position:absolute;inset:10px -6px -16px;transform:translateZ(-36px)}.d-businesscard__card{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.35,1.25,.45,1);position:absolute;inset:0}.d-businesscard__slab{background:var(--edge);transform:translateZ(calc((var(--i) - 1.5) * 1px));border-radius:6px;position:absolute;inset:.5px}.d-businesscard__wall{background:linear-gradient(90deg, color-mix(in srgb, var(--edge) 70%, #000), var(--edge) 50%, color-mix(in srgb, var(--edge) 70%, #fff));position:absolute}.d-businesscard__wall--t,.d-businesscard__wall--b{width:164px;height:4px;top:calc(50% - 2px);left:6px}.d-businesscard__wall--l,.d-businesscard__wall--r{width:4px;height:88px;top:6px;left:calc(50% - 2px)}.d-businesscard__wall--t{transform:rotateX(90deg)translateZ(50px)}.d-businesscard__wall--b{transform:rotateX(-90deg)translateZ(50px)}.d-businesscard__wall--l{transform:rotateY(-90deg)translateZ(88px)}.d-businesscard__wall--r{transform:rotateY(90deg)translateZ(88px)}.d-businesscard__front,.d-businesscard__back{transform-style:preserve-3d;backface-visibility:hidden;border-radius:6px;flex-direction:column;display:flex;position:absolute;inset:0}.d-businesscard__front>*,.d-businesscard__back>*{backface-visibility:hidden}.d-businesscard__front{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 55%), repeating-linear-gradient(135deg, #ffffff09 0 1px, transparent 1px 6px), var(--ink);justify-content:center;align-items:center;gap:3px;transform:translateZ(2px)}.d-businesscard__front strong{color:var(--foil);letter-spacing:5px;text-indent:5px;text-shadow:0 1px 0 var(--foil-deep);margin-top:6px;font-size:13px;font-weight:800;transform:translateZ(3px)}.d-businesscard__front small{color:#fff9;letter-spacing:2.5px;text-indent:2.5px;font-size:5.5px;font-weight:600;transform:translateZ(1.5px)}.d-businesscard__logo{width:34px;height:30px;transform-style:preserve-3d;position:relative;transform:translateZ(6px)}.d-businesscard__logo i{clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute}.d-businesscard__logo i:first-child{background:linear-gradient(135deg, #fff6dc, var(--foil) 40%, var(--foil-deep));inset:0}.d-businesscard__logo i:nth-child(2){background:var(--ink);inset:9px 7.5px 3px}.d-businesscard__logo i:nth-child(3){clip-path:polygon(0 40%,100% 0,100% 100%,0 60%);background:linear-gradient(var(--hot) 0 33%, var(--warm) 0 66%, var(--accent-2) 0);width:26px;height:9px;top:15px;left:30px}.d-businesscard__back{color:#fff;background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--warm) 55%, transparent), transparent 50%), linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 45%, var(--hot)));justify-content:center;padding:12px 14px;transform:rotateY(180deg)translateZ(2px)}.d-businesscard__back strong{text-shadow:0 1px #00000040;font-size:13px;font-weight:800;line-height:1;transform:translateZ(3px)}.d-businesscard__back small{letter-spacing:1.5px;text-transform:uppercase;opacity:.85;margin:3px 0 9px;font-size:6.5px;font-weight:600;transform:translateZ(2px)}.d-businesscard__back span{align-items:center;gap:5px;margin-top:3px;font-size:6.5px;font-weight:500;display:flex;transform:translateZ(1.5px)}.d-businesscard__back span:before{content:"";width:4px;height:4px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--hot) 60%, transparent);background:#fff;border-radius:50%}.d-businesscard__back b{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#fff,#ffffff8c);width:18px;height:16px;position:absolute;top:12px;right:14px;transform:translateZ(4px)}.d-businesscard:hover .d-businesscard__card,.d-businesscard:focus-visible .d-businesscard__card{transform:rotateY(180deg)}@keyframes d-businesscard-float{0%{transform:translateY(-3px)rotateX(16deg)rotateY(-20deg)rotate(-5deg)}to{transform:translateY(3px)rotateX(10deg)rotateY(-8deg)rotate(-3deg)}}.d-camera{--silver:#d9dce8;--silver-dark:#8a90a8;--leather:color-mix(in srgb, var(--accent) 16%, #14151d);width:144px;height:88px;transform-style:preserve-3d;animation:7s ease-in-out infinite alternate d-camera-rock;position:relative}.d-camera__shadow{background:radial-gradient(closest-side,#0000006b,#0000);border-radius:50%;width:176px;height:80px;position:absolute;top:48px;left:-16px;transform:rotateX(90deg)}.d-camera__face{background:linear-gradient(transparent 24px, #00000059 24px 25px, transparent 25px 79px, #ffffff80 79px 80px, transparent 80px), radial-gradient(circle, #ffffff12 .8px, transparent 1.2px) 0 0/3px 3px, linear-gradient(var(--silver) 0 3px, #f4f5fa 8px, var(--silver) 18px, var(--silver-dark) 24px, var(--leather) 24px 80px, var(--silver) 80px, var(--silver-dark));width:144px;height:88px;position:absolute;top:0;left:0}.d-camera__face--front{transform:translateZ(20px)}.d-camera__face--back{transform:rotateY(180deg)translateZ(20px)}.d-camera__face--left,.d-camera__face--right{width:40px;left:52px}.d-camera__face--left{transform:rotateY(-90deg)translateZ(72px)}.d-camera__face--right{transform:rotateY(90deg)translateZ(72px)}.d-camera__face--top,.d-camera__face--bottom{background:repeating-linear-gradient(90deg, #ffffff2e 0 1px, transparent 1px 3px), linear-gradient(var(--silver-dark), var(--silver) 20%, #f4f5fa 60%, var(--silver));height:40px;top:24px}.d-camera__face--top{transform:rotateX(90deg)translateZ(44px)}.d-camera__face--bottom{background:linear-gradient(var(--silver-dark), #5b6078);transform:rotateX(-90deg)translateZ(44px)}.d-camera__face--left:after,.d-camera__face--right:after{content:"";background:#0000004d;position:absolute;inset:0}.d-camera__face--left:after{background:#0000001f}.d-camera__window{border:1.5px solid var(--silver-dark);background:linear-gradient(120deg, transparent 30%, #ffffff73 40%, transparent 50%), linear-gradient(160deg, color-mix(in srgb, var(--accent-2) 45%, #0b1020), #05060c);border-radius:2px;width:26px;height:13px;position:absolute;top:6px;left:11px}.d-camera__window+.d-camera__window{width:14px;left:auto;right:11px}.d-camera__name{color:#4a4f66;letter-spacing:2.5px;text-align:center;text-indent:2.5px;text-shadow:0 1px #ffffffb3;width:100%;font-size:7px;font-weight:800;position:absolute;top:8px;left:0}.d-camera__lens{transform-style:preserve-3d;position:absolute;top:52px;left:72px;transform:translateZ(20px)}.d-camera__mount{background:radial-gradient(circle, #0b0c12 0 76%, var(--silver-dark) 80%, #f4f5fa 88%, var(--silver) 94%, var(--silver-dark));border-radius:50%;width:62px;height:62px;position:absolute;top:-31px;left:-31px;transform:translateZ(.5px)}.d-camera__strip{--a:calc(var(--i) * 22.5deg);backface-visibility:hidden;background:linear-gradient(rgb(0, 0, 0, calc(.36 - .34 * cos(var(--a) + 35deg))) 0 0), linear-gradient(transparent 0 5px, #00000080 5px 6px, transparent 6px 17px, var(--hot) 17px 18px, transparent 18px), repeating-linear-gradient(90deg, #2a2c3a 0 1.5px, #0d0e14 1.5px 3px) 0 6px/100% 11px no-repeat, linear-gradient(#1a1b24 0 6px, #1a1b24 17px, var(--silver) 17px, #f4f5fa 22px, var(--silver-dark));width:10.5456px;height:26px;transform:rotateZ(var(--a)) translateY(-25px) rotateX(90deg) translateY(13px);position:absolute;top:-13px;left:-5.27281px}.d-camera__ring,.d-camera__glass{border-radius:50%;position:absolute}.d-camera__ring{background:radial-gradient(circle, transparent 0 17px, #05060a 17.5px 18.5px, var(--silver-dark) 19px, #f4f5fa 21.5px, var(--silver) 23px, var(--silver-dark));width:51px;height:51px;top:-25.5px;left:-25.5px;transform:translateZ(26px)}.d-camera__glass{background:radial-gradient(circle, #05060a 0 4px, transparent 5px), radial-gradient(circle, transparent 0 9px, color-mix(in srgb, var(--accent) 50%, transparent) 10px, transparent 12px), conic-gradient(from 200deg, color-mix(in srgb, var(--accent-2) 35%, #0a0c18), #0a0c18 25%, color-mix(in srgb, var(--accent) 45%, #0a0c18) 50%, #0a0c18 75%, color-mix(in srgb, var(--accent-2) 35%, #0a0c18));width:36px;height:36px;top:-18px;left:-18px;overflow:hidden;transform:translateZ(22px)}.d-camera__glass em{background:linear-gradient(90deg,#0000 45%,#00000080 45% 55%,#0000 55%),linear-gradient(#0000 45%,#00000080 45% 55%,#0000 55%),#ffffff8c;border-radius:50% 50% 40% 40%;width:12px;height:16px;animation:7s ease-in-out infinite alternate d-camera-glare;position:absolute;top:5px;left:9px;transform:translate(6px)rotate(-12deg)}.d-camera__flash{width:40px;height:20px;transform-style:preserve-3d;position:absolute;top:-20px;left:12px}.d-camera__flash>i{background:linear-gradient(var(--silver), var(--silver-dark));position:absolute;inset:0}.d-camera__flash>i:first-child{border:2px solid var(--silver-dark);background:repeating-linear-gradient(#0000 0 1.5px,#00000014 1.5px 2.5px),radial-gradient(at 50% 40%,#fff,#e7e9f3 55%,#b9bed0);transform:translateZ(12px)}.d-camera__flash>i:nth-child(2){transform:rotateY(180deg)translateZ(12px)}.d-camera__flash>i:nth-child(3),.d-camera__flash>i:nth-child(4){background:linear-gradient(var(--silver-dark), #5b6078);width:24px;left:8px}.d-camera__flash>i:nth-child(3){transform:rotateY(90deg)translateZ(20px)}.d-camera__flash>i:nth-child(4){transform:rotateY(-90deg)translateZ(20px)}.d-camera__flash>i:nth-child(5){background:linear-gradient(90deg, var(--silver), #f4f5fa 50%, var(--silver));height:24px;top:-2px;transform:rotateX(90deg)}.d-camera__knob{background:radial-gradient(circle, var(--silver) 0 45%, var(--silver-dark));width:16px;height:16px;transform:translateY(calc(var(--h) * -1px)) rotateX(90deg);border-radius:50%;position:absolute;top:-8px;left:110px}.d-camera__knob--top{background:radial-gradient(circle at 40% 35%, #fff 0 8%, var(--hot) 35%, color-mix(in srgb, var(--hot) 55%, #000))}.d-camera__dial{background:repeating-conic-gradient(#5b6078 0 5deg, var(--silver) 5deg 10deg), var(--silver);width:24px;height:24px;transform:translateY(calc(var(--h) * -1px)) rotateX(90deg);border-radius:50%;position:absolute;top:-12px;left:74px}.d-camera__dial--top{background:linear-gradient(transparent 46%, var(--hot) 46% 54%, transparent 54%) 50% 0/2px 50% no-repeat, radial-gradient(circle, #f4f5fa, var(--silver) 60%, var(--silver-dark) 64%, transparent 66%), repeating-conic-gradient(#5b6078 0 5deg, var(--silver) 5deg 10deg)}@keyframes d-camera-rock{0%{transform:rotateX(-14deg)rotateY(-30deg)}to{transform:rotateX(-8deg)rotateY(26deg)}}@keyframes d-camera-glare{0%{transform:translate(10px)rotate(-12deg)}to{transform:translate(-4px)rotate(-12deg)}}.d-coffeecup{--paper:#f4f1ea;--paper-dark:#d9d3c6;--kraft:color-mix(in srgb, var(--warm) 45%, #8a5a33);--lid:#22232e;--steam:color-mix(in srgb, var(--text) 50%, transparent);width:0;height:100px;transform-style:preserve-3d;position:relative;transform:rotateX(-20deg)}.d-coffeecup__spin{transform-style:preserve-3d;animation:12s linear infinite d-coffeecup-spin;position:absolute;inset:0}.d-coffeecup__shadow{background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;width:120px;height:60px;position:absolute;top:70px;left:-60px;transform:rotateX(90deg)}.d-coffeecup__strip{transform-origin:50% 100%;width:12.6037px;height:100.404px;transform:rotateY(calc(var(--i) * 18deg)) translateZ(27px) rotateX(-5.14276deg);clip-path:polygon(0 0,100% 0,calc(50% + 4.87638px) 100%,calc(50% - 4.87638px) 100%);backface-visibility:hidden;background-image:radial-gradient(ellipse 1.2px 5px at 49.3209px 53px, #f0d9b8 0 60%, transparent 90%), radial-gradient(ellipse 4.5px 6.5px at 49.3209px 53px, #fff 0 20%, #6b3e22 30% 92%, transparent 100%), radial-gradient(circle 11px at 49.3209px 53px, var(--accent) 0 86%, #fff 87% 93%, var(--accent) 94% 100%, transparent 100%), radial-gradient(ellipse 1.2px 5px at 147.963px 53px, #f0d9b8 0 60%, transparent 90%), radial-gradient(ellipse 4.5px 6.5px at 147.963px 53px, #fff 0 20%, #6b3e22 30% 92%, transparent 100%), radial-gradient(circle 11px at 147.963px 53px, var(--accent) 0 86%, #fff 87% 93%, var(--accent) 94% 100%, transparent 100%), linear-gradient(transparent 34px, var(--kraft) 34px 36px, color-mix(in srgb, var(--kraft) 70%, #fff) 36px 37px, var(--kraft) 37px 70px, color-mix(in srgb, var(--kraft) 70%, #fff) 70px 71px, var(--kraft) 71px 73px, transparent 73px), linear-gradient(var(--paper-dark) 0 1px, var(--paper) 3px 12px, var(--accent) 12px 14px, var(--paper) 14px calc(100% - 3px), var(--paper-dark));background-size:197.284px 100%;background-position:calc(1.06975px - var(--i) * 9.86418px) 0;position:absolute;bottom:0;left:-6.30184px}.d-coffeecup__strip:after{content:"";animation:12s linear infinite d-coffeecup-shade;animation-delay:calc(var(--i) * -.6s);background:#06070f;position:absolute;inset:0}.d-coffeecup__lid{--r:38.4487px;left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);background:radial-gradient(circle, var(--lid) 0 80%, color-mix(in srgb, var(--lid) 70%, #fff) 94%, var(--lid));transform:translateY(calc(var(--y) * -1px)) rotateX(90deg);border-radius:50%;position:absolute}.d-coffeecup__lid--top{--r:35.4487px;background:radial-gradient(circle, transparent 0 70%, #ffffff1f 72% 74%, transparent 76%), radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--lid) 80%, #fff), var(--lid) 60%)}.d-coffeecup__lid--spout{--r:13px;background:radial-gradient(ellipse 7px 2.5px at 50% 70%, #05060a 0 90%, transparent 100%), radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--lid) 65%, #fff), var(--lid) 70%);transform:translateY(calc(var(--y) * -1px)) translateZ(19px) rotateX(90deg)}.d-coffeecup__vent{transform-style:preserve-3d;position:absolute;top:-7px;left:0;transform:translateZ(24px)}.d-coffeecup__face{transform-style:preserve-3d;animation:12s linear infinite reverse d-coffeecup-spin;position:absolute}.d-coffeecup__steam{opacity:0;width:10px;height:30px;animation:3.6s linear infinite d-coffeecup-steam;animation-delay:calc(var(--d) * -1.8s);position:absolute;top:-30px;left:-5px}.d-coffeecup__steam:before,.d-coffeecup__steam:after{content:"";border:2.5px solid #0000;border-radius:50%;width:100%;height:52%;position:absolute;left:0}.d-coffeecup__steam:before{border-left-color:var(--steam);top:0}.d-coffeecup__steam:after{border-right-color:var(--steam);bottom:0;left:-70%}@keyframes d-coffeecup-spin{to{transform:rotateY(360deg)}}@keyframes d-coffeecup-shade{0%{opacity:.06}12.5%{opacity:.3}25%,50%{opacity:.5}75%{opacity:.3}88%{opacity:0}to{opacity:.06}}@keyframes d-coffeecup-steam{0%{opacity:0;transform:translate(calc(var(--x) * 1px), 10px) scale(.6)}30%{opacity:.9}60%{transform:translate(calc(var(--x) * 1px + 4px), -12px) scale(.9, 1.1)}to{opacity:0;transform:translate(calc(var(--x) * 1px - 2px), -34px) scale(1.1, 1.3)}}.d-tetra{width:120px;height:103.923px;transform-style:preserve-3d;transform-origin:50% 79.4282px;animation:16s linear infinite d-tetra-tumble;position:relative}.d-tetra i,.d-tetra b{--c:var(--accent-2);--a:34%;transform-origin:50% 100%;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%, #fff) calc(50% - 1.5px), color-mix(in srgb, var(--c) 85%, #fff) 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%, #fff) calc(50% - 1.5px), color-mix(in srgb, var(--c) 85%, #fff) 50%, transparent 50%) right/50% 100% no-repeat, linear-gradient(color-mix(in srgb, var(--c) 85%, #fff), color-mix(in srgb, var(--c) 85%, #fff)) bottom/100% 1.5px no-repeat, linear-gradient(90deg, transparent 42%, #ffffff29 50%, transparent 58%), linear-gradient(to top, color-mix(in srgb, var(--c) var(--a), transparent), color-mix(in srgb, var(--c) 8%, transparent));position:absolute;inset:0}.d-tetra i{transform:rotateY(calc(var(--i) * 120deg)) translateZ(34.641px) rotateX(19.4712deg)}.d-tetra i:nth-child(2){--c:var(--accent);--a:44%}.d-tetra i:nth-child(3){--c:var(--hot);--a:30%}.d-tetra b{--c:var(--accent);--a:26%;transform:translateZ(34.641px)rotateX(90deg)}.d-tetra u{background:radial-gradient(circle, #fff 0 8%, color-mix(in srgb, var(--warm) 70%, #fff) 22%, color-mix(in srgb, var(--warm) 55%, transparent) 42%, transparent 70%);border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;animation:16s linear infinite d-tetra-face,2.4s ease-in-out infinite alternate d-tetra-pulse;position:absolute;top:79.4282px;left:50%}@keyframes d-tetra-tumble{0%{transform:rotateX(-24deg)rotateY(0)rotate(0)}to{transform:rotateX(336deg)rotateY(360deg)rotate(360deg)}}@keyframes d-tetra-face{0%{transform:rotate(0)rotateY(0)rotateX(24deg)}to{transform:rotate(-360deg)rotateY(-360deg)rotateX(-336deg)}}@keyframes d-tetra-pulse{0%{opacity:.7;scale:.85}to{opacity:1;scale:1.1}}.d-hourglass{width:0;height:0;transform-style:preserve-3d;animation:20s linear infinite d-hourglass-spin;position:relative}.d-hourglass__flip{transform-style:preserve-3d;animation:9s infinite d-hourglass-flip;position:absolute}.d-hourglass__flip>i{--c:color-mix(in srgb, var(--accent) var(--mix), var(--accent-2));transform-origin:50% 0;width:23.5795px;height:77.6981px;transform:rotateY(calc(var(--i) * 30deg)) translateZ(3px) rotateX(calc(var(--s) * 31.8491deg)) scaleY(var(--s));clip-path:polygon(46.5909% 0,53.4091% 0,100% 100%,0 100%);background:linear-gradient(to top left, transparent calc(50% - 1px), color-mix(in srgb, var(--c) 55%, transparent) calc(50% - 1px), color-mix(in srgb, var(--c) 55%, transparent) 50%, transparent 50%) left/46.5909% 100% no-repeat, linear-gradient(to top right, transparent calc(50% - 1px), color-mix(in srgb, var(--c) 55%, transparent) calc(50% - 1px), color-mix(in srgb, var(--c) 55%, transparent) 50%, transparent 50%) right/46.5909% 100% no-repeat, linear-gradient(color-mix(in srgb, var(--c) 44%, transparent), color-mix(in srgb, var(--c) 14%, transparent) 50%, color-mix(in srgb, var(--c) 30%, transparent));position:absolute;top:0;left:-11.7898px}.d-hourglass__flip>b{border:1.5px solid color-mix(in srgb, var(--accent) 80%, #fff);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 38%, var(--surface-solid)), color-mix(in srgb, var(--accent) 70%, var(--surface-solid)));width:110px;height:110px;transform:translateY(var(--y)) rotateX(90deg);border-radius:50%;position:absolute;top:-55px;left:-55px}.d-hourglass__flip>b:first-of-type{--y:-76px}.d-hourglass__flip>b:nth-of-type(2){--y:-69px}.d-hourglass__flip>b:nth-of-type(3){--y:69px}.d-hourglass__flip>b:nth-of-type(4){--y:76px}.d-hourglass__post{width:5px;height:152px;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 120deg + 60deg)) translateZ(49px);position:absolute;top:-76px;left:-2.5px}.d-hourglass__post:before,.d-hourglass__post:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 80%, #000), color-mix(in srgb, var(--accent) 60%, #fff), color-mix(in srgb, var(--accent) 80%, #000));border-radius:3px;position:absolute;inset:0}.d-hourglass__post:after{transform:rotateY(90deg)}.d-hourglass__sand{width:61.4639px;height:55.44px;transform-style:preserve-3d;position:absolute;left:-30.7319px}.d-hourglass__sand i{transform-origin:50% 100%;width:25.4592px;height:63.3881px;transform:rotateY(calc(var(--i) * 45deg)) translateZ(30.7319px) rotateX(29.0008deg);clip-path:polygon(50% 0,0 100%,100% 100%);background:linear-gradient(to top, color-mix(in srgb, var(--warm) 88%, var(--hot)), color-mix(in srgb, var(--warm) 70%, #fff));position:absolute;bottom:0;left:calc(50% - 12.7296px)}.d-hourglass__sand i:nth-child(odd){background:linear-gradient(to top, color-mix(in srgb, color-mix(in srgb, var(--warm) 88%, var(--hot)) 82%, #000), var(--warm))}.d-hourglass__sand 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:radial-gradient(circle, color-mix(in srgb, var(--warm) 60%, #fff), color-mix(in srgb, var(--warm) 88%, var(--hot)));width:61.4639px;height:61.4639px;position:absolute;top:calc(100% - 32.2319px);left:0;transform:rotateX(90deg)scale(.95)}.d-hourglass__sand--top{transform-origin:50% 0;animation:9s infinite d-hourglass-drain;top:0}.d-hourglass__sand--bottom{transform-origin:50% 100%;animation:9s infinite d-hourglass-fill;top:7.56px}.d-hourglass__stream{opacity:0;width:3px;height:66px;animation:9s linear infinite d-hourglass-stream,20s linear infinite d-hourglass-face;position:absolute;top:0;left:-1.5px;overflow:hidden}.d-hourglass__stream:before{content:"";background:repeating-linear-gradient(color-mix(in srgb, var(--warm) 70%, #fff) 0 4px, transparent 4px 7px);animation:.35s linear infinite d-hourglass-fall;position:absolute;inset:-14px 0 0}@keyframes d-hourglass-spin{0%{transform:rotateX(-16deg)rotateY(0)}to{transform:rotateX(-16deg)rotateY(360deg)}}@keyframes d-hourglass-face{to{transform:rotateY(-360deg)}}@keyframes d-hourglass-flip{0%,84%{animation-timing-function:ease-in-out;transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes d-hourglass-drain{0%{animation-timing-function:ease-in;transform:translateY(-7.56px)rotate(180deg)scale(1)}8%{animation-timing-function:linear;transform:translateY(0)rotate(180deg)scale(1)}15%{animation-timing-function:linear;transform:translateY(0)rotate(180deg)scale3d(.965489,.965489,.965489)}25.5%{animation-timing-function:linear;transform:translateY(0)rotate(180deg)scale3d(.90856,.90856,.90856)}43%{animation-timing-function:linear;transform:translateY(0)rotate(180deg)scale3d(.793701,.793701,.793701)}60.5%{animation-timing-function:linear;transform:translateY(0)rotate(180deg)scale3d(.629961,.629961,.629961)}71%{animation-timing-function:linear;transform:translateY(0)rotate(180deg)scale3d(.464159,.464159,.464159)}78%{animation-timing-function:linear;transform:translateY(0)rotate(180deg)scale3d(.01,.01,.01)}to{transform:translateY(0)rotate(180deg)scale3d(.01,.01,.01)}}@keyframes d-hourglass-fill{0%{transform:scale3d(.01,.01,.01)}8%{animation-timing-function:linear;transform:scale3d(.01,.01,.01)}15%{animation-timing-function:linear;transform:scale3d(.464159,.464159,.464159)}25.5%{animation-timing-function:linear;transform:scale3d(.629961,.629961,.629961)}43%{animation-timing-function:linear;transform:scale3d(.793701,.793701,.793701)}60.5%{animation-timing-function:linear;transform:scale3d(.90856,.90856,.90856)}71%{animation-timing-function:linear;transform:scale3d(.965489,.965489,.965489)}78%{animation-timing-function:linear;transform:scale(1)}to{transform:scale(1)}}@keyframes d-hourglass-stream{0%,8%,80%,to{opacity:0}10%,77%{opacity:1}}@keyframes d-hourglass-fall{to{transform:translateY(14px)}}.d-crystal{width:0;height:0;transform-style:preserve-3d;animation:30s linear infinite d-crystal-spin;position:relative}.d-crystal__c{transform-style:preserve-3d;transform:translateY(44px) rotateY(var(--az)) translateZ(var(--off)) rotateX(calc(var(--tilt) * -1));position:absolute}.d-crystal__c i{top:calc(var(--h) * -1);left:calc(var(--w) / -2);width:var(--w);height:var(--h);transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 60deg)) translateZ(calc(var(--w) * .866));background:linear-gradient(90deg, transparent 30%, #fff3 42%, transparent 54%), linear-gradient(to top, color-mix(in srgb, var(--c) 62%, transparent), color-mix(in srgb, var(--c) 14%, transparent) 70%, color-mix(in srgb, var(--c) 28%, transparent));box-shadow:inset 1px 0 color-mix(in srgb, var(--c) 80%, transparent), inset -1px 0 color-mix(in srgb, var(--c) 80%, transparent), inset 0 1px color-mix(in srgb, var(--c) 85%, #fff);position:absolute}.d-crystal__c i:before{content:"";width:100%;height:calc(var(--w) * 1.347);transform-origin:50% 100%;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) 85%, #fff) calc(50% - 1px), color-mix(in srgb, var(--c) 85%, #fff) 50%, transparent 50%) left/50% 100% no-repeat, linear-gradient(to top right, transparent calc(50% - 1px), color-mix(in srgb, var(--c) 85%, #fff) calc(50% - 1px), color-mix(in srgb, var(--c) 85%, #fff) 50%, transparent 50%) right/50% 100% no-repeat, linear-gradient(color-mix(in srgb, var(--c) 20%, #fff 30%), color-mix(in srgb, var(--c) 40%, transparent));position:absolute;bottom:100%;left:0;transform:rotateX(40deg)}.d-crystal__c i:nth-child(2n){--c:var(--c2)}.d-crystal__c b{top:calc(var(--h) * -1);left:calc(var(--w) * -.8);width:calc(var(--w) * 1.6);height:var(--h);transform-style:preserve-3d;position:absolute}.d-crystal__c b:before,.d-crystal__c b:after{content:"";background:radial-gradient(50% 60% at 50% 72%, color-mix(in srgb, #fff 60%, var(--c)), color-mix(in srgb, var(--c) 45%, transparent) 40%, transparent 100%);animation:d-crystal-glow 3.6s ease-in-out var(--d) infinite alternate;position:absolute;inset:0}.d-crystal__c b:after{transform:rotateY(90deg)}.d-crystal__rock{clip-path:polygon(22% 4%,62% 0,92% 18%,100% 55%,84% 90%,46% 100%,12% 86%,0 48%);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 70%, #fff) 0 6%, color-mix(in srgb, var(--accent) 45%, var(--surface-solid)) 24%, color-mix(in srgb, var(--accent) 22%, var(--surface-solid)) 60%, color-mix(in srgb, var(--accent) 34%, var(--surface-solid)));width:136px;height:136px;position:absolute;top:-24px;left:-68px;transform:translateY(1px)rotateX(90deg)}@keyframes d-crystal-spin{0%{transform:rotateX(-22deg)rotateY(0)}to{transform:rotateX(-22deg)rotateY(360deg)}}@keyframes d-crystal-glow{0%{opacity:.35}to{opacity:1}}.d-lattice{width:0;height:0;transform-style:preserve-3d;animation:18s linear infinite d-lattice-spin;position:relative}.d-lattice__layer,.d-lattice__posts{transform-style:preserve-3d;position:absolute}.d-lattice__layer{transform:translateY(calc(var(--y) * 50px));animation:2.4s ease-in-out infinite alternate d-lattice-out}.d-lattice__posts{animation:2.4s ease-in-out infinite alternate d-lattice-stretch}.d-lattice i{width:100px;height:2px;transform-style:preserve-3d;background:linear-gradient(90deg, var(--accent-2), color-mix(in srgb, var(--accent) 85%, transparent) 30% 70%, var(--accent-2));transform:translateZ(calc(var(--z) * 50px));position:absolute;top:-1px;left:-50px}.d-lattice i:after{content:"";background:inherit;position:absolute;inset:0;transform:rotateX(90deg)}.d-lattice i.is-z{transform:translateX(calc(var(--x) * 50px)) rotateY(90deg)}.d-lattice__posts i{transform:translateX(calc(var(--x) * 50px)) translateZ(calc(var(--z) * 50px)) rotateZ(90deg)}.d-lattice b{--glow:var(--accent-2);background:radial-gradient(circle, color-mix(in srgb, var(--glow) 25%, #fff) 0 22%, var(--glow) 42%, color-mix(in srgb, var(--glow) 0%, transparent) 72%);border-radius:50%;width:12px;height:12px;animation:18s linear infinite d-lattice-face;position:absolute;top:-6px;left:-6px}.d-lattice .is-mid b{--glow:var(--hot)}.d-lattice .is-mid b:nth-of-type(5){--glow:var(--warm)}@keyframes d-lattice-spin{0%{transform:rotate(-8deg)rotateX(-22deg)rotateY(0)}to{transform:rotate(-8deg)rotateX(-22deg)rotateY(360deg)}}@keyframes d-lattice-out{to{transform:translateY(calc(var(--y) * 65px))}}@keyframes d-lattice-stretch{to{transform:scaleY(1.3)}}@keyframes d-lattice-face{0%{transform:translate3d(calc(var(--x) * 50px), 0, calc(var(--z) * 50px)) rotateY(0deg)}to{transform:translate3d(calc(var(--x) * 50px), 0, calc(var(--z) * 50px)) rotateY(-360deg)}}.d-planet{width:0;height:0;transform-style:preserve-3d;animation:40s linear infinite d-planet-spin;position:relative}.d-planet__body{transform-style:preserve-3d;position:absolute;transform:rotate(-12deg)}.d-planet i{--r:calc(cos(var(--k) * 15deg) * 40px);top:calc(var(--r) * -1);left:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);background:radial-gradient(circle, var(--c) 55%, color-mix(in srgb, var(--c) 70%, #000));transform:translateY(calc(sin(var(--k) * 15deg) * -40px)) rotateX(90deg);--c:color-mix(in srgb, var(--warm) 80%, var(--hot));border-radius:50%;position:absolute}.d-planet i:nth-child(odd){--c:color-mix(in srgb, var(--warm) 55%, #fff)}.d-planet i:nth-child(4n+1){--c:color-mix(in srgb, var(--hot) 70%, var(--warm))}.d-planet i:nth-child(-n+2),.d-planet i:nth-child(n+10){--c:color-mix(in srgb, var(--accent) 55%, var(--warm))}.d-planet u{background:radial-gradient(circle at 36% 30%, color-mix(in srgb, var(--warm) 50%, #fff), var(--warm) 32%, color-mix(in srgb, var(--hot) 70%, var(--warm)) 62%, color-mix(in srgb, var(--accent) 70%, #000) 100%);border-radius:50%;animation:40s linear infinite d-planet-face;position:absolute;inset:-40px}.d-planet b{border-radius:50%;position:absolute;transform:rotateX(90deg)}.d-planet b:first-of-type{border:7px solid color-mix(in srgb, var(--accent) 38%, transparent);inset:-52px}.d-planet b:nth-of-type(2){border:8px solid color-mix(in srgb, color-mix(in srgb, var(--accent) 40%, var(--text)) 85%, transparent);inset:-62px}.d-planet b:nth-of-type(3){border:2px solid color-mix(in srgb, var(--accent) 85%, transparent);inset:-72.8px}.d-planet__orbit{border:1px dashed color-mix(in srgb, var(--accent-2) 40%, transparent);transform-style:preserve-3d;border-radius:50%;animation:7s linear infinite d-planet-orbit;position:absolute;inset:-92px}.d-planet__arm{width:14px;height:14px;transform-style:preserve-3d;animation:7s linear infinite d-planet-unorbit;position:absolute;top:-7px;left:calc(50% - 7px)}.d-planet__moon{background:radial-gradient(circle at 34% 30%, #fff 0 8%, var(--accent-2) 45%, color-mix(in srgb, var(--accent-2) 40%, #000) 100%);border-radius:50%;animation:40s linear infinite d-planet-moon;position:absolute;inset:0}@keyframes d-planet-spin{0%{transform:rotateX(-22deg)rotateY(0)}to{transform:rotateX(-22deg)rotateY(360deg)}}@keyframes d-planet-face{0%{transform:rotate(12deg)rotateY(0)rotateX(22deg)}to{transform:rotate(12deg)rotateY(-360deg)rotateX(22deg)}}@keyframes d-planet-orbit{0%{transform:rotateX(82deg)rotate(0)}to{transform:rotateX(82deg)rotate(360deg)}}@keyframes d-planet-unorbit{to{transform:rotate(-360deg)}}@keyframes d-planet-moon{0%{transform:rotateX(-82deg)rotate(12deg)rotateY(0)rotateX(22deg)}to{transform:rotateX(-82deg)rotate(12deg)rotateY(-360deg)rotateX(22deg)}}.d-greeting{--open:-96deg;--view:40deg;--x0:14px;cursor:pointer;width:210px;height:180px;transform-style:preserve-3d;outline:none;place-items:center;display:grid}.d-greeting:hover,.d-greeting:focus-visible{--open:-166deg;--view:24deg;--x0:2px}.d-greeting__card{pointer-events:none;width:92px;height:124px;transform-style:preserve-3d;transform-origin:0;transform:translateX(46px) rotateX(-18deg) rotateY(var(--view));transition:transform .9s cubic-bezier(.3,1.15,.45,1);position:relative}.d-greeting__shadow{background:radial-gradient(closest-side,#00000073,#0000);width:202.4px;height:80px;position:absolute;top:84px;left:-101.2px;transform:rotateX(90deg)}.d-greeting__page{background:radial-gradient(circle at 78% 16%, var(--warm) 0 2.5px, transparent 3.5px), radial-gradient(circle at 60% 9%, var(--accent-2) 0 2px, transparent 3px), radial-gradient(circle at 88% 30%, var(--hot) 0 2px, transparent 3px), linear-gradient(90deg, #e4ddcf, #fbf7ef 18%);color:color-mix(in srgb, var(--accent) 80%, #000);backface-visibility:hidden;border-radius:0 6px 6px 0;align-content:start;gap:6px;padding:68px 10px 0 16px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000014}.d-greeting__page b{font-size:17px;font-weight:800;line-height:.95}.d-greeting__page span{background:#14142829;border-radius:2px;height:3px}.d-greeting__page span:nth-of-type(2){width:70%}.d-greeting__page small{color:#6b6478;font-size:7px;font-style:italic}.d-greeting__page:before{content:"";opacity:.4;background:radial-gradient(closest-side,#280a3266,#0000);border-radius:50%;width:40px;height:46px;transition:opacity .9s cubic-bezier(.3,1.15,.45,1);position:absolute;top:18px;left:8px}.d-greeting__page:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#140a288c,#140a281a 85%);transition:opacity .9s cubic-bezier(.3,1.15,.45,1);position:absolute;inset:0}.d-greeting__pop{background:radial-gradient(circle at 50% 22%, #ffffffbf 0 2.5px, transparent 6px), linear-gradient(170deg, var(--hot), color-mix(in srgb, var(--hot) 50%, var(--warm)));width:28px;height:48px;clip-path:path("M0 9 C 3 3 7 0 12 0 C 21 0 28 6 28 16 C 28 28 16 38 0 48 Z");transform:translate3d(var(--x0), 0, 16px);transition:transform .9s cubic-bezier(.3,1.15,.45,1);position:absolute;top:12px;left:0}.d-greeting__pop--l{clip-path:path("M28 9 C 25 3 21 0 16 0 C 7 0 0 6 0 16 C 0 28 12 38 28 48 Z");transform:translate3d(var(--x0), 0, -16px) rotateY(180deg)}.d-greeting__cover{transform-style:preserve-3d;transform-origin:0;transform:translateZ(2px) rotateY(var(--open));transition:transform .9s cubic-bezier(.3,1.15,.45,1);position:absolute;inset:0}.d-greeting__front,.d-greeting__inside{backface-visibility:hidden;border-radius:0 6px 6px 0;position:absolute;inset:0}.d-greeting__front{background:radial-gradient(circle at 22% 18%, #ffffffbf 0 2px, transparent 3px), radial-gradient(circle at 76% 26%, var(--warm) 0 3px, transparent 4px), radial-gradient(circle at 30% 80%, var(--accent-2) 0 2.5px, transparent 3.5px), radial-gradient(circle at 80% 76%, #fff9 0 2px, transparent 3px), linear-gradient(150deg, var(--accent), var(--hot));place-items:center;display:grid;box-shadow:inset 3px 0 #00000026}.d-greeting__front b{color:#fff;text-align:center;border:2px solid #ffffffd9;border-radius:50%;padding:10px 12px;font-size:15px;font-weight:800;line-height:1}.d-greeting__inside{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent) 0 6px, transparent 6px 12px), linear-gradient(270deg, #e4ddcf, #fbf7ef 18%);color:color-mix(in srgb, var(--accent) 70%, #000);border-radius:6px 0 0 6px;place-items:end center;padding-bottom:14px;display:grid;transform:rotateY(180deg)}.d-greeting__inside small{letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:700}.d-greeting:hover .d-greeting__page:after,.d-greeting:focus-visible .d-greeting__page:after{opacity:.12}.d-greeting:hover .d-greeting__page:before,.d-greeting:focus-visible .d-greeting__page:before{opacity:1}.d-tiltgallery{--rx:0deg;--ry:0deg;--t:.7s;touch-action:none;transform-style:preserve-3d}.d-tiltgallery.is-live{--t:.14s}.d-tiltgallery__plane{transform-style:preserve-3d;transform:rotateX(calc(12deg + var(--rx))) rotateY(var(--ry));transition:transform var(--t) cubic-bezier(.2, .8, .2, 1);border-radius:14px;grid-template-columns:repeat(3,62px);grid-auto-rows:62px;gap:9px;padding:10px;display:grid;position:relative}.d-tiltgallery__plane:before{content:"";border:1px solid var(--border-strong);border-radius:inherit;background:color-mix(in srgb, var(--surface-solid) 70%, transparent);position:absolute;inset:0;transform:translateZ(-1px)}.d-tiltgallery__cell{--lift:0;transform-style:preserve-3d;position:relative}.d-tiltgallery__cell:before{content:"";opacity:calc(var(--lift) * .9);transform:translate3d(calc(var(--lift) * 5px), calc(var(--lift) * 9px), 1px) scale(calc(1 + var(--lift) * .08));transition:transform var(--t) cubic-bezier(.2, .8, .2, 1), opacity var(--t);background:#0000004d;border-radius:10px;position:absolute;inset:6px;box-shadow:0 0 10px 5px #0000004d}.d-tiltgallery__cell i{transform:translateZ(calc(2px + var(--lift) * 42px)) scale(calc(1 + var(--lift) * .06));transition:transform var(--t) cubic-bezier(.2, .8, .2, 1);border:3px solid #fdfcf8;border-radius:7px;position:absolute;inset:0;box-shadow:0 1px 2px #00000059}.d-tiltgallery__cell i:after{content:"";opacity:var(--lift);transition:opacity var(--t);background:linear-gradient(125deg,#ffffff80,#0000 45%);border-radius:4px;position:absolute;inset:0}.d-tiltgallery__cell:first-child i{background:radial-gradient(circle at 50% 72%, #fff3c4 0 8%, transparent 9%), linear-gradient(180deg, var(--accent) 0%, var(--hot) 55%, var(--warm) 74%, #2a1840 75%)}.d-tiltgallery__cell:nth-child(2) i{background:radial-gradient(circle at 74% 26%, #fff 0 7%, transparent 8%), linear-gradient(180deg, #8fdcff 0 50%, var(--accent-2) 51%, #0b5f78 100%)}.d-tiltgallery__cell:nth-child(3) i{background:conic-gradient(from 148deg at 34% 34%, #3b2a78 0 64deg, transparent 0), conic-gradient(from 144deg at 70% 48%, #5a3fb0 0 72deg, transparent 0), linear-gradient(180deg, #ffd9a0, var(--hot))}.d-tiltgallery__cell:nth-child(4) i{background:radial-gradient(circle at 26% 30%,#fff 0 2px,#0000 3px),radial-gradient(circle at 62% 18%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 82% 52%,#fff 0 2px,#0000 3px),radial-gradient(circle at 40% 62%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 70% 76%,#f4f1d0 0 7px,#0000 8px),linear-gradient(#0b0d2a,#3a2a7a)}.d-tiltgallery__cell:nth-child(5) i{background:radial-gradient(ellipse 90% 40% at 20% 100%, #c9761e 0 60%, transparent 61%), radial-gradient(ellipse 80% 45% at 85% 96%, #e39a3b 0 60%, transparent 61%), radial-gradient(circle at 70% 30%, #fff6d8 0 9%, transparent 10%), linear-gradient(180deg, #ffcf7a, var(--warm))}.d-tiltgallery__cell:nth-child(6) i{background:linear-gradient(170deg, transparent 30%, color-mix(in srgb, var(--accent-2) 70%, transparent) 38%, transparent 52%), linear-gradient(160deg, transparent 44%, color-mix(in srgb, var(--accent) 80%, transparent) 54%, transparent 66%), linear-gradient(180deg, #06142a 0 80%, #0c2a2a 80%)}.d-bookshelf{pointer-events:none;transform-style:preserve-3d;align-items:flex-end;gap:3px;padding:0 12px;display:flex;position:relative;transform:rotateX(-16deg)rotateY(-28deg)}.d-bookshelf:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--surface-solid)), color-mix(in srgb, var(--accent) 22%, var(--surface-solid)));border-radius:6px 6px 0 0;position:absolute;inset:-18px -6px 0;transform:translateZ(-80px)}.d-bookshelf__board,.d-bookshelf__edge,.d-bookshelf__end{background:color-mix(in srgb, var(--warm) 45%, #3a2412);position:absolute;left:-6px}.d-bookshelf__board{background:linear-gradient(0deg, color-mix(in srgb, var(--warm) 60%, #4a2e16), color-mix(in srgb, var(--warm) 30%, #2a180a));transform-origin:50% 100%;height:90px;bottom:0;right:-6px;transform:translateZ(10px)rotateX(90deg)}.d-bookshelf__edge{background:color-mix(in srgb, var(--warm) 75%, #4a2e16);height:10px;top:100%;right:-6px;transform:translateZ(10px)}.d-bookshelf__end{background:color-mix(in srgb, var(--warm) 40%, #2a180a);transform-origin:0;width:90px;height:10px;top:100%;left:calc(100% + 6px);transform:translateZ(10px)rotateY(90deg)}.d-bookshelf__slot{width:var(--t);height:var(--h);cursor:pointer;pointer-events:auto;transform-style:preserve-3d;outline:none;flex:none;position:relative}.d-bookshelf__book{pointer-events:none;transform-style:preserve-3d;transform-origin:50% 50% -36px;transition:translate .4s cubic-bezier(.3,.7,.4,1) .35s,rotate .35s ease-in-out;position:absolute;inset:0;translate:0;rotate:y 0deg}.d-bookshelf__book i{height:100%;position:absolute;top:0}.d-bookshelf__book i:first-child{background:linear-gradient(180deg, transparent 10px, #ffffff8c 10px 12px, transparent 12px calc(100% - 12px), #ffffff8c calc(100% - 12px) calc(100% - 10px), transparent 0), linear-gradient(90deg, color-mix(in srgb, var(--c) 60%, #000), var(--c) 30%, var(--c) 65%, color-mix(in srgb, var(--c) 70%, #000));color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;backface-visibility:hidden;border-radius:2px;place-items:center;width:100%;font-size:8px;font-weight:700;display:grid;left:0;overflow:hidden}.d-bookshelf__book i:nth-child(2){background:color-mix(in srgb, var(--c) 55%, #000);transform-origin:100%;width:72px;left:-72px;transform:rotateY(-90deg)}.d-bookshelf__book i:nth-child(3){background:radial-gradient(circle at 50% 36%, #ffffff59 0 12px, transparent 13px), linear-gradient(160deg, color-mix(in srgb, var(--c) 85%, #fff), color-mix(in srgb, var(--c) 70%, #000));color:#fff;text-align:center;transform-origin:0;backface-visibility:hidden;border-radius:0 3px 3px 0;place-items:center;width:72px;padding:8px;display:grid;left:100%;transform:rotateY(90deg)}.d-bookshelf__book i:nth-child(3) b{font-size:9px;line-height:1.15}.d-bookshelf__book i:nth-child(4){border:solid color-mix(in srgb, var(--c) 70%, #000);transform-origin:50% 100%;background:repeating-linear-gradient(90deg,#f3ecdc 0 2px,#d9cfb8 2px 3px);border-width:0 2px 2px;width:100%;height:72px;top:-72px;left:0;transform:rotateX(90deg)}.d-bookshelf__slot:hover .d-bookshelf__book,.d-bookshelf__slot:focus-visible .d-bookshelf__book{transition:translate .4s cubic-bezier(.3,.7,.4,1),rotate .5s cubic-bezier(.3,1.2,.5,1) .4s;translate:0 -5px 86px;rotate:y -36deg}.d-dotorbit{width:152px;height:152px;transform-style:preserve-3d;animation:16s linear infinite d-dotorbit-turn;position:relative}.d-dotorbit b{background:radial-gradient(circle at 40% 36%, #fff 0 7%, color-mix(in srgb, var(--accent) 45%, #fff) 20%, var(--accent) 46%, color-mix(in srgb, var(--accent) 50%, #000) 70%, transparent 72%);border-radius:50%;animation:16s linear infinite d-dotorbit-face;position:absolute;inset:calc(50% - 20px)}.d-dotorbit b:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 45%, transparent), transparent);border-radius:50%;animation:1.6s ease-in-out infinite alternate d-dotorbit-breathe;position:absolute;inset:-16px}.d-dotorbit__ring{transform-style:preserve-3d;transform:rotateZ(var(--phi)) rotateX(72deg);border-radius:50%;position:absolute;inset:0}.d-dotorbit__ring:first-of-type{--c:var(--accent-2);--dur:1.6s;--dir:normal;--phi:0deg}.d-dotorbit__ring:nth-of-type(2){--c:var(--hot);--dur:2.4s;--dir:reverse;--phi:60deg}.d-dotorbit__ring:nth-of-type(3){--c:var(--warm);--dur:3.3s;--dir:normal;--phi:120deg}.d-dotorbit__ring:before{content:"";border:1px dashed color-mix(in srgb, var(--c) 45%, transparent);border-radius:50%;position:absolute;inset:0}.d-dotorbit__ring i{width:12px;height:12px;transform-style:preserve-3d;animation:d-dotorbit-orbit var(--dur) linear infinite var(--dir);animation-delay:calc(var(--lag) * var(--dur) * .017 - var(--p) * var(--dur) - var(--dur));position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.d-dotorbit__ring i:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--c) 30%, #fff) 0 7%, var(--c) 24% 38%, color-mix(in srgb, var(--c) 30%, transparent) 56%, transparent 70%);opacity:calc(1 - var(--lag) * .3);scale:calc(1.25 - var(--lag) * .25);border-radius:50%;animation:16s linear infinite d-dotorbit-face;position:absolute;inset:0}@keyframes d-dotorbit-turn{0%{transform:rotateX(-16deg)rotateY(0)}to{transform:rotateX(-16deg)rotateY(360deg)}}@keyframes d-dotorbit-face{0%{transform:rotateY(0)rotateX(16deg)}to{transform:rotateY(-360deg)rotateX(16deg)}}@keyframes d-dotorbit-orbit{0%{transform:rotateZ(0deg) translateX(76px) rotateZ(0deg) rotateX(-72deg) rotateZ(calc(var(--phi) * -1))}to{transform:rotateZ(360deg) translateX(76px) rotateZ(-360deg) rotateX(-72deg) rotateZ(calc(var(--phi) * -1))}}@keyframes d-dotorbit-breathe{0%{opacity:.55;transform:scale(.85)}to{opacity:1;transform:scale(1.1)}}.d-blockstack{transform-style:preserve-3d;grid-template-columns:repeat(2,38px);grid-auto-rows:38px;display:grid;position:relative;transform:rotateX(58deg)rotate(45deg)}.d-blockstack:before{content:"";border:1px dashed var(--border-strong);background:linear-gradient(90deg, transparent calc(50% - 1px), var(--border) 0 calc(50% + 1px), transparent 0), linear-gradient(0deg, transparent calc(50% - 1px), var(--border) 0 calc(50% + 1px), transparent 0), color-mix(in srgb, var(--accent) 10%, transparent);border-radius:10px;position:absolute;inset:-8px;transform:translateZ(-1px)}.d-blockstack__col{transform-style:preserve-3d;transform-origin:50% 50% 34px;animation:5s linear infinite d-blockstack-leave;animation-delay:calc(var(--c) * .275s - 1.6s);margin:2px;position:relative}.d-blockstack__block{--z:calc(var(--l) * 34px);--c1:var(--accent);transform-style:preserve-3d;transform-origin:50% 50% 17px;animation:5s linear infinite d-blockstack-arrive;animation-delay:calc(var(--i) * .275s - 5s);position:absolute;inset:0}.d-blockstack__block:nth-child(2){--c1:var(--accent-2)}.d-blockstack__block i{border-radius:2px;position:absolute;inset:0}.d-blockstack__block i:first-child{background:color-mix(in srgb, var(--c1) 55%, #fff);transform:translateZ(34px)}.d-blockstack__block i:nth-child(2){background:color-mix(in srgb, var(--c1) 65%, #000);transform-origin:100%;transform:rotateY(90deg)}.d-blockstack__block i:nth-child(3){background:var(--c1);transform-origin:50% 100%;transform:rotateX(-90deg)}@keyframes d-blockstack-arrive{0%{transform:translateZ(calc(var(--z) + 56px)) scale3d(0, 0, 0);animation-timing-function:ease-out}3%{transform:translateZ(calc(var(--z) + 56px)) scale3d(1, 1, 1);animation-timing-function:ease-in}10%{transform:translateZ(var(--z)) scale3d(1, 1, 1);animation-timing-function:ease-out}12.5%{transform:translateZ(calc(var(--z) + 5px)) scale3d(1, 1, 1);animation-timing-function:ease-in}15%,76.5%{transform:translateZ(var(--z)) scale3d(1, 1, 1)}76.6%,to{transform:translateZ(calc(var(--z) + 56px)) scale3d(0, 0, 0)}}@keyframes d-blockstack-leave{0%{animation-timing-function:ease-in;transform:translateZ(0)rotate(0)scale(1)}7%,31.25%{transform:translateZ(72px)rotate(90deg)scale3d(0,0,0)}31.35%,to{transform:translateZ(0)rotate(0)scale(1)}}.d-windmill{--grass:color-mix(in srgb, var(--accent-2) 35%, #4f9a3a);--earth:color-mix(in srgb, var(--warm) 30%, #4a3226);--plaster:color-mix(in srgb, var(--warm) 8%, #f2ede5);--roof:color-mix(in srgb, var(--hot) 70%, #4a1024);width:210px;height:200px;transform-style:preserve-3d;position:relative;transform:rotateX(-20deg)}.d-windmill__spin{transform-style:preserve-3d;animation:28s linear infinite d-windmill-turn;position:absolute;top:164px;left:50%}.d-windmill__hill{transform-style:preserve-3d;position:absolute}.d-windmill__hill i{background:linear-gradient(rgb(0, 0, 0, var(--d,0)), rgb(0, 0, 0, var(--d,0))), linear-gradient(var(--grass) 0 5px, color-mix(in srgb, var(--grass) 50%, var(--earth)) 5px 7px, transparent 7px), radial-gradient(circle at 20% 60%, #0000002e 0 2px, transparent 2.5px) 0 0/23px 100%, radial-gradient(circle at 70% 80%, #ffffff1a 0 1.5px, transparent 2px) 0 0/31px 100%, linear-gradient(var(--earth), color-mix(in srgb, var(--earth) 65%, #000));backface-visibility:hidden;width:150px;height:24px;position:absolute;top:0;left:-75px}.d-windmill__hill i:first-child{--d:0;transform:rotateY(0)translateZ(75px)}.d-windmill__hill i:nth-child(2){--d:.2;transform:rotateY(90deg)translateZ(75px)}.d-windmill__hill i:nth-child(3){--d:.36;transform:rotateY(180deg)translateZ(75px)}.d-windmill__hill i:nth-child(4){--d:.12;transform:rotateY(270deg)translateZ(75px)}.d-windmill__hill i:nth-child(5){background:radial-gradient(circle at 30% 70%, #fff6 0 1.5px, transparent 2px) 0 0/26px 22px, radial-gradient(circle at 60% 30%, color-mix(in srgb, var(--warm) 80%, #fff) 0 1.5px, transparent 2px) 0 0/34px 30px, linear-gradient(color-mix(in srgb, var(--warm) 25%, #b89a6e), color-mix(in srgb, var(--warm) 25%, #b89a6e)) 50% 100%/12px 50% no-repeat, radial-gradient(closest-side, color-mix(in srgb, var(--grass) 70%, #fff), var(--grass) 70%, color-mix(in srgb, var(--grass) 80%, #000));height:150px;top:-75px;transform:rotateX(90deg)}.d-windmill__tree{transform-style:preserve-3d;transform:translate3d(var(--x), 0, var(--z)) scale(var(--k));position:absolute}.d-windmill__tree i{background:linear-gradient(color-mix(in srgb, var(--grass) 80%, #fff), color-mix(in srgb, var(--grass) 70%, #000) 80%, #5b3b25 80%);clip-path:polygon(50% 0,70% 32%,60% 32%,88% 64%,74% 64%,100% 80%,58% 80%,58% 100%,42% 100%,42% 80%,0 80%,26% 64%,12% 64%,40% 32%,30% 32%);width:26px;height:44px;position:absolute;top:-44px;left:-13px}.d-windmill__tree i+i{transform:rotateY(90deg)}.d-windmill__tower{transform-style:preserve-3d;position:absolute}.d-windmill__tower i{clip-path:polygon(18.75% 0,81.25% 0,100% 100%,0 100%);transform-origin:50% 100%;backface-visibility:hidden;background:linear-gradient(rgb(0, 0, 0, var(--d,0)), rgb(0, 0, 0, var(--d,0))), linear-gradient(#5b3b25 0 6px, transparent 6px), radial-gradient(circle at 50% 38%, var(--warm) 0 3.5px, #5b3b25 4px 5.5px, transparent 6px), repeating-linear-gradient(transparent 0 11px, #0000000f 11px 12px), var(--plaster);width:48px;height:92.4392px;position:absolute;top:-92.4392px;left:-24px}.d-windmill__tower i:first-child{--d:0;transform:rotateY(0)translateZ(24px)rotateX(5.58724deg)}.d-windmill__tower i:nth-child(2){--d:.2;transform:rotateY(90deg)translateZ(24px)rotateX(5.58724deg)}.d-windmill__tower i:nth-child(3){--d:.36;transform:rotateY(180deg)translateZ(24px)rotateX(5.58724deg)}.d-windmill__tower i:nth-child(4){--d:.12;transform:rotateY(270deg)translateZ(24px)rotateX(5.58724deg)}.d-windmill__tower i:first-child{background:linear-gradient(#5b3b25 0 6px, transparent 6px), radial-gradient(circle at 50% 38%, var(--warm) 0 3.5px, #5b3b25 4px 5.5px, transparent 6px), radial-gradient(circle at 50% calc(100% - 16px), #5b3b25 0 7.5px, transparent 8px), linear-gradient(#5b3b25, #5b3b25) 50% 100%/15px 16px no-repeat, repeating-linear-gradient(transparent 0 11px, #0000000f 11px 12px), var(--plaster)}.d-windmill__cap{transform-style:preserve-3d;position:absolute}.d-windmill__cap i{clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:50% 100%;backface-visibility:hidden;background:linear-gradient(rgb(0, 0, 0, var(--d,0)), rgb(0, 0, 0, var(--d,0))), repeating-linear-gradient(transparent 0 5px, #00000038 5px 6px), linear-gradient(color-mix(in srgb, var(--roof) 75%, #fff), var(--roof));width:42px;height:36.6197px;position:absolute;top:-128.62px;left:-21px}.d-windmill__cap i:first-child{--d:0;transform:rotateY(0)translateZ(21px)rotateX(34.992deg)}.d-windmill__cap i:nth-child(2){--d:.2;transform:rotateY(90deg)translateZ(21px)rotateX(34.992deg)}.d-windmill__cap i:nth-child(3){--d:.36;transform:rotateY(180deg)translateZ(21px)rotateX(34.992deg)}.d-windmill__cap i:nth-child(4){--d:.12;transform:rotateY(270deg)translateZ(21px)rotateX(34.992deg)}.d-windmill__rotor{transform-style:preserve-3d;position:absolute;transform:translate3d(0,-100px,27px)}.d-windmill__rotor:before{content:"";background:#5b3b25;width:5px;height:18px;position:absolute;top:-9px;left:-2.5px;transform:translateZ(-9px)rotateX(90deg)}.d-windmill__sails{transform-style:preserve-3d;animation:6s linear infinite d-windmill-sails;position:absolute}.d-windmill__sails b{transform-origin:2px calc(100% + 5px);background:linear-gradient(90deg, #5b3b25 0 4px, transparent 4px), linear-gradient(90deg, transparent calc(100% - 2px), #5b3b25 0) 0 0/100% 80% no-repeat, repeating-linear-gradient(transparent 0 7px, #5b3b25 7px 8.5px) 0 0/100% 80% no-repeat, linear-gradient(color-mix(in srgb, var(--warm) 12%, #fff), color-mix(in srgb, var(--warm) 30%, #e8e2d6)) 4px 0/calc(100% - 4px) 80% no-repeat;width:24px;height:70px;position:absolute;bottom:5px;left:-2px}.d-windmill__sails b:nth-child(2){transform:rotate(90deg)}.d-windmill__sails b:nth-child(3){transform:rotate(180deg)}.d-windmill__sails b:nth-child(4){transform:rotate(270deg)}.d-windmill__sails u{background:radial-gradient(circle at 35% 35%,#bdb1a8,#5b3b25 70%);border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:-6px;transform:translateZ(1px)}@keyframes d-windmill-turn{to{transform:rotateY(360deg)}}@keyframes d-windmill-sails{to{transform:rotate(-360deg)}}.d-rocket{width:100%;height:100%;transform-style:preserve-3d;position:relative}.d-rocket__base,.d-rocket__craft{transform-style:preserve-3d;animation:16s ease-in-out infinite alternate d-rocket-sway;position:absolute;top:76%;left:50%}.d-rocket__base:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 24%, transparent), transparent);border-radius:50%;width:260px;height:260px;position:absolute;top:-130px;left:-130px;transform:translateY(1px)rotateX(90deg)}.d-rocket__pad,.d-rocket__glow{border-radius:50%;width:92px;height:92px;position:absolute;top:-46px;left:-46px;transform:rotateX(90deg)}.d-rocket__pad{background:radial-gradient(closest-side, #555a7c 0 50%, var(--warm) 51% 55%, #33374f 56% 92%, #5c6186 93% 97%, transparent 98%)}.d-rocket__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--warm) 80%, #fff), color-mix(in srgb, var(--hot) 45%, transparent) 45%, transparent);opacity:0;width:140px;height:140px;animation:10s linear infinite d-rocket-glow;top:-70px;left:-70px;transform:translateY(-1px)rotateX(90deg)}.d-rocket__tower{transform-style:preserve-3d;position:absolute;transform:translate3d(-40px,0,-8px)}.d-rocket__tower i{background:linear-gradient(90deg, color-mix(in srgb, var(--muted) 75%, var(--text)) 0 2px, transparent 2px calc(100% - 2px), color-mix(in srgb, var(--muted) 75%, var(--text)) 0), repeating-linear-gradient(40deg, color-mix(in srgb, var(--muted) 75%, var(--text)) 0 1.2px, transparent 1.2px 10px), repeating-linear-gradient(-40deg, color-mix(in srgb, var(--muted) 75%, var(--text)) 0 1.2px, transparent 1.2px 10px);opacity:.85;width:12px;height:104px;position:absolute;top:-104px;left:-6px}.d-rocket__tower i+i{transform:rotateY(90deg)}.d-rocket__tower:before{content:"";background:var(--hot);width:6px;height:6px;box-shadow:0 0 8px var(--hot);border-radius:50%;animation:1.4s step-end infinite d-rocket-blink;position:absolute;top:-110px;left:-3px}.d-rocket__arm{background:color-mix(in srgb, var(--muted) 75%, var(--text));transform-origin:0;width:21px;height:4px;animation:10s ease-in-out infinite d-rocket-arm;position:absolute;top:-74px;left:-34px;transform:translateZ(-4px)}.d-rocket em{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--muted) 45%, #fff), color-mix(in srgb, var(--muted) 75%, transparent) 55%, transparent 71%);opacity:0;border-radius:50%;width:30px;height:30px;animation:10s linear infinite d-rocket-smoke;position:absolute;top:-26px;left:-15px}.d-rocket__flight{transform-style:preserve-3d;animation:10s infinite d-rocket-fly;position:absolute;inset:0}.d-rocket__ship{transform-style:preserve-3d;position:absolute;transform:translateY(-9px)}.d-rocket__ship i{background:linear-gradient(rgb(12, 14, 34, var(--d)), rgb(12, 14, 34, var(--d))), linear-gradient(#eef0fa 0 12%, var(--accent) 12% 20%, #eef0fa 20% 84%, #3b3f5e 84%);width:9px;height:72px;transform:rotateY(var(--a)) translateZ(13px);backface-visibility:hidden;position:absolute;top:-72px;left:-4.5px}.d-rocket__ship b{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(rgb(12, 14, 34, var(--d)), rgb(12, 14, 34, var(--d))), linear-gradient(color-mix(in srgb, var(--hot) 60%, #fff), var(--hot));transform-origin:50% 100%;width:8.45px;height:32.6956px;transform:rotateY(var(--a)) translateZ(13px) rotateX(23.4287deg);backface-visibility:hidden;position:absolute;top:-104.696px;left:-4.225px}.d-rocket__ship s{clip-path:polygon(0 0,100% 60%,100% 100%,0 78%);background:linear-gradient(90deg, color-mix(in srgb, var(--hot) 70%, #000), var(--hot) 70%);transform-origin:-11px 0;width:20px;height:39px;transform:rotateY(var(--a));position:absolute;top:-30px;left:11px}.d-rocket__ship u{clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);background:linear-gradient(#6a6f90,#2a2d42);width:14px;height:8px;position:absolute;top:0;left:-7px}.d-rocket__ship u+u{transform:rotateY(90deg)}.d-rocket__window{background:radial-gradient(circle at 35% 35%, #fff 0 12%, var(--accent-2) 42%, color-mix(in srgb, var(--accent-2) 40%, #000));border-radius:50%;width:10px;height:10px;position:absolute;top:-54px;left:-5px;transform:translateZ(13.6px);box-shadow:0 0 0 1.5px #b8bcd6}.d-rocket__flame{transform-style:preserve-3d;animation:10s linear infinite d-rocket-burn;position:absolute;top:7px;transform:scale(.4,0)}.d-rocket__flame i{width:20px;height:56px;position:absolute;top:0;left:-10px}.d-rocket__flame i:before,.d-rocket__flame i:after{content:"";transform-origin:50% 0;border-radius:40% 40% 50% 50%/16% 16% 84% 84%;position:absolute;inset:0}.d-rocket__flame i:before{background:radial-gradient(ellipse 50% 100% at 50% 0, #fff 0 10%, var(--warm) 32%, color-mix(in srgb, var(--hot) 70%, transparent) 62%, transparent 98%);animation:.11s ease-in-out infinite alternate d-rocket-flicker}.d-rocket__flame i:after{background:radial-gradient(ellipse 50% 100% at 50% 0, #fff 0 35%, color-mix(in srgb, #fff 50%, var(--warm)) 60%, transparent 98%);animation:.15s ease-in-out infinite alternate-reverse d-rocket-flicker;inset:0 5px 38%}.d-rocket__flame i+i{transform:rotateY(90deg)}@keyframes d-rocket-sway{0%{transform:rotateX(-12deg)rotateY(-28deg)}to{transform:rotateX(-12deg)rotateY(28deg)}}@keyframes d-rocket-fly{0%,13%{animation-timing-function:cubic-bezier(.6,0,.9,.55);transform:translateY(0)}40%,56%{animation-timing-function:cubic-bezier(.15,.55,.4,1);transform:translateY(-125%)}88%,to{transform:translateY(0)}}@keyframes d-rocket-burn{0%,6%{transform:scale(.4,0)}10%{transform:scaleY(.2)}20%{transform:scaleY(.35)}30%,72%{transform:scaleY(1.15)}80%{transform:scaleY(.5)}86%{transform:scale(.9,.2)}90%,to{transform:scale(.4,0)}}@keyframes d-rocket-flicker{0%{transform:scale(.94,.86)}to{transform:scale(1.04,1.08)}}@keyframes d-rocket-glow{0%,6%,28%,72%,92%,to{opacity:0}12%,17%,82%,87%{opacity:1}}@keyframes d-rocket-arm{0%,3%,96%,to{transform:translateZ(-4px)rotateY(0)}9%,91%{transform:translateZ(-4px)rotateY(75deg)}}@keyframes d-rocket-smoke{0%,8%{opacity:0;transform:translate3d(0, 0, var(--z)) scale(.3)}13%{opacity:.85;transform:translate3d(calc(var(--x) * 18px), -3px, var(--z)) scale(.9)}32%{opacity:0;transform:translate3d(calc(var(--x) * 62px), -18px, var(--z)) scale(calc(var(--s) * 1.7))}33%,83%{opacity:0;transform:translate3d(0, 0, var(--z)) scale(.3)}88%{opacity:.75;transform:translate3d(calc(var(--x) * 16px), -3px, var(--z)) scale(.85)}to{opacity:0;transform:translate3d(calc(var(--x) * 54px), -14px, var(--z)) scale(calc(var(--s) * 1.5))}}@keyframes d-rocket-blink{0%,to{opacity:1}50%{opacity:.15}}.d-lighthouse{perspective:800px;width:220px;height:200px;position:relative}.d-lighthouse__layer{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(-22deg)rotateY(-24deg)}.d-lighthouse__model{transform-style:preserve-3d;position:absolute;top:150px;left:50%}.d-lighthouse__sea{border:1.5px solid color-mix(in srgb, var(--accent-2) 40%, transparent);background:radial-gradient(circle, transparent 0 44px, #ffffff80 45px 47px, transparent 50px 54px, #ffffff29 55px 56px, transparent 58px), radial-gradient(circle, color-mix(in srgb, var(--accent) 35%, #16205a), color-mix(in srgb, var(--accent) 18%, #060a22) 72%);border-radius:50%;width:220px;height:220px;position:absolute;top:-110px;left:-110px;overflow:hidden;transform:rotateX(90deg)}.d-lighthouse__sea i{background:repeating-linear-gradient(transparent 0 16px, color-mix(in srgb, var(--accent-2) 55%, transparent) 16px 17.5px, transparent 17.5px 20px);animation:2.6s linear infinite d-lighthouse-waves;position:absolute;inset:-20px 0 0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 22px,#0000 22px 36px);mask:repeating-linear-gradient(90deg,#000 0 22px,#0000 22px 36px)}.d-lighthouse__sea i+i{background:repeating-linear-gradient(transparent 0 9px, color-mix(in srgb, var(--accent) 60%, #fff 10%) 9px 10px, transparent 10px 28px);animation-name:d-lighthouse-waves-2;animation-duration:4.2s;inset:-28px 0 0;-webkit-mask:repeating-linear-gradient(90deg,#0000 0 14px,#000 14px 30px,#0000 30px 46px);mask:repeating-linear-gradient(90deg,#0000 0 14px,#000 14px 30px,#0000 30px 46px)}.d-lighthouse__sea u{background:conic-gradient(from 70deg, transparent, color-mix(in srgb, var(--warm) 55%, transparent) 20deg, transparent 40deg 180deg, color-mix(in srgb, var(--warm) 55%, transparent) 200deg, transparent 220deg);animation:8s linear infinite d-lighthouse-pool;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 14%,#000 34%,#0000 98%);mask:radial-gradient(closest-side,#0000 14%,#000 34%,#0000 98%)}.d-lighthouse__rock,.d-lighthouse__tower,.d-lighthouse__room,.d-lighthouse__roof{transform-style:preserve-3d;position:absolute}.d-lighthouse__rock i{transform-origin:50% 100%;width:33.7371px;height:20.1246px;transform:rotateY(var(--a)) translateZ(40px) rotateX(26.5651deg);backface-visibility:hidden;clip-path:polygon(11.9392% 0,88.0609% 0,100% 100%,0 100%);background:linear-gradient(rgb(6, 8, 26, var(--d)), rgb(6, 8, 26, var(--d))), radial-gradient(circle at 30% 30%, #ffffff1f 0 3px, transparent 3.5px) 0 0/13px 11px, linear-gradient(color-mix(in srgb, var(--muted) 45%, #3b3e55), color-mix(in srgb, color-mix(in srgb, var(--muted) 45%, #3b3e55) 55%, #05060c) 80%, color-mix(in srgb, var(--accent-2) 30%, #05060c));position:absolute;top:-20.1246px;left:-16.8685px}.d-lighthouse__rock b{clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);background:radial-gradient(circle at 40% 40%, color-mix(in srgb, color-mix(in srgb, var(--muted) 45%, #3b3e55) 80%, #fff), color-mix(in srgb, var(--muted) 45%, #3b3e55) 70%);width:62px;height:62px;position:absolute;top:-49px;left:-31px;transform:rotateX(90deg)}.d-lighthouse__tower i{transform-origin:50% 100%;width:10.9974px;height:84.1487px;transform:rotateY(var(--a)) translateZ(16px) rotateX(3.40644deg);backface-visibility:hidden;clip-path:polygon(17.5004% 0,82.4996% 0,100% 100%,0 100%);background:linear-gradient(rgb(6, 8, 26, var(--d)), rgb(6, 8, 26, var(--d))), repeating-linear-gradient(color-mix(in srgb, var(--hot) 85%, #300) 0 14px, #f3efe7 14px 28px);position:absolute;top:-102.149px;left:-5.49872px}.d-lighthouse__tower i:first-child{background:linear-gradient(#2a1c28, #2a1c28) 50% 100%/6px 11px no-repeat, linear-gradient(var(--warm), var(--warm)) 50% 45%/4px 6px no-repeat, repeating-linear-gradient(color-mix(in srgb, var(--hot) 85%, #300) 0 14px, #f3efe7 14px 28px)}.d-lighthouse__gallery,.d-lighthouse__rail{background:radial-gradient(closest-side,#3a3e58 70%,#23263a);border-radius:50%;width:36px;height:36px;position:absolute;top:-120px;left:-18px;transform:rotateX(90deg)}.d-lighthouse__rail{border:1.5px solid color-mix(in srgb, var(--text) 45%, #5a5f80);background:0 0;top:-126px}.d-lighthouse__room i{transform-origin:50% 100%;width:9.8376px;height:14px;transform:rotateY(var(--a)) translateZ(8px) rotateX(0deg);clip-path:polygon(3.04952% 0,96.9505% 0,100% 100%,0 100%);background:linear-gradient(90deg, #2b2e44 0 1px, transparent 1px calc(100% - 1px), #2b2e44 0), color-mix(in srgb, var(--warm) 40%, transparent);position:absolute;top:-116px;left:-4.9188px}.d-lighthouse__room b{background:radial-gradient(closest-side, #fff 0 18%, color-mix(in srgb, var(--warm) 80%, #fff) 30%, color-mix(in srgb, var(--warm) 45%, transparent) 55%, transparent);border-radius:50%;width:32px;height:32px;animation:4s ease-in-out infinite d-lighthouse-flash;position:absolute;top:-16px;left:-16px;transform:translateY(-109px)rotateX(90deg)}.d-lighthouse__roof i{transform-origin:50% 100%;width:13.3017px;height:16.2788px;transform:rotateY(var(--a)) translateZ(11px) rotateX(42.5105deg);backface-visibility:hidden;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(rgb(6, 8, 26, var(--d)), rgb(6, 8, 26, var(--d))), linear-gradient(color-mix(in srgb, var(--accent) 45%, #3a3e58), #1d2033);position:absolute;top:-132.279px;left:-6.65085px}.d-lighthouse__roof b{background:radial-gradient(circle at 35% 35%,#fff,#8a8fb0);border-radius:50%;width:6px;height:6px;position:absolute;top:-132px;left:-3px}.d-lighthouse__beam{transform-style:preserve-3d;animation:8s linear infinite d-lighthouse-sweep;position:absolute;top:-109px}.d-lighthouse__beam i{clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);background:linear-gradient(90deg, color-mix(in srgb, var(--warm) 60%, #fff) 0, color-mix(in srgb, var(--warm) 45%, transparent) 30%, transparent 97%);transform-origin:-4px;width:104px;height:34px;position:absolute;top:-17px;left:4px;transform:rotateX(76deg)}.d-lighthouse__beam i:nth-child(2){transform:rotateX(104deg)}.d-lighthouse__beam i:nth-child(3){transform:rotateY(180deg)rotateX(76deg)}.d-lighthouse__beam i:nth-child(4){transform:rotateY(180deg)rotateX(104deg)}@keyframes d-lighthouse-sweep{to{transform:rotateY(360deg)}}@keyframes d-lighthouse-pool{to{transform:rotate(-360deg)}}@keyframes d-lighthouse-waves{to{transform:translateY(20px)}}@keyframes d-lighthouse-waves-2{to{transform:translateY(28px)}}@keyframes d-lighthouse-flash{0%,45%,82%,to{opacity:.7;transform:translateY(-109px)rotateX(90deg)scale(1)}63.3%{opacity:1;transform:translateY(-109px)rotateX(90deg)scale(2.2)}}.d-gauge{grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;padding:10px 14px 14px;display:grid}.d-gauge__view{place-items:center;min-height:0;display:grid}.d-gauge__dial{--value:22;width:150px;height:150px;transform-style:preserve-3d;animation:10s ease-in-out infinite alternate d-gauge-sway;position:relative;transform:rotateX(32deg)rotateY(-14deg)}.d-gauge__dial>i{border-radius:50%;position:absolute;inset:0}.d-gauge__dial>i:first-child{background:color-mix(in srgb, color-mix(in srgb, var(--accent) 45%, #1c1f36), #05060c 9%);transform:translateZ(-2.5px)}.d-gauge__dial>i:nth-child(2){background:color-mix(in srgb, color-mix(in srgb, var(--accent) 45%, #1c1f36), #05060c 18%);transform:translateZ(-5px)}.d-gauge__dial>i:nth-child(3){background:color-mix(in srgb, color-mix(in srgb, var(--accent) 45%, #1c1f36), #05060c 27%);transform:translateZ(-7.5px)}.d-gauge__dial>i:nth-child(4){background:color-mix(in srgb, color-mix(in srgb, var(--accent) 45%, #1c1f36), #05060c 36%);transform:translateZ(-10px)}.d-gauge__dial>i:nth-child(5){background:color-mix(in srgb, color-mix(in srgb, var(--accent) 45%, #1c1f36), #05060c 45%);transform:translateZ(-12.5px)}.d-gauge__dial>i:nth-child(6){background:color-mix(in srgb, color-mix(in srgb, var(--accent) 45%, #1c1f36), #05060c 54%);transform:translateZ(-15px)}.d-gauge__face{border:6px solid color-mix(in srgb, var(--accent) 40%, #c9cde2);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 22%, var(--surface-solid)), var(--surface-solid) 75%);transform-style:preserve-3d;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 18px #0006}.d-gauge__face:before{content:"";background:conic-gradient(from -120deg, var(--accent-2), var(--warm) 150deg, var(--hot) 210deg 240deg, transparent 0);border-radius:50%;position:absolute;inset:3px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px))}.d-gauge__face:after{content:"";background:repeating-conic-gradient(from -120.5deg, color-mix(in srgb, var(--text) 55%, transparent) 0 1deg, transparent 1deg 4.8deg);-webkit-mask:radial-gradient(closest-side, transparent calc(100% - 5px), #000 calc(100% - 4.5px)), conic-gradient(from -121deg, #000 0 242deg, transparent 0);mask:radial-gradient(closest-side, transparent calc(100% - 5px), #000 calc(100% - 4.5px)), conic-gradient(from -121deg, #000 0 242deg, transparent 0);border-radius:50%;position:absolute;inset:12px;-webkit-mask-composite:source-in;mask-composite:intersect}.d-gauge__face b{background:var(--text);width:3px;height:10px;transform:translateZ(2px) rotate(var(--a)) translateY(-50px);border-radius:1px;position:absolute;top:calc(50% - 5px);left:calc(50% - 1.5px)}.d-gauge__face em{width:24px;color:var(--muted);font:700 9px/12px var(--font);text-align:center;transform:translateZ(1px) rotate(var(--a)) translateY(-33px) rotate(calc(var(--a) * -1));font-style:normal;position:absolute;top:calc(50% - 6px);left:calc(50% - 12px)}.d-gauge__face small{color:var(--muted);font:800 8px var(--font);letter-spacing:.12em;text-align:center;text-transform:uppercase;position:absolute;inset:auto 0 20px;transform:translateZ(1px)}.d-gauge__needle{transform-style:preserve-3d;transform:rotate(calc(-120deg + var(--value) * 2.4deg));transition:transform 1.3s cubic-bezier(.3,1.6,.45,1);position:absolute;top:50%;left:50%}.d-gauge__quiver{transform-style:preserve-3d;animation:1.7s ease-in-out infinite alternate d-gauge-quiver;position:absolute}.d-gauge__quiver i{clip-path:polygon(50% 0,76% 80%,62% 100%,38% 100%,24% 80%);width:8px;height:72px;position:absolute;top:-58px;left:-4px}.d-gauge__quiver i:first-child{background:color-mix(in srgb, var(--hot), #000 48%);transform:translateZ(3.3px)}.d-gauge__quiver i:nth-child(2){background:color-mix(in srgb, var(--hot), #000 32%);transform:translateZ(4.6px)}.d-gauge__quiver i:nth-child(3){background:color-mix(in srgb, var(--hot), #000 16%);transform:translateZ(5.9px)}.d-gauge__quiver i:nth-child(4){background:color-mix(in srgb, var(--hot), #000 0%);background:linear-gradient(90deg, color-mix(in srgb, var(--hot) 55%, #fff) 50%, var(--hot) 50%);transform:translateZ(7.2px)}.d-gauge__hub{width:22px;height:22px;box-shadow:0 0 0 2px var(--hot);background:radial-gradient(circle at 35% 30%,#fff 0 8%,#b9bed8 32%,#474c6b 78%);border-radius:50%;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px);transform:translateZ(9px)}.d-gauge__glass{pointer-events:none;background:linear-gradient(150deg,#fff3,#ffffff0a 44%,#0000 45%);border-radius:50%;position:absolute;inset:0;transform:translateZ(12px)}.d-gauge__bar{justify-items:center;gap:6px;font-size:12px;display:grid}.d-gauge__bar output{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.d-gauge__seg{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:999px;gap:2px;padding:3px;display:flex}.d-gauge__seg button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 14px;font-weight:700}.d-gauge__seg button[aria-pressed=true]{background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff}@keyframes d-gauge-sway{0%{transform:rotateX(32deg)rotateY(-16deg)}to{transform:rotateX(28deg)rotateY(10deg)}}@keyframes d-gauge-quiver{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.d-timeline{grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;padding:10px 14px 14px;display:grid}.d-timeline__view{perspective:560px;perspective-origin:50% -80px;min-height:0;position:relative}.d-timeline__track{transform-style:preserve-3d;transform:translateZ(calc(var(--a) * 110px));transition:transform .9s cubic-bezier(.45,.05,.25,1);position:absolute;top:62%;left:50%}.d-timeline__road{background:linear-gradient(90deg, transparent 3px, var(--accent) 3px 5px, transparent 5px calc(100% - 5px), var(--accent) calc(100% - 5px) calc(100% - 3px), transparent 0), color-mix(in srgb, var(--accent) 16%, var(--surface-solid));transform-origin:50% 100%;width:68px;height:900px;position:absolute;top:calc(62% - 864px);left:calc(50% - 34px);overflow:hidden;transform:translateZ(64px)rotateX(90deg);-webkit-mask:linear-gradient(#0000 20%,#000 60% 93%,#0000);mask:linear-gradient(#0000 20%,#000 60% 93%,#0000)}.d-timeline__lane{background:linear-gradient(color-mix(in srgb, var(--warm) 80%, transparent) 50%, transparent 0) 50% 100%/3px 22px repeat-y;transform:translateY(calc(var(--a) * 110px));transition:transform .9s cubic-bezier(.45,.05,.25,1);position:absolute;inset:-440px 0 0}.d-timeline__lane u{--d:calc(var(--i) - var(--a));left:calc(50% - 7px);bottom:calc(57px + var(--i) * 110px);border:2px solid var(--accent-2);background:var(--surface-solid);border-radius:50%;width:14px;height:14px;position:absolute}.d-timeline__lane u:after{content:"";background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);opacity:calc(1 - min(max(var(--d), var(--d) * -1), 1));border-radius:50%;transition:opacity .5s;position:absolute;inset:1px}.d-timeline__card{--d:calc(var(--i) - var(--a));border:1px solid var(--border-strong);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 34%, var(--surface-solid)), color-mix(in srgb, var(--accent) 10%, var(--surface-solid)));width:100px;height:56px;color:var(--text);backface-visibility:hidden;opacity:clamp(0, min(1 - var(--d) * .2, 1 + var(--d) * 4), 1);transform:translate3d(calc(var(--s) * 62px), 0, calc((var(--i) * -1 + min(var(--d) + 1, 0)) * 110px)) rotateY(calc(var(--s) * -16deg));border-radius:10px;align-content:center;gap:2px;padding:0 12px;transition:opacity .6s,transform .9s cubic-bezier(.45,.05,.25,1),border-color .4s;display:grid;position:absolute;top:-52px;left:-50px}.d-timeline__card b{letter-spacing:-.02em;font-size:20px;font-weight:900;line-height:1;transition:color .4s}.d-timeline__card span{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:700}.d-timeline__card:before{content:"";background:linear-gradient(var(--border-strong), color-mix(in srgb, var(--accent) 60%, transparent));width:2px;height:32px;position:absolute;top:100%;left:calc(50% - 1px)}.d-timeline__card[aria-current=true]{border-color:var(--accent-2)}.d-timeline__card[aria-current=true] b{color:var(--accent-2)}.d-timeline__bar{justify-items:center;gap:6px;font-size:12px;display:grid}.d-timeline__bar output{color:var(--muted);white-space:nowrap;font-weight:600}.d-timeline__nav{gap:8px;display:flex}.d-timeline__nav button{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 70%, transparent);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:5px 14px;font-weight:700}.d-timeline__nav button:last-child:not(:disabled){background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;border-color:#0000}.d-timeline__nav button:disabled{opacity:.4;cursor:default}