:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20242b;background:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #20242b;--muted: #77808d;--line: #e7e9ed;--paper: #ffffff;--accent: #6759d8;--accent-soft: #f0efff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f6f8}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#eeedff 0,#f5f6f8 48%)}.login-card{width:min(100%,410px);padding:42px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 18px 60px #25254a0d}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--accent);color:#fff;font-family:Georgia,serif;font-size:27px;font-weight:600}.eyebrow{margin:25px 0 8px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em}.login-card h1{margin:0;font-family:Georgia,serif;font-size:42px;font-weight:500;letter-spacing:-.04em}.muted{color:var(--muted);font-size:14px}.login-form{display:grid;gap:9px;margin-top:30px}.login-form label{margin-top:8px;font-size:12px;font-weight:700}.login-form input{width:100%;padding:13px 14px;border:1px solid #dfe2e8;border-radius:10px;outline:none;background:#fff;color:var(--ink)}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6759d81a}.login-form button,.welcome-view button{margin-top:13px;padding:13px 16px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:700}.login-footnote{margin:24px 0 0;color:#9aa1ab;font-size:11px;text-align:center}.error-message{margin:8px 0 0;color:#b42318;font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:276px;flex:0 0 276px;display:flex;flex-direction:column;padding:25px 17px 16px;border-right:1px solid var(--line);background:#fff}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 7px 27px}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:21px}.sidebar-brand strong,.user-meta strong{display:block;font-size:14px}.sidebar-brand small,.user-meta small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.new-chat{width:100%;padding:12px;border:1px solid #dedbff;border-radius:10px;background:var(--accent-soft);color:#5144bf;text-align:left;font-size:12px;font-weight:700}.section-label{margin:29px 9px 10px;color:#9ba2ac;font-size:9px;font-weight:800;letter-spacing:.14em}.conversation-list{display:grid;gap:4px}.conversation-item{display:flex;align-items:center;gap:9px;width:100%;overflow:hidden;padding:10px;border:0;border-radius:8px;background:transparent;color:#626b77;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.conversation-item:hover,.conversation-item.active{background:#f3f2ff;color:#4f43bb}.conversation-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#c5c9d2}.conversation-item.active .conversation-dot{background:var(--accent)}.empty-list{padding:0 9px;color:#a0a6af;font-size:11px;line-height:1.6}.sidebar-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding:17px 4px 2px;border-top:1px solid var(--line)}.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ecebff;color:var(--accent);font-size:12px;font-weight:800}.user-meta{min-width:0;flex:1}.logout-button{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:19px}.logout-button:hover{background:#f3f4f6}.workspace{display:flex;min-width:0;flex:1;flex-direction:column}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#ffffffb8;color:#9aa1ab;font-size:9px;font-weight:800;letter-spacing:.13em}.connection-state{display:flex;align-items:center;gap:7px;color:#737d89;font-size:10px;font-weight:600;letter-spacing:0}.connection-state i{width:7px;height:7px;border-radius:50%;background:#32ae79;box-shadow:0 0 0 3px #32ae791a}.welcome-view{width:min(100% - 40px,620px);margin:auto;padding:70px 0;text-align:center}.welcome-symbol{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 25px;border:1px solid #e4e1ff;border-radius:24px;background:linear-gradient(145deg,#fff,#f0efff);color:var(--accent);font-family:Georgia,serif;font-size:42px}.welcome-view .eyebrow{margin-top:0}.welcome-view h1,.conversation-heading h1{margin:0;font-family:Georgia,serif;font-size:clamp(30px,4vw,43px);font-weight:500;letter-spacing:-.04em}.welcome-view>p:not(.eyebrow){max-width:430px;margin:14px auto 8px;color:var(--muted);font-size:14px;line-height:1.7}.conversation-view{width:min(100% - 48px,820px);margin:0 auto;flex:1;padding:48px 0 70px}.conversation-heading{padding-bottom:25px;border-bottom:1px solid var(--line)}.conversation-heading .eyebrow{margin-top:0}.conversation-heading h1{font-size:32px}.empty-conversation{max-width:500px;margin:16vh auto 0;text-align:center}.sparkle{color:var(--accent);font-size:29px}.empty-conversation h2{margin:16px 0 9px;font-family:Georgia,serif;font-size:26px;font-weight:500}.empty-conversation p{color:var(--muted);font-size:13px;line-height:1.8}.status-note{display:inline-block;margin-top:17px;padding:7px 10px;border:1px solid #e6e2ff;border-radius:20px;color:#6559c9;font-size:9px;font-weight:800;letter-spacing:.1em}.messages{display:grid;gap:20px;padding-top:25px}.message{max-width:82%;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#fff}.message.user{justify-self:end;background:#f1f0ff;border-color:#e7e4ff}.message>span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.1em}.message p{margin:8px 0 0;font-size:13px;line-height:1.7;white-space:pre-wrap}.notice{margin:14px 24px 0;padding:10px 13px;border:1px solid #f3d1ce;border-radius:9px;background:#fff6f5;color:#a3342d;font-size:12px}.workspace-footer{padding:15px 28px;border-top:1px solid var(--line);color:#a0a6af;text-align:center;font-size:10px}@media (max-width: 700px){.sidebar{width:76px;flex-basis:76px;padding:18px 9px 12px}.sidebar-brand{justify-content:center;padding:0 0 22px}.sidebar-brand>div,.new-chat,.section-label,.conversation-item:not(.active),.empty-list,.user-meta,.logout-button{display:none}.conversation-list{margin-top:12px}.conversation-item{justify-content:center;padding:12px 5px;font-size:0}.conversation-item.active{display:flex}.sidebar-footer{justify-content:center}.topbar{height:56px;padding:0 16px;font-size:8px}.conversation-view{width:calc(100% - 32px);padding-top:32px}.welcome-view{width:calc(100% - 32px)}.login-card{padding:32px 25px}}.composer{position:sticky;bottom:12px;display:flex;align-items:end;gap:10px;margin-top:28px;padding:10px;border:1px solid #dedfe7;border-radius:15px;background:#fff;box-shadow:0 8px 30px #25254a0d}.composer textarea{min-width:0;flex:1;resize:vertical;padding:10px 11px;border:0;outline:none;color:var(--ink);font:inherit;font-size:13px;line-height:1.5}.composer button{padding:11px 17px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.composer button:disabled{opacity:.5;cursor:not-allowed}.message.assistant{justify-self:start}@media (max-width: 700px){.composer{bottom:6px;margin-top:18px}.composer button{padding:11px 13px}}