.app{--app-bg: #f4f5f7;--app-fg: #141217;--app-surface: #ffffff;--app-surface-alt: #f4f5f7;--app-border: #e2e1df;--app-control-border: #c7ccd1;--app-muted: #5b6168;--app-accent: #165a8a;--app-accent-hover: #114c76}.app[data-theme=dark]{--app-bg: #16181a;--app-fg: #f2f2f2;--app-surface: #202327;--app-surface-alt: #2c2f33;--app-border: #2c2f33;--app-control-border: #3a3f45;--app-muted: #9aa0a6;--app-accent: #40afff;--app-accent-hover: #6bc1ff}@media(prefers-color-scheme:dark){.app[data-theme=auto]{--app-bg: #16181a;--app-fg: #f2f2f2;--app-surface: #202327;--app-surface-alt: #2c2f33;--app-border: #2c2f33;--app-control-border: #3a3f45;--app-muted: #9aa0a6;--app-accent: #40afff;--app-accent-hover: #6bc1ff}}.app{display:flex;flex-direction:column;height:100%;background:var(--app-bg);color:var(--app-fg);font-family:IBM Plex Sans,system-ui,sans-serif}.app__bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--app-border);background:var(--app-surface);flex-shrink:0}.app__brand{font-weight:600;font-size:15px;color:var(--app-fg)}.app__settings{display:flex;align-items:center;gap:12px}.app__setting-group{display:flex;align-items:center;gap:6px}.app__setting-label{font-size:13px;color:var(--app-muted)}.app__select{padding:5px 8px;font-size:13px;font-family:inherit;border:1px solid var(--app-control-border);border-radius:6px;background:var(--app-surface);color:var(--app-fg);cursor:pointer}.app__btn{padding:6px 12px;font-size:13px;border:1px solid var(--app-control-border);border-radius:6px;background:transparent;color:var(--app-fg);cursor:pointer;opacity:.85}.app__btn:hover{opacity:1;background:var(--app-surface-alt)}.app__stage{flex:1;min-height:0;display:flex;overflow:hidden}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;text-align:center;font-size:14px;color:var(--app-muted)}.card{width:100%;max-width:360px;padding:36px 32px;background:#fff;border-radius:10px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;align-items:center;gap:24px}.axon-chat{display:block;flex:1;min-height:0}:root{font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}