:root{--bg: hsl(0 0% 100%);--panel: hsl(0 0% 98.5%);--panel-2: hsl(0 0% 96%);--border: hsl(0 0% 90%);--text: hsl(0 0% 9%);--muted: hsl(0 0% 45%);--accent: hsl(0 0% 9%);--accent-fg: hsl(0 0% 100%);--user: hsl(0 0% 96%);--agent: hsl(0 0% 100%);--ok: hsl(150 65% 37%);--err: hsl(0 72% 51%);--radius: .5rem;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: hsl(0 0% 7%);--panel: hsl(0 0% 9%);--panel-2: hsl(0 0% 13%);--border: hsl(0 0% 15%);--text: hsl(0 0% 95%);--muted: hsl(0 0% 55%);--accent: hsl(0 0% 95%);--accent-fg: hsl(0 0% 9%);--user: hsl(0 0% 15%);--agent: hsl(0 0% 9%);--ok: hsl(150 55% 48%);--err: hsl(0 63% 47%);color-scheme:dark}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.primary:hover:not(:disabled){opacity:.9}button:disabled{opacity:.5;cursor:default}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}a{color:var(--accent)}