:root{--bg:#eef1f0;--panel:#fff;--panel-border:#d7ddda;--text:#16201d;--text-dim:#5b6864;--accent:#1f8a70;--accent-soft:#e2f3ee;--warn:#b3541e;--shadow:0 8px 24px rgba(20,30,26,.12);color-scheme:light;--edge:16px;--gap:8px;--radius:12px;--radius-sm:8px;--ui-font-size:12.5px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1513;--panel:#171f1c;--panel-border:#2a3532;--text:#e7ece9;--text-dim:#93a19b;--accent:#4fd6ac;--accent-soft:#1b2d27;--warn:#e2924f;--shadow:0 8px 28px rgba(0,0,0,.45);color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1513;--panel:#171f1c;--panel-border:#2a3532;--text:#e7ece9;--text-dim:#93a19b;--accent:#4fd6ac;--accent-soft:#1b2d27;--warn:#e2924f;--shadow:0 8px 28px rgba(0,0,0,.45);color-scheme:dark}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;overflow:hidden}.panel{position:absolute;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow)}.ui-button{position:relative;padding:8px 12px;display:flex;align-items:center;gap:var(--gap);font:inherit;font-size:var(--ui-font-size);font-weight:600;color:var(--text);cursor:pointer}.ui-button:hover{background:var(--accent-soft)}.ui-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kbd{font-size:11px;font-weight:500;padding:1px 5px;border:1px solid var(--panel-border);border-radius:4px;background:var(--bg);color:var(--text)}.kbd,.mono{font-family:IBM Plex Mono,ui-monospace,monospace}