:root{--bg: #ffffff;--surface: #f3f5f8;--text: #0f1720;--text-muted: #4a5563;--brand: #0b6bcb;--brand-contrast: #ffffff;--ok: #0f8a3c;--ok-contrast: #ffffff;--warn: #b45309;--danger: #c0262d;--border: #d5dbe3;--radius: 16px;--tap: 48px;--cta: 64px;--gutter: 16px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0d1117;--surface: #161b22;--text: #f0f3f6;--text-muted: #9aa5b1;--brand: #4c9cf0;--brand-contrast: #06121f;--ok: #3fbf6b;--ok-contrast: #04140a;--warn: #e3a008;--danger: #f2626a;--border: #2d3540}}@media(prefers-contrast:more){:root{--text-muted: var(--text);--border: var(--text)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-block-size:100dvh;background:var(--bg);color:var(--text);font:400 20px/1.4 var(--font)}.page{overflow-x:clip;min-block-size:100dvh;padding-block:max(var(--gutter),env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-bottom));padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right));max-inline-size:640px;margin-inline:auto}h1,h2,h3{line-height:1.2;margin-block:0 .5em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.brand{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:20px;color:var(--brand)}.dock{position:sticky;inset-block-end:0;z-index:4;margin-inline:calc(-1 * var(--gutter));padding:10px var(--gutter) max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 14px)}.dock.solid{padding-block-start:8px;background:var(--bg);box-shadow:0 -1px 0 var(--border),0 -8px 16px -12px #00000040}.attn{position:relative;--attn-glow: color-mix(in srgb, var(--attn, var(--brand)) 50%, transparent);animation:attn-pulse 2.6s var(--attn-delay, 1s) infinite}.attn:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgb(255 255 255 / .32) 50%,transparent 62%) 100% 0 / 300% 100% no-repeat;animation:attn-shine 2.6s var(--attn-delay, 1s) infinite}.enter{animation:attn-in .45s .1s cubic-bezier(.2,.8,.2,1) both}.attn.enter{animation:attn-in .45s .1s cubic-bezier(.2,.8,.2,1) both,attn-pulse 2.6s var(--attn-delay, 1s) infinite}.attn.once,.attn.once:after{animation-iteration-count:2}.attn.enter.once{animation-iteration-count:1,2}@keyframes attn-in{0%{opacity:0;translate:0 12px}}@keyframes attn-pulse{0%{box-shadow:var(--lift, 0 0 #0000),0 0 0 0 var(--attn-glow);scale:1}10%{scale:1.025}22%{scale:1}70%,to{box-shadow:var(--lift, 0 0 #0000),0 0 0 14px transparent;scale:1}}@keyframes attn-shine{0%{background-position:100% 0}45%,to{background-position:0 0}}@keyframes rise{0%{opacity:0;translate:0 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.attn,.attn.enter,.attn:after,.enter{animation:none}.attn{outline:4px solid var(--attn-glow)}}.dev.svelte-xk6kwu{display:flex;justify-content:center;padding:24px var(--gutter) 32px}button.svelte-xk6kwu{min-block-size:var(--tap);padding:0 16px;border:1px dashed var(--warn);border-radius:999px;background:none;color:var(--warn);font:inherit;font-size:14px;font-weight:600;cursor:pointer}