:root{--ink:#111;--accent:#296352;--accent-hover:#1f4d40;--accent-subtle:#e6efec;--canvas:#f5f1ec;--surface:#fff;--surface-lifted:#fafafa;--border:#d3cec6;--muted:#66625d;--node-1:#c88a35;--node-2:#4a6984;--node-3:#b85b43;--node-4:#5a8264;--node-5:#7e5a7e;--diff-add-bg:#e8f5e9;--diff-add-text:#1b5e20;--diff-remove-bg:#ffebee;--diff-remove-text:#b71c1c;--text-primary:var(--ink);--text-secondary:var(--muted);--text-inverse:#fff;--r-sm:6px;--r-md:10px;--r-lg:16px;--e-out:cubic-bezier(.16, 1, .3, 1);--e-inout:cubic-bezier(.65, 0, .35, 1);--d-fast:.18s;--d-base:.26s;--d-slow:.42s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--ink:#f5f1ec;--accent:#3d8b75;--accent-hover:#2d6b5a;--accent-subtle:#1a2e28;--canvas:#0d0f0e;--surface:#161918;--surface-lifted:#212523;--border:#2a2e2c;--muted:#a09b93;--node-1:#e5a850;--node-2:#6b8ea8;--node-3:#d4775f;--node-4:#78a383;--node-5:#9e7a9e;--diff-add-bg:#132e1b;--diff-add-text:#81c784;--diff-remove-bg:#3e1a1d;--diff-remove-text:#e57373;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#f5f1ec;--accent:#3d8b75;--accent-hover:#2d6b5a;--accent-subtle:#1a2e28;--canvas:#0d0f0e;--surface:#161918;--surface-lifted:#212523;--border:#2a2e2c;--muted:#a09b93;--node-1:#e5a850;--node-2:#6b8ea8;--node-3:#d4775f;--node-4:#78a383;--node-5:#9e7a9e;--diff-add-bg:#132e1b;--diff-add-text:#81c784;--diff-remove-bg:#3e1a1d;--diff-remove-text:#e57373;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;line-height:1.55}button,input{color:inherit;font-family:inherit}.mono{font-family:IBM Plex Mono,JetBrains Mono,monospace}.label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-family:IBM Plex Sans Condensed,IBM Plex Sans,sans-serif;font-size:13px;font-weight:600}.hero-num{font-variant-numeric:tabular-nums;font-family:Archivo,IBM Plex Sans,sans-serif;font-weight:700}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen{z-index:1;max-width:1080px;min-height:100vh;margin:0 auto;padding:clamp(24px,5vw,48px) clamp(14px,3.5vw,24px) 120px;position:relative}.top-floating-controls{z-index:50;align-items:center;gap:8px;display:flex;position:fixed;top:56px;right:24px}@media (width<=640px){.top-floating-controls{gap:6px;top:48px;right:12px}.top-floating-controls .btn-portability-text{display:none}.card{padding:16px}.btn,.input-field{height:50px;font-size:16px}}.watermark-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.watermark-bg__row{white-space:nowrap;transform-origin:0 0;display:flex;transform:rotate(-8deg)}.watermark-bg__text{letter-spacing:.06em;color:var(--muted);opacity:.1;white-space:nowrap;padding:18px 28px;font-family:JetBrains Mono,monospace;font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:24px}.btn{border-radius:var(--r-sm);cursor:pointer;width:100%;height:56px;transition:filter var(--d-fast) var(--e-out), transform var(--d-fast);border:none;font-size:18px;font-weight:600}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--ink);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--accent-subtle)}.input-field{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);height:56px;color:var(--text-primary);width:100%;padding:0 16px;font-size:18px}.input-field:focus{border-color:var(--accent);border-width:2px;outline:none}.badge{border-radius:999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.theme-toggle{z-index:50;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;width:40px;height:40px;font-size:16px;position:fixed;top:56px;right:24px}