:root{--bg:#1f1f1f;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-contrast:#fff;--text:#f5f5f5;--muted:#b0b0b0;--text-disabled:#707070;--danger:#ff8a80;--button-bg:color-mix(in srgb, var(--text) 7%, transparent);--button-bg-hover:color-mix(in srgb, var(--text) 12%, transparent);--button-border:color-mix(in srgb, var(--text) 18%, transparent);--panel-border:color-mix(in srgb, var(--text) 13%, transparent);--row-hover:color-mix(in srgb, var(--text) 5%, transparent);letter-spacing:0;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:14px/1.45 system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}body{margin:0}h1{margin:0;font-size:24px;line-height:1.15}input{box-sizing:border-box;width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;border-radius:4px;padding:7px 4px;font-size:13px}input:focus-visible{background:var(--button-bg);outline:1px solid var(--accent);outline-offset:0}select option{background:var(--bg);color:var(--text)}button{background:var(--button-bg);border:1px solid var(--button-border);color:var(--text);cursor:pointer;font:inherit;border-radius:6px;padding:9px 12px;font-weight:700}button:hover{background:var(--button-bg-hover)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;background:var(--button-bg);color:var(--text-disabled);border-color:#0000}