*,:before,:after{box-sizing:border-box}body{margin:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:oklch(97% .006 175);--bg-raised:oklch(93.5% .008 175);--ink:oklch(25% .012 175);--ink-muted:oklch(50% .015 175);--line:oklch(88% .01 175);--accent:oklch(48% .09 175);--on-accent:oklch(97% .008 175);--ok:oklch(52% .11 155);--warn:oklch(55% .11 75);--danger:oklch(50% .15 25)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:oklch(22% .01 175);--bg-raised:oklch(26.5% .012 175);--ink:oklch(92% .008 175);--ink-muted:oklch(67% .012 175);--line:oklch(33% .012 175);--accent:oklch(75% .1 175);--on-accent:oklch(20% .02 175);--ok:oklch(74% .12 155);--warn:oklch(79% .11 80);--danger:oklch(71% .14 25)}}body{background:var(--bg);color:var(--ink);font:1rem/1.5 system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:42rem;margin:0 auto;padding:1rem}h1,h2,h3,p{margin:0}button{font:inherit}.btn{cursor:pointer;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:background-color .2s ease-out,border-color .2s ease-out;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-quiet{border-color:var(--line)}.btn-quiet:hover:not(:disabled){background:var(--bg-raised)}.btn:disabled{opacity:.55;cursor:default}.btn:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text],input[type=password],input[type=email],input[type=url]{font:inherit;border:1px solid var(--line);background:var(--bg-raised);width:100%;color:var(--ink);border-radius:6px;padding:.5rem .75rem}input.mono{font-family:ui-monospace,SF Mono,Cascadia Mono,monospace;font-size:.9375em}input[aria-invalid=true]{border-color:var(--danger)}.mono{font-family:ui-monospace,SF Mono,Cascadia Mono,monospace;font-size:.9375em}.small{font-size:.833rem}.muted{color:var(--ink-muted)}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}.chip{background:var(--bg-raised);overflow-wrap:anywhere;border-radius:4px;padding:.1em .4em;font-family:ui-monospace,SF Mono,Cascadia Mono,monospace;font-size:.833rem}.progress-track{background:var(--bg-raised);border-radius:999px;width:100%;height:.5rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s ease-out}.progress-fill.indeterminate{width:30%;animation:1.6s ease-in-out infinite indeterminate}@media (prefers-reduced-motion:no-preference){.progress-fill.active{background-image:linear-gradient(-45deg, color-mix(in oklab, var(--on-accent) 16%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in oklab, var(--on-accent) 16%, transparent) 50%, color-mix(in oklab, var(--on-accent) 16%, transparent) 75%, transparent 75%);background-size:1rem 1rem;animation:1.8s linear infinite march}}@keyframes march{to{background-position-x:1rem}}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(430%)}}.dot{border-radius:50%;flex:none;width:.5rem;height:.5rem;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.danger{background:var(--danger)}.tone-ok{color:var(--ok)}.tone-warn{color:var(--warn)}.tone-danger{color:var(--danger)}.hairline{border:0;border-top:1px solid var(--line);margin:0}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}.progress-fill.indeterminate{opacity:.4;width:100%;animation:none}}