@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-latin-700.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-latin-400.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/jetbrains-mono-latin-600.woff2)format("woff2")}: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:"JetBrains Mono", ui-monospace, "Cascadia Code", 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:280px;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__placeholder{pointer-events:none;position:absolute;inset:0}.stage>.scene{zoom:calc(var(--fit,1) * var(--size,1) * var(--zoom,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 24px;color:var(--text);overscroll-behavior:contain;background:0 0;border:0;margin:0;overflow:hidden auto}.viewer[open]{flex-direction:column;display:flex}.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%);box-shadow:0 40px 120px -20px #000c, inset 0 1px 0 var(--glass-edge);border-radius:22px;flex-shrink:0;margin: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)}.live-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:0;width:100%;height:100%;position:absolute;inset:0}.stage-wrap{color:var(--text);position:relative}.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__holds{z-index:3;gap:6px;display:flex;position:absolute;top:10px;left:10px}.stage-wrap{container:stage-wrap/inline-size}@container stage-wrap (width<=459px){.stage__holds{top:auto;right:10px;bottom:calc(10px + var(--view-bar,0px));left:auto}.stage-wrap:has([data-edited]:not([hidden])) .stage__holds{bottom:calc(50px + var(--view-bar,0px))}}.stage__hold{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 70%, transparent);height:34px;color:var(--text);font:600 12px/1 var(--font-ui,system-ui);cursor:pointer;opacity:.75;border-radius:10px;align-items:center;gap:7px;padding:0 12px 0 10px;transition:opacity .2s,border-color .2s;display:none}.stage-wrap[data-animated] .stage__hold[data-freeze]{display:flex}.stage__hold:hover,.stage__hold:focus-visible,.stage__hold[aria-pressed=true]{border-color:var(--accent-2);opacity:1}.stage__tick{border:1.5px solid var(--border-strong);border-radius:4px;place-items:center;width:14px;height:14px;display:grid}[aria-pressed=true]>.stage__tick{background:linear-gradient(135deg, var(--accent), var(--hot,var(--accent-2)));border-color:#0000}[aria-pressed=true]>.stage__tick:after{content:"";border:0 solid #fff;border-width:0 0 2px 2px;width:7px;height:4px;transform:translateY(-1px)rotate(-45deg)}.stage__edited{bottom:calc(10px + var(--view-bar,0px));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;left:10px}.stage[data-in-maker]>.live-frame{scale:none!important}.maker__live .stage-wrap:not(:fullscreen)>.stage__view{display:none!important}.stage__view{box-sizing:border-box;width:100%;margin:12px 0 0}.stage-wrap:fullscreen>.stage__view{z-index:3;width:min(560px,100% - 32px);margin:0;position:absolute;bottom:16px;left:50%;translate:-50%}.stage__view label{cursor:pointer}.stage-wrap:fullscreen:has(>.stage__view){--view-bar:64px}.maker__live .stage-wrap:not(:fullscreen){--view-bar:0px}.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:nowrap;gap:4px;padding:6px}.codebox__tabs{scrollbar-width:none;flex:auto;gap:2px;min-width:0;padding:0;overflow-x:auto}.codebox__seg button{padding-inline:7px;font-size:11.5px}.codebox__look{gap:4px;padding-left:6px}.codebox__dots{gap:5px}.codebox__copy{gap:0;padding-inline:8px;font-size:0}.editor>pre,.editor>textarea{white-space:pre-wrap;overflow-wrap:anywhere}.codebox__foot{align-items:flex-start}.viewer{padding:0}.viewer__panel{border:0;border-radius:0;min-height:100%;margin-bottom:0;padding:16px}.viewer__head h2{padding-right:44px}.stage--lg{height:280px}.stage__zoom button{min-width:30px}.code .codebox{height:min(68vh,560px);min-height:360px}.codebox pre,.editor{line-height:1.55}.codebox pre,.codebox .editor>textarea{padding:12px 12px 12px 14px}.codebox__foot{font-size:11px}.sharemenu__targets{grid-template-columns:repeat(4,minmax(0,1fr))}}.maker{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(1000px,100vw - 24px);max-height:min(92vh,860px);box-shadow:0 40px 120px -20px #000c, inset 0 1px 0 var(--glass-edge);color:var(--text);border-radius:22px;flex-direction:column;padding:0;display:flex;overflow:hidden}.maker[open]{animation:.42s cubic-bezier(.2,.8,.2,1) viewer-in}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.maker{background:var(--surface-solid)}}.maker::backdrop{background:var(--glass-dim);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2)}.maker__head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.maker__tabs{background:color-mix(in srgb, var(--border) 45%, transparent);border-radius:14px;gap:4px;padding:4px;display:flex}.maker__tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:color .15s,background .15s;display:flex}.maker__tab svg{width:16px;height:16px}.maker__tab:hover{color:var(--text)}.maker__tab[aria-selected=true]{background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;box-shadow:0 4px 14px #00000040}.maker__close{border:1px solid var(--border-strong);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:11px;place-items:center;padding:0;display:grid}.maker__close:hover,.maker__close:focus-visible{border-color:var(--accent-2);color:var(--text)}.maker__body{flex:auto;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start;gap:18px;min-height:0;padding:16px;display:grid;overflow:auto}.maker__show{justify-items:center;gap:8px;display:grid;position:sticky;top:0}.maker__box{aspect-ratio:1;place-items:center;width:min(100%,44vh);display:grid}.maker__frame{width:calc(100% * min(1, var(--aspect,1)));height:calc(100% * min(1, 1 / var(--aspect,1)));border:1px solid var(--border);background:repeating-conic-gradient(#ffffff0d 0% 25%,#0000 0% 50%) 0 0/18px 18px;border-radius:14px;transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;container-type:size}.maker__frame[data-shape=sheet]{box-shadow:0 10px 34px #00000073}.maker__frame[data-shows=file] .maker__live{visibility:hidden;pointer-events:none}.maker__frame video,.maker__frame img{z-index:2;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.maker__live{transform-origin:0 0;position:absolute;inset:0}.maker__tools{z-index:3;gap:6px;display:flex;position:absolute;top:8px;right:8px}.maker__tool{border:1px solid var(--border-strong);color:var(--muted);font:inherit;cursor:pointer;background:#080a14b8;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;display:flex}.maker__tool svg{width:13px;height:13px}.maker__tool:hover,.maker__tool:focus-visible{border-color:var(--accent-2);color:var(--text)}.maker__tool[aria-pressed=true]{background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;border-color:#0000}.maker__working{gap:8px}.maker__working b{font-weight:700}.maker__working small{opacity:.72;margin-left:2px}.maker__ring{flex:none;width:18px;height:18px}.btn>.maker__ring{border-width:2px;width:14px;height:14px}.maker__ring{border:2px solid #ffffff38;border-top-color:var(--accent-2);border-radius:50%;animation:.8s linear infinite maker-spin}.maker__caption{color:var(--muted);letter-spacing:.02em;text-align:center;margin:0;font-size:12px}.maker__settings{align-content:start;gap:16px;transition:opacity .2s;display:grid}.maker__settings[data-locked]{opacity:.45;pointer-events:none}.maker__set{border:0;margin:0;padding:0}.maker__set legend{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;align-items:baseline;gap:8px;padding:0 0 7px;font-size:10px;font-weight:700;display:flex}.maker__slider{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.maker__slider output{color:var(--text);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:650}.maker__legendHint{letter-spacing:0;text-transform:none}.maker__opts{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:7px;display:grid}.maker__opts--seg{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--border) 30%, transparent);border-radius:14px;gap:3px;padding:3px;display:flex}.maker__opts--seg .maker__opt{border:0;border-radius:11px;flex:1 1 0}.maker__opts--seg .maker__opt:hover:not([aria-checked=true]){background:color-mix(in srgb, var(--border) 45%, transparent)}.maker__opts--seg .maker__opt[aria-checked=true]{box-shadow:0 3px 12px -3px var(--accent)}.maker__opt{border:1px solid var(--border-strong);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s,background .15s,color .15s;display:grid}.maker__opt b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;line-height:1.25;display:block;overflow:hidden}.maker__opt small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;display:block;overflow:hidden}.maker__opt[data-off]{opacity:.45;cursor:not-allowed}.maker__opt:hover:not([aria-checked=true]):not(:disabled){border-color:var(--accent-2)}.maker__opt[aria-checked=true]{background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 30%, transparent);border-color:#0000}.maker__opt[aria-checked=true] small{color:#ffffffd1}.maker__opt[aria-checked=true] .maker__swatch{border-color:#ffffffb3}.maker__opt:disabled{opacity:.5;cursor:default}.maker__swatch{background:#0b0d18;border:1px solid #fff6;border-radius:5px;flex:none;width:22px;height:22px;display:block}.maker__swatch--auto{background:0 0;border-style:dashed;width:24px;height:20px}.maker__swatch[data-swatch=stage]{background:radial-gradient(#ffffff80 1px,#0000 1.2px) 0 0/6px 6px,#0b0d18}.maker__swatch[data-swatch=light]{background:#f3f4fc}.maker__swatch[data-swatch=transparent]{background:repeating-conic-gradient(#ffffff8c 0% 25%,#ffffff1f 0% 50%) 0 0/9px 9px}.maker__zoom{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.maker__zoom::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent), var(--hot)) 0/var(--done,60%) 100% no-repeat, color-mix(in srgb, var(--border-strong) 70%, transparent);border-radius:999px;height:6px}.maker__zoom::-moz-range-track{background:linear-gradient(90deg, var(--accent), var(--hot)) 0/var(--done,60%) 100% no-repeat, color-mix(in srgb, var(--border-strong) 70%, transparent);border-radius:999px;height:6px}.maker__zoom::-webkit-slider-thumb{appearance:none;width:16px;height:16px;box-shadow:0 2px 8px #00000080, 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);background:#fff;border-radius:50%;margin-top:-5px}.maker__zoom::-moz-range-thumb{width:16px;height:16px;box-shadow:0 2px 8px #00000080, 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);background:#fff;border:0;border-radius:50%}.maker__zoom:disabled{opacity:.5;cursor:default}.maker__foot{border-top:1px solid var(--border);background:var(--surface-solid);flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:12px 16px 14px;display:grid;position:relative}.maker__note{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.maker__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=760px){.maker{border-width:1px 0 0;border-radius:20px 20px 0 0;width:100vw;max-width:none;max-height:94vh;margin:auto 0 0}.maker__head{padding:10px 12px}.maker__tabs{flex:1}.maker__tab{flex:1;justify-content:center;padding:9px 6px}.maker__body{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.maker__show{position:static}.maker__box{width:min(100%,32vh)}.maker__frame canvas,.maker__frame video,.maker__frame img{max-height:calc(32vh - 30px)}.maker__opts{grid-template-columns:repeat(2,minmax(0,1fr))}.maker__foot{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.maker__actions{grid-column:1/-1}.maker__actions .btn{flex:1;justify-content:center}}@keyframes maker-spin{to{rotate:1turn}}.maker__live [data-edited]{display:none!important}@container stage-wrap (width<=459px){.maker__live .stage-wrap:has([data-edited]:not([hidden])) .stage__holds{bottom:10px}}.stage[data-in-maker]{border:0;border-radius:0;padding:0}.stage[data-in-maker][data-clear]{background:0 0!important}.stage[data-in-maker][data-clear]:before,.stage[data-in-maker][data-clear]:after{display:none!important}[data-make]{position:relative;overflow:hidden}[data-make].is-working:before{content:"";z-index:0;transform:scaleX(var(--done,0));transform-origin:0;background:color-mix(in srgb, var(--accent) 38%, transparent);transition:transform .15s linear;position:absolute;inset:0}[data-make].is-ready{background:linear-gradient(135deg, var(--accent), var(--hot));color:#fff;border-color:#0000}.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:45%}[data-og] .embed .stage .scene:not(.scene--fill){zoom:calc(2.35 * var(--size,1))}[data-og] .embed .stage .scene--fill{zoom:1.8;inset:22.2222px 22.2222px 22.2222px 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:60px;font-weight:900;line-height:1.04}[data-og] .embed__og .nowrap{white-space:nowrap}[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:7px 18px;font-size:19px;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:128px;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}