:root{--amber: #f5b324;--orange: #e8701a;--violet: #6f5cf6;--blurple: #5865f2;--ink: #111113;--text: #f4f3f8;--text-dim: rgba(244, 243, 248, .72);--text-faint: rgba(244, 243, 248, .6);--focus: #ffd27a;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{height:100vh;height:100dvh;background:var(--ink);color:var(--text);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.bg{position:fixed;inset:0;overflow:hidden;z-index:0;background:var(--ink)}.bg-fallback{position:absolute;inset:-10%;background:radial-gradient(34% 40% at 22% 26%,rgba(239,171,44,.34),transparent 70%),radial-gradient(30% 36% at 80% 72%,rgba(226,112,31,.26),transparent 70%),radial-gradient(24% 30% at 66% 20%,rgba(255,217,138,.16),transparent 70%);filter:blur(40px);transition:opacity 1.6s var(--ease-out)}.bg:has(.bg-shader.is-ready) .bg-fallback{opacity:0}.bg-shader{position:absolute;inset:0;width:100%;height:100%;display:block;filter:blur(10px);opacity:0;transition:opacity 1.6s var(--ease-out)}.bg-shader.is-ready{opacity:1}.bg:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.stage{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.hero{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vh,24px);text-shadow:0 1px 12px rgba(0,0,0,.35);animation:hero-in .9s var(--ease-out) both}@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}h1{margin:0;max-width:100%;font-size:clamp(16px,4.6vw,26px);line-height:1.2;font-weight:650;letter-spacing:-.015em;text-align:center}.brand a{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;min-height:44px;padding:0 6px;border-radius:10px;color:var(--text);text-decoration:none}.brand-owner{color:var(--text-faint);font-weight:500;transition:color .2s ease}.brand-repo{background-image:linear-gradient(var(--amber),var(--amber));background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s var(--ease-out)}.brand a:hover .brand-owner{color:var(--text-dim)}.brand a:hover .brand-repo,.brand a:focus-visible .brand-repo{background-size:100% 2px}.tabs{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:14px;background:#00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.tab{position:relative;z-index:1;min-height:44px;min-width:44px;padding:0 18px;border:0;border-radius:10px;background:transparent;color:var(--text-faint);font:550 14px/1 var(--sans);white-space:nowrap;cursor:pointer;transition:color .25s var(--ease-out);-webkit-tap-highlight-color:transparent}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab-pill{position:absolute;z-index:0;top:4px;bottom:4px;left:0;border-radius:10px;background:#ffffff21;box-shadow:0 1px #ffffff1f inset,0 4px 14px #00000040;transform:translate(var(--pill-x, 4px));width:var(--pill-w, 0);transition:transform .45s var(--ease-out),width .45s var(--ease-out)}.tabs:not(.is-ready) .tab-pill{transition:none}.panel{display:flex;flex-direction:column;align-items:center;max-width:100%}.cmd{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:60px;padding:8px 8px 8px 16px;border-radius:14px;background:#06060e9e;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 2px #0000004d inset,0 20px 50px -20px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-shadow:none}.cmd.is-resizing{overflow:hidden;transition:width .45s var(--ease-out)}.cmd-prompt{font:500 15px/1 var(--mono);color:var(--amber);user-select:none}.cmd-text{flex:1 1 auto;min-width:0;font:500 15px/1.45 var(--mono);color:#fff;white-space:nowrap;overflow-x:auto;scrollbar-width:none;user-select:all;transition:opacity .3s .08s ease,transform .3s .08s var(--ease-out)}.cmd-text.is-swapping{opacity:0;transform:translateY(3px);transition-duration:.14s;transition-delay:0s}.copy{flex:none;position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:var(--text);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s var(--ease-out);-webkit-tap-highlight-color:transparent}.copy:hover{background:#ffffff21}.copy:active{transform:scale(.94)}.copy svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.icon-copy{transform-origin:12px 12px;transition:opacity .2s ease,transform .3s var(--ease-out)}.icon-check{stroke:#7ef0a8;stroke-width:2.2;stroke-dasharray:20;stroke-dashoffset:20;opacity:0;transition:stroke-dashoffset .15s ease,opacity .15s ease}.copy.is-copied{background:#7ef0a824;border-color:#7ef0a866;animation:copy-pop .45s var(--ease-spring)}.copy.is-copied .icon-copy{opacity:0;transform:scale(.6) rotate(-8deg)}.copy.is-copied .icon-check{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .4s .08s var(--ease-out),opacity .1s .08s ease}@keyframes copy-pop{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.hint{margin:10px 0 0;font-size:13.5px;color:var(--text-faint)}.hint code{font:500 12.5px var(--mono);color:var(--text-dim)}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px;margin:-8px 0 -12px}.links a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border-radius:10px;color:#ffffffe0;font-size:13.5px;text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 14px rgba(0,0,0,.35);text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.links a:hover{color:var(--text);text-decoration-color:var(--amber)}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:420px){.tab{padding:0 14px}.cmd{padding-left:12px;gap:8px}.cmd-prompt{display:none}}@media(max-height:420px){.hero{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}