:root{--ink:#131217;--feather:#211f27;--bone:#efe9dd;--mist:#8b8794;--sheen:#7a6cff}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bone);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}.mono{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:.8125rem;letter-spacing:.01em}main.shell{max-width:40rem;margin:0 auto;padding:4.5rem 1.5rem 5rem}.eyebrow{color:var(--mist);text-transform:uppercase;letter-spacing:.22em;font-size:.6875rem}h1.wordmark{font-size:clamp(3.25rem,12vw,5.5rem);line-height:.95;letter-spacing:-.04em;font-weight:700;margin:.5rem 0 .75rem}.tagline{font-size:1.0625rem;max-width:28rem;margin:0 0 2.75rem}.tagline b{font-weight:650}.chirp{display:block;margin:0 0 2.75rem}.chirp rect{fill:var(--sheen);transform-origin:center}@media (prefers-reduced-motion:no-preference){.chirp rect{animation:breathe 3.2s ease-in-out infinite}}@keyframes breathe{0%,to{opacity:.85}50%{opacity:1}}ul.status{list-style:none;margin:0;padding:1.25rem 0 0;border-top:1px solid rgba(19,18,23,.14)}ul.status li{display:flex;gap:.75rem;padding:.45rem 0;color:var(--feather)}ul.status .state{min-width:5.5rem;color:var(--mist)}ul.status .state.done{color:var(--ink);font-weight:600}footer.colophon{margin-top:3.5rem;color:var(--mist);font-size:.8125rem}footer.colophon a{color:inherit;text-underline-offset:3px}:focus-visible{outline:2px solid var(--sheen);outline-offset:3px;border-radius:2px}.shell.narrow{max-width:26rem}.pagetitle{font-size:clamp(2rem,8vw,3rem);letter-spacing:-.03em;line-height:1.05;margin:.4rem 0 .6rem}.subline{color:var(--mist);margin:0 0 1.5rem}.panel{border-top:1px solid rgba(19,18,23,.14);padding:1.25rem 0 1.75rem}.panel h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--mist);margin:0 0 .9rem}.stack{display:flex;flex-direction:column;gap:.5rem;max-width:26rem}.stack label{color:var(--mist);font-size:.75rem;margin-top:.4rem}input,select{padding:.6rem .75rem;border:1px solid rgba(19,18,23,.25);background:#fff}.btn,input,select{font:inherit;border-radius:8px;color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border:1px solid var(--ink);background:transparent;text-decoration:none;cursor:pointer;width:-moz-fit-content;width:fit-content}.btn.primary{background:var(--ink);color:var(--bone)}.btn.small{padding:.3rem .6rem;font-size:.8125rem}.btn.wide{width:100%;justify-content:flex-start}.btn:hover{border-color:var(--sheen)}.rows{list-style:none;margin:0 0 1rem;padding:0}.rows li{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px dashed rgba(19,18,23,.12)}.grow,.rows .grow{flex:1 1;min-width:0;overflow-wrap:anywhere}.rows .dim{text-decoration:line-through}.kind,.rows .dim{color:var(--mist)}.kind{min-width:4.5rem}.row3{display:grid;grid-template-columns:8rem 1fr 1.4fr;grid-gap:.5rem;gap:.5rem}@media (max-width:480px){.row3{grid-template-columns:1fr}}.note{color:var(--feather);font-size:.875rem;margin:.75rem 0 0}.note.ok{color:#2f7a4f}.note.err{color:#b3402a}.note-inline{font-size:.75rem;color:var(--mist)}.note-inline.done{color:#2f7a4f}.note-inline.error,.note-inline.unsupported{color:#b3402a}.signout{margin-top:2.5rem}.card .actions{display:flex;gap:.6rem;margin:1.25rem 0 1.75rem}.linklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.theme-bg{min-height:100vh;background:var(--card-bg);color:var(--card-ink);font-family:var(--card-font)}.theme-bg .eyebrow,.theme-bg .kind,.theme-bg .note,.theme-bg .subline{color:var(--card-muted)}.theme-bg .btn{color:var(--card-ink);border-color:var(--card-ink);background:transparent}.theme-bg .btn.primary{background:var(--card-btn-bg);color:var(--card-btn-ink);border-color:var(--card-btn-bg)}.theme-bg .btn:hover{border-color:var(--card-accent)}.theme-bg :focus-visible{outline-color:var(--card-accent)}.theme-bg a{color:inherit}.hero-ctas{display:flex;gap:.6rem;margin:0 0 3rem}.capgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem 1.75rem;gap:2rem 1.75rem;margin-top:.5rem}figure.cap{margin:0}figure.cap svg{display:block;width:100%;max-width:240px;height:auto;margin:0 auto}figure.cap figcaption h3{font-size:1.125rem;letter-spacing:-.01em;margin:1rem 0 .35rem;display:flex;align-items:center;gap:.5rem}figure.cap figcaption p{margin:0;color:var(--feather);font-size:.9rem;line-height:1.55}.chip{font-size:.625rem;text-transform:uppercase;letter-spacing:.14em;padding:.2rem .5rem;border-radius:999px;border:1px solid;font-weight:500}.chip.live{color:#2f7a4f}.chip.build{color:var(--mist)}@media (prefers-reduced-motion:no-preference){figure.cap .arc{animation:breathe 3.2s ease-in-out infinite}}.qrbox{margin-top:1.5rem}.qrbox summary{cursor:pointer;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--card-muted,var(--mist))}.qr{margin-top:.9rem;display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff;border-radius:12px;padding:.9rem}.qr-svg{width:min(220px,60vw)}.qr-svg svg{display:block;width:100%;height:auto}.qr-caption{color:#131217;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}.signout{display:flex;gap:.6rem;align-items:center}.stats{display:flex;align-items:flex-end;gap:2rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column}.statnum{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1}.statlabel{color:var(--mist);font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em;margin-top:.35rem}.daybars{display:flex;align-items:flex-end;gap:4px;height:44px;margin-left:auto}.daybar{width:8px;background:var(--sheen);border-radius:4px;display:inline-block}.xchg-block{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.btn.big{padding:1rem 1.5rem;font-size:1.0625rem;border-radius:12px}.btn.listening{border-color:var(--sheen);color:var(--sheen)}@media (prefers-reduced-motion:no-preference){.btn.listening{animation:breathe 2.4s ease-in-out infinite}}.proto{display:flex;gap:1.25rem;font-size:.8125rem;color:var(--feather)}.proto input{accent-color:var(--sheen)}.qrfall{margin-top:1.5rem}.qrfall-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mist);margin:0 0 .5rem}