:root{--bg:#fff;--fg:#1d1d1f;--muted:#86868b;--line:#0000001a;--fill:#7878801f;--blue:#0071e3;--red:#ff3b30;--green:#30a14e;--glass:#ffffffb8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--fg:#f5f5f7;--line:#ffffff24;--fill:#7878803d;--blue:#2997ff;--green:#32d74b;--glass:#000000b8}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:17px/1.47 system-ui,-apple-system,SF Pro Text,sans-serif}h1{letter-spacing:-.03em;margin:0 0 2rem;font-size:2.5rem;font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}nav{z-index:10;background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--line);align-items:center;gap:1.75rem;height:3rem;padding:0 max(1.5rem,50vw - 360px);font-size:.8125rem;display:flex;position:sticky;top:0}nav a,nav button{color:var(--muted);transition:color .15s}nav a:hover,nav a.active,nav button:hover{color:var(--fg)}nav .spacer{flex:1}nav button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}main{max-width:720px;margin:0 auto;padding:4rem 1.5rem 6rem}main.narrow{max-width:420px;padding-top:18vh}.row{border-bottom:1px solid var(--line);justify-content:space-between;padding:.9rem 0;display:flex}.row span:first-child{color:var(--muted)}.big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0 0 2rem;font-size:3.5rem;font-weight:700;line-height:1.05}.muted{color:var(--muted)}.stack>*+*{margin-top:1rem}input,select{width:100%;font:inherit;color:var(--fg);background:var(--fill);border:2px solid #0000;border-radius:12px;outline:none;padding:.85rem 1rem;transition:border-color .15s}input:focus,select:focus{border-color:var(--blue)}button.primary,button.secondary{width:100%;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:.85rem 1rem;font-weight:500;transition:transform .1s ease-out,opacity .15s}button.primary{background:var(--blue);color:#fff}button.secondary{background:var(--fill);color:var(--fg)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.35;cursor:default}.buttons{gap:.75rem;display:flex}.segmented{background:var(--fill);border-radius:10px;padding:3px;display:flex}.segmented button{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:.5rem;font-size:.9375rem;transition:background .2s,box-shadow .2s}.segmented button.on{background:var(--bg);box-shadow:0 1px 4px #0003}.flag{word-break:break-all;color:var(--green);margin-top:2rem;font:600 1.25rem ui-monospace,monospace}.toasts{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--line);border-radius:14px;padding:.7rem 1.25rem;font-size:.9375rem;animation:.3s cubic-bezier(.2,.9,.3,1) rise;box-shadow:0 8px 30px #0000002e}.toast.success{color:var(--green)}.toast.destructive{color:var(--red)}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.96)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}button,input,select{transition:none}}@media (prefers-reduced-transparency:reduce){nav,.toast{background:var(--bg);-webkit-backdrop-filter:none}}