.app[data-v-e72a5649]{--gutter-cut:.4;max-width:calc(760px + (100vw - 760px) * var(--gutter-cut));margin:0 auto;padding:40px 12px 64px}.hero[data-v-e72a5649]{text-align:center;margin-bottom:28px}.brand[data-v-e72a5649]{letter-spacing:-.03em;color:var(--accent);margin:0;font-size:clamp(2rem,6vw,2.75rem);font-weight:800;display:inline-block}.tagline[data-v-e72a5649]{max-width:34em;color:var(--muted);margin:8px auto 0;font-size:1.05rem}.panes[data-v-e72a5649]{--pane-gap:0px;--bar-overlap:17px;--pane-bottom-pad:12px;gap:var(--pane-gap);grid-template-rows:1fr auto 1fr;display:grid}.panes.flipped .bar[data-v-e72a5649]{order:2}.panes.flipped .raw[data-v-e72a5649]{order:3}.panes.flipped .delim[data-v-e72a5649]{order:1}.layout-btn[data-v-e72a5649],.swap-h[data-v-e72a5649]{display:none}@media (width>=800px){.layout-btn[data-v-e72a5649]{display:inline-block}.panes.side .swap-v[data-v-e72a5649]{display:none}.panes.side .swap-h[data-v-e72a5649]{display:inline}.app.side[data-v-e72a5649]{max-width:min(1400px,100vw)}.panes.side[data-v-e72a5649]{--bar-overlap:0px;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;column-gap:0}.panes.side .bar[data-v-e72a5649]{grid-area:1/1/auto/-1;margin-bottom:14px}.panes.side .raw[data-v-e72a5649]{grid-area:2/1}.panes.side .delim[data-v-e72a5649]{grid-area:2/2}.panes.side.flipped .raw[data-v-e72a5649]{grid-column:2}.panes.side.flipped .delim[data-v-e72a5649]{grid-column:1}}.card[data-v-e72a5649]{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.raw[data-v-e72a5649]{--pane:var(--accent)}.delim[data-v-e72a5649]{--pane:var(--accent-2)}.card-head[data-v-e72a5649]{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 20px;display:flex}.card-head h2[data-v-e72a5649]{letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.card-head h2[data-v-e72a5649]:before{content:"";background:var(--pane,var(--accent));border-radius:2px;width:4px;height:1.1em}.count[data-v-e72a5649]{background:color-mix(in srgb, var(--pane,var(--accent)) 16%, transparent);color:var(--pane,var(--accent));border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600}.push[data-v-e72a5649]{margin-left:auto}.box[data-v-e72a5649]{box-sizing:border-box;border:1px solid var(--border);background:var(--field);width:calc(100% - 40px);min-height:120px;color:var(--text);font-family:var(--font-mono);resize:vertical;overflow-wrap:break-word;border-radius:10px;flex:auto;margin:16px 20px 0;padding:12px 14px;font-size:.85rem;line-height:1.6;display:block}.box[data-v-e72a5649]::placeholder{color:var(--muted);opacity:.7}.box[data-v-e72a5649]:focus,.field input[data-v-e72a5649]:focus{border-color:var(--pane);box-shadow:0 0 0 3px color-mix(in srgb, var(--pane) 25%, transparent);outline:none}.options[data-v-e72a5649]{padding:14px 20px calc(var(--bar-overlap) + var(--pane-bottom-pad));flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.opt-label[data-v-e72a5649]{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:600}.opt-row[data-v-e72a5649]{flex-basis:100%}.opt-row[data-v-e72a5649]:not(:first-child){margin-top:6px}.chips[data-v-e72a5649]{flex-wrap:wrap;gap:8px;display:flex}.chip[data-v-e72a5649]{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.chip[data-v-e72a5649]:hover{border-color:var(--pane)}.chip.active[data-v-e72a5649]{border-color:var(--pane);background:color-mix(in srgb, var(--pane) 18%, transparent);color:var(--pane);font-weight:600}.chip.term[data-v-e72a5649]{color:var(--term);font-family:var(--font-mono);font-size:.85rem}.chip.term.active[data-v-e72a5649]{color:var(--term);text-shadow:0 0 8px color-mix(in srgb, var(--term) 55%, transparent)}.field[data-v-e72a5649]{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.field input[data-v-e72a5649]{box-sizing:content-box;border:1px solid var(--border);background:var(--field);color:var(--text);font-family:var(--font-mono);text-align:center;border-radius:8px;padding:4px 8px;font-size:.85rem}.bar[data-v-e72a5649]{z-index:1;margin-block:calc(var(--bar-overlap) * -1);justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.btn[data-v-e72a5649]{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--shadow);border-radius:999px;padding:8px 18px;font-weight:600;transition:border-color .15s,transform .1s}.btn[data-v-e72a5649]:hover:not(:disabled){border-color:var(--accent)}.btn[data-v-e72a5649]:active:not(:disabled){transform:translateY(1px)}.btn[data-v-e72a5649]:disabled{opacity:.45;cursor:default}.bar .btn[data-v-e72a5649]{box-shadow:var(--float)}.btn.small[data-v-e72a5649]{box-shadow:none;padding:4px 14px;font-size:.85rem}.btn.done[data-v-e72a5649]{border-color:var(--success);color:var(--success)}.btn.round[data-v-e72a5649]{padding:8px 10px;line-height:1}.btn[data-v-e72a5649]:focus-visible,.chip[data-v-e72a5649]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about[data-v-e72a5649],.faq[data-v-e72a5649]{--prose-cut:.75;--prose-w:min(calc(760px + (100vw - 760px) * var(--prose-cut)), calc(100vw - 24px));width:var(--prose-w);margin-left:calc((100% - var(--prose-w)) / 2);box-shadow:none;background:0 0;border:0}.about .card-head[data-v-e72a5649],.faq .card-head[data-v-e72a5649]{border-bottom:0}.about .card-head h2[data-v-e72a5649],.faq .card-head h2[data-v-e72a5649]{color:var(--heading)}.about .card-head h2[data-v-e72a5649]:before,.faq .card-head h2[data-v-e72a5649]:before{display:none}.about[data-v-e72a5649]{margin-top:32px}.faq[data-v-e72a5649]{margin-top:16px}.prose[data-v-e72a5649]{color:var(--muted);padding:16px 20px 20px;line-height:1.7}.prose p[data-v-e72a5649],.qa p[data-v-e72a5649]{margin:0 0 12px}.prose p[data-v-e72a5649]:last-child{margin-bottom:0}.prose strong[data-v-e72a5649]{color:var(--text)}a[data-v-e72a5649]{color:var(--accent);font-weight:600}.qa[data-v-e72a5649]{padding:0 20px}.qa summary[data-v-e72a5649]{cursor:pointer;padding:14px 0;font-weight:600}.qa summary[data-v-e72a5649]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qa p[data-v-e72a5649],.qa ul[data-v-e72a5649]{color:var(--muted);margin:0 0 12px;line-height:1.7}.qa ul[data-v-e72a5649]{padding-left:20px}.qa li[data-v-e72a5649]{margin-bottom:8px}.qa[data-v-e72a5649]>:last-child{margin-bottom:0;padding-bottom:16px}@media (width<=600px){.app[data-v-e72a5649]{padding:20px 0 40px}.hero[data-v-e72a5649]{padding:0 16px}.card[data-v-e72a5649]{border-left:0;border-right:0;border-radius:0}.about[data-v-e72a5649],.faq[data-v-e72a5649]{width:auto;margin-left:0}.card-head[data-v-e72a5649],.options[data-v-e72a5649],.prose[data-v-e72a5649],.qa[data-v-e72a5649]{padding-left:12px;padding-right:12px}.box[data-v-e72a5649]{width:calc(100% - 24px);margin-left:12px;margin-right:12px}}:root{--font-sans:system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Code", "Cascadia Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1016;--surface:#161a23;--field:#0f121a;--border:#262c3b;--text:#e8eaf1;--muted:#98a2b8;--accent:#7dd3fc;--accent-2:#c4b5fd;--success:#34d399;--term:#2bcf68;--heading:var(--accent);--shadow:0 1px 2px #0006, 0 8px 24px #0003;--float:-2px 2px 8px #ffffff0f, -2px 2px 2px #ffffff0a}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5fa;--surface:#fff;--field:#f8f9fc;--border:#e1e4ee;--text:#151826;--muted:#5a6479;--accent:#0369a1;--accent-2:#6d28d9;--success:#059669;--term:#15803d;--shadow:0 1px 2px #1418280f, 0 8px 24px #1418280f;--float:-2px 5px 8px #14182814, -2px 3px 2px #14182812}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}
