:root{--purple: #7b00ff;--black: #0c001a;--white: #ffffff;--grey: #f4f4f4;--line: #e8e8e8;--muted: #707070;--red: #ff192f;--radius: 3.5mm;--bg: var(--white);--text: var(--black);--surface: var(--grey);--surface-raised: var(--white);--border: var(--line);--on-dark: var(--white);--on-dark-muted: rgba(255, 255, 255, .72);--on-dark-border: rgba(255, 255, 255, .16);--on-dark-hover: rgba(255, 255, 255, .08);color-scheme:light;font-family:Inter,"Source Sans 3",system-ui,sans-serif;color:var(--text);background:var(--bg)}[data-theme=dark]{--bg: var(--black);--text: #f6f2ff;--surface: #160a2a;--surface-raised: #1d0f38;--border: #332052;--muted: #b3a6cc;--on-dark: var(--white);--on-dark-muted: rgba(255, 255, 255, .72);--on-dark-border: rgba(255, 255, 255, .16);--on-dark-hover: rgba(255, 255, 255, .08);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}a{color:var(--purple)}.layout{display:grid;grid-template-columns:16rem 1fr 18rem;height:100%}.layout.no-settings{grid-template-columns:16rem 1fr}.sidebar{background:var(--black);color:var(--on-dark);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:.5rem;padding:1rem;font-weight:600}.brand img{height:1.5rem}.sidebar-actions{padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-actions.top{border-bottom:1px solid var(--on-dark-border)}.sidebar-actions.bottom{border-top:1px solid var(--on-dark-border)}.thread-list{flex:1;overflow:auto;padding:.5rem;min-height:0}.thread-list button,.sidebar-actions button,.settings button,.composer button,.login form button,.dialog button{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .7rem;cursor:pointer}.thread-list button:hover,.sidebar-actions button:hover,.settings button:hover,.composer button:hover,.login form button:hover,.dialog button:hover{border-color:var(--purple)}.thread-list button.active{border-color:var(--purple);color:var(--purple)}.thread-list button{display:block;width:100%;text-align:left;margin-bottom:.35rem}.sidebar .thread-list button,.sidebar .sidebar-actions button{background:transparent;color:var(--on-dark);border-color:var(--on-dark-border)}.sidebar .thread-list button:hover,.sidebar .sidebar-actions button:hover{background:var(--on-dark-hover);border-color:var(--purple)}.sidebar .thread-list button.active{border-color:var(--purple);color:var(--on-dark);background:var(--on-dark-hover)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.transcript{flex:1;overflow:auto;padding:1.5rem 2rem;max-width:52rem;width:100%;margin:0 auto;min-height:0}.bubble{margin:0 0 1rem}.bubble.user{font-weight:600}.thought,.tool{background:var(--surface);border-radius:var(--radius);padding:.6rem .8rem;margin-bottom:.75rem;font-size:.9rem}.tool pre{white-space:pre-wrap;overflow:auto}.working{color:var(--muted)}.composer{border-top:1px solid var(--border);padding:1rem 2rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;max-width:52rem;width:100%;margin:0 auto;background:var(--bg)}.composer textarea{width:100%;min-height:4.5rem;border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;background:var(--surface-raised);color:var(--text)}.composer input,.settings input,.login input,.dialog textarea{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;background:var(--surface-raised);color:var(--text)}.composer-row{display:flex;gap:.5rem;align-items:center}.composer-row .primary,.login form button[type=submit],.dialog button[type=submit]{background:var(--purple);border-color:var(--purple);color:var(--white)}.settings{border-left:1px solid var(--border);width:18rem;padding:1rem;overflow:auto;background:var(--bg);min-height:0}.settings label{display:flex;gap:.5rem;align-items:center;margin:.35rem 0}.login{min-height:100%;display:grid;place-items:center;background:var(--surface)}.login form{background:var(--surface-raised);padding:2rem;border-radius:var(--radius);width:22rem;display:flex;flex-direction:column;gap:.75rem}.error{color:var(--red)}.assistant :where(p,ul,ol){margin:0 0 .6rem}.dialog-backdrop{position:fixed;inset:0;background:#0c001a8c;display:grid;place-items:center;z-index:10}.dialog{background:var(--surface-raised);color:var(--text);border-radius:var(--radius);padding:1.25rem;width:24rem;display:flex;flex-direction:column;gap:.75rem}.dialog h2{margin:0;font-size:1.1rem}.dialog textarea{width:100%;min-height:6rem}.dialog .dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}
