.art{aspect-ratio:17/12;border-radius:inherit;width:100%;color:var(--ink);background:radial-gradient(120% 80% at 50% -8%, color-mix(in srgb, var(--card) 85%, transparent), transparent 72%), var(--well);-webkit-user-select:none;user-select:none;--card-tint:70%;--tile-strength:92%;--code-bg:var(--tile);--code-rule:var(--rule);--code-dot:var(--soft);--code-fg:#2b2933;--code-mut:#8a8794;--code-key:#6d3fd1;--code-str:#2f6a96;--code-ok:#2e7d4f;--code-num:#9a5b00;--code-tag:#4f6b45;font-family:Instrument Sans,sans-serif;line-height:1.3;position:relative;overflow:hidden;container-type:inline-size}[data-theme=dark] .art{--card-tint:20%;--tile-strength:38%;--code-bg:#16161b;--code-rule:#26262e;--code-dot:#4a4a58;--code-fg:#e6e4f0;--code-mut:#8b8b99;--code-key:#b9a3ff;--code-str:#9fc1dc;--code-ok:#7fd39b;--code-num:#f2d49a;--code-tag:#c8d3bf}.art[data-tone=dark]{color:#fff;background:radial-gradient(90% 70% at 50% 60%,#10131d,#06070b 70%)}.art *,.art :before,.art :after{box-sizing:border-box}.art svg{display:block}.art-band{height:70.6cqw;position:absolute;top:calc(50% - 35.3cqw);left:0;right:0}.a-abs{position:absolute}.a-row{align-items:center;display:flex}.a-col{flex-direction:column;display:flex}.t-xs{font-size:1.4cqw}.t-s{font-size:1.7cqw}.t-m{font-size:2cqw}.t-l{font-size:2.6cqw}.t-xl{font-size:3.4cqw}.t-xxl{font-size:4.6cqw}.serif{letter-spacing:-.01em;font-family:Fraunces,serif;font-weight:600}.b{font-weight:600}.mut{color:var(--muted)}.mut2{color:var(--text2)}.acc{color:var(--link)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.a-win{background:var(--card);border:.15cqw solid var(--border);border-radius:1.6cqw;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 2.6cqw 5.5cqw -2.8cqw #17161a61,0 .2cqw .5cqw #17161a0d}[data-theme=dark] .a-win{box-shadow:0 2.6cqw 5.5cqw -2.4cqw #000000b3}.a-bar{border-bottom:.15cqw solid var(--rule);background:color-mix(in srgb, var(--tile) 70%, var(--card));flex-shrink:0;align-items:center;gap:1.4cqw;height:5cqw;padding:0 1.6cqw;display:flex}.a-dots{flex-shrink:0;gap:.7cqw;display:flex}.a-dots i{background:var(--soft);border-radius:50%;width:1.1cqw;height:1.1cqw;display:block}.a-pill{background:var(--well);height:3cqw;color:var(--muted);white-space:nowrap;border-radius:99cqw;align-items:center;gap:.8cqw;padding:0 1.2cqw;font-size:1.45cqw;display:flex;overflow:hidden}.a-card{background:var(--paper);box-shadow:0 0 0 .12cqw var(--paper-edge), 0 1.6cqw 3.4cqw -1.8cqw #17161a57;border-radius:1.3cqw;position:absolute;overflow:hidden}.a-tile{background:var(--paper);box-shadow:0 0 0 .12cqw var(--paper-edge);border-radius:1cqw;overflow:hidden}.a-glass{background:var(--lg-fill), color-mix(in srgb, var(--card) 45%, transparent);box-shadow:var(--lg-shadow);-webkit-backdrop-filter:var(--lg-filter);border-radius:99cqw}.a-phone{background:#141418;border-radius:5.4cqw;padding:1.1cqw;position:absolute;box-shadow:inset 0 0 0 .2cqw #ffffff0f,0 3cqw 6cqw -3cqw #17161a8c}.a-screen{background:var(--bg);border-radius:4.3cqw;width:100%;height:100%;position:relative;overflow:hidden}.a-island{background:#141418;border-radius:99cqw;width:24%;height:2.2cqw;position:absolute;top:1.1cqw;left:50%;transform:translate(-50%)}.a-term{background:var(--code-bg);color:var(--code-fg);border:.15cqw solid var(--code-rule);border-radius:1.6cqw;font-family:ui-monospace,SF Mono,Menlo,monospace;position:absolute;overflow:hidden;box-shadow:0 2.6cqw 5.5cqw -2.8cqw #17161a61}.a-menu{background:color-mix(in srgb, var(--card) 92%, transparent);box-shadow:0 0 0 .12cqw var(--paper-edge), 0 2cqw 4cqw -1.6cqw #17161a66;-webkit-backdrop-filter:blur(1.4cqw);backdrop-filter:blur(1.4cqw);border-radius:1.2cqw;padding:.6cqw;font-size:1.6cqw;position:absolute}.a-menu div{white-space:nowrap;border-radius:.7cqw;justify-content:space-between;align-items:center;gap:2cqw;height:3.1cqw;padding:0 1.2cqw;display:flex}.a-menu div.on{background:var(--accent);color:#fff}.a-menu hr{border:0;border-top:.12cqw solid var(--rule);margin:.5cqw 1cqw}.a-chip{border:.13cqw solid color-mix(in srgb, var(--ink) 70%, transparent);height:2.8cqw;color:var(--ink);white-space:nowrap;background:0 0;border-radius:99cqw;align-items:center;gap:.5cqw;padding:0 1.1cqw;font-size:1.4cqw;font-weight:500;display:inline-flex}.a-chip.on{background:var(--accent);color:#fff;border-color:#0000}.a-chip.ghost{border-style:dashed;border-color:var(--tint-line);background:var(--tint);color:var(--link)}.a-line{background:var(--skel);border-radius:1cqw;height:1cqw;display:block}.a-sel{background:var(--sel);box-shadow:0 0 0 .4cqw var(--sel);color:var(--ink);border-radius:.3cqw}.a-key{background:linear-gradient(180deg, var(--cap-top), var(--cap-bot));box-shadow:inset 0 .15cqw 0 #fffc, 0 0 0 .15cqw var(--paper-edge), 0 .7cqw 0 var(--cap-side), 0 2.2cqw 3cqw -1.6cqw #17161a66;color:var(--cap-ink);border-radius:1.8cqw;justify-content:center;align-items:center;padding:1.2cqw 1.4cqw;font-weight:500;line-height:1;display:flex;position:absolute}.a-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.a-appicon{color:#fff;background:#171717;border-radius:22%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 .12cqw #ffffff14,0 .6cqw 1.4cqw -.6cqw #00000073}[data-theme=dark] .a-appicon{color:#171717;background:#f4f3ef;box-shadow:inset 0 0 0 .12cqw #0000000f,0 .6cqw 1.4cqw -.6cqw #0009}.a-toast{background:var(--paper);box-shadow:0 0 0 .12cqw var(--paper-edge), 0 2cqw 4cqw -1.6cqw #17161a66;border-radius:1.6cqw;align-items:center;gap:1.2cqw;padding:1.2cqw 1.8cqw 1.2cqw 1.2cqw;display:flex;position:absolute}.a-check{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.4cqw;height:3.4cqw;display:flex}.a-dash{border:.25cqw dashed var(--soft);border-radius:50%;position:absolute}.a-shadowless{box-shadow:none}.art-stack{aspect-ratio:17/14;border:1px solid var(--rule);background:var(--well);isolation:isolate;border-radius:12px;flex:1 0 auto;position:relative;overflow:hidden}.art-layer{opacity:0;visibility:hidden;transition:opacity .26s,transform .42s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s;position:absolute;inset:0;transform:scale(1.012)}.art-layer[data-on]{opacity:1;visibility:visible;transition:opacity .26s,transform .42s cubic-bezier(.2,.8,.2,1),visibility;transform:none}.art-layer>.art{border-radius:0;height:100%}@media (prefers-reduced-motion:reduce){.art-layer,.art-layer[data-on]{transition:none;transform:none}}.art-frame{background:radial-gradient(120% 80% at 50% -8%, color-mix(in srgb, var(--card) 85%, transparent), transparent 72%), var(--well);align-items:stretch;display:flex}.art-frame>.art{aspect-ratio:auto;background:0 0}@property --so-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.so-root{--so-bg:oklch(92% .03 300);--so-c1:oklch(68% .21 350);--so-c2:oklch(70% .18 210);--so-c3:oklch(66% .2 285);--so-c4:oklch(72% .19 325);--so-blur:clamp(1px, calc(var(--orb-size) * .05), 4px);--so-dot:max(.1px, calc(var(--orb-size) * .008));--so-shadow:max(.5px, calc(var(--orb-size) * .008));--so-rim:max(1.5px, calc(var(--orb-size) * .06));flex-shrink:0;display:block;position:relative}.so-bloom{background:radial-gradient(circle at 50% 50%, var(--so-c2) 0%, transparent 64%);filter:blur(calc(var(--orb-size) * .28));opacity:.5;border-radius:50%;position:absolute;inset:-12%}.so-orb{isolation:isolate;border-radius:50%;grid-template-areas:"stack";width:100%;height:100%;display:grid;position:relative;overflow:hidden}.so-orb:before,.so-orb:after,.so-orb>.so-layer{content:"";border-radius:50%;grid-area:stack;width:100%;height:100%;display:block}.so-sheen{mix-blend-mode:screen;background:radial-gradient(circle at 30% 24%,#ffffff52,#0000 34%),radial-gradient(circle at 72% 80%,#ffffff12,#0000 48%);animation:12s ease-in-out infinite alternate so-drift}.so-rim{box-shadow:inset 0 0 0 1px #ffffff29, inset 0 var(--so-rim) calc(var(--so-rim) * 2) #ffffff38, inset 0 calc(var(--so-rim) * -1.2) calc(var(--so-rim) * 2.4) #0006;pointer-events:none}@keyframes so-drift{0%{transform:translate(-6%,-4%)scale(1.05)}to{transform:translate(7%,6%)scale(1.12)}}.so-orb:before{background:conic-gradient(from calc(var(--so-angle) * 2) at 25% 70%, var(--so-c3), transparent 20% 80%, var(--so-c3)), conic-gradient(from calc(var(--so-angle) * 2) at 45% 75%, var(--so-c2), transparent 30% 60%, var(--so-c2)), conic-gradient(from calc(var(--so-angle) * -3) at 80% 20%, var(--so-c1), transparent 40% 60%, var(--so-c1)), conic-gradient(from calc(var(--so-angle) * 1.5) at 60% 35%, var(--so-c4), transparent 25% 75%, var(--so-c4)), conic-gradient(from calc(var(--so-angle) * 2) at 15% 5%, var(--so-c2), transparent 10% 90%, var(--so-c2)), conic-gradient(from calc(var(--so-angle) * 1) at 20% 80%, var(--so-c1), transparent 10% 90%, var(--so-c1)), conic-gradient(from calc(var(--so-angle) * -2) at 85% 10%, var(--so-c3), transparent 20% 80%, var(--so-c3));box-shadow:inset var(--so-bg) 0 0 var(--so-shadow) calc(var(--so-shadow) * .2);filter:blur(var(--so-blur)) contrast(1.5) saturate(1.4);animation:20s linear infinite so-rotate}.so-orb:after{background-image:radial-gradient(circle at center, var(--so-bg) var(--so-dot), transparent var(--so-dot));background-size:calc(var(--so-dot) * 2) calc(var(--so-dot) * 2);-webkit-backdrop-filter:blur(calc(var(--so-blur) * 2)) contrast(3);backdrop-filter:blur(calc(var(--so-blur) * 2)) contrast(3);mix-blend-mode:overlay;-webkit-mask-image:radial-gradient(#000 15%,#0000 75%);mask-image:radial-gradient(#000 15%,#0000 75%)}@keyframes so-rotate{to{--so-angle:360deg}}@media (prefers-reduced-motion:reduce){.so-orb:before,.so-sheen{animation:none}}