:root{--color-bg:#0c0f17;--color-text:#bcbcbc;--color-accent:#242834;--space-sm:8px;--space-md:16px;--space-lg:24px;--font-main:Inter, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text)}#root{width:100%;min-height:100vh}.landing{min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.landing-card{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:420px;box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:column;align-items:center;gap:24px;padding:32px 24px;display:flex}.brand{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.brand-mark{justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative;top:-60px}.brand-mark img{object-fit:cover;filter:drop-shadow(0 10px 25px #6c8cf540);width:100%;height:100%}.brand h1{margin:0;font-size:32px;line-height:1.1}.tagline{color:var(--color-text-muted);text-align:center;max-width:420px;margin:0;line-height:1.5}.actions{flex-flow:wrap;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.button{width:auto;min-width:140px;min-height:48px;font:inherit;cursor:pointer;border-radius:12px;font-weight:600;transition:transform .15s,opacity .15s,background .15s,border-color .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--color-accent);color:#fff;border:none}.button-secondary{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.modal-overlay{background:var(--color-bg);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg);width:100%;max-width:360px;color:var(--color-text);border:1px solid #ffffff26;border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d}.modal input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:12px}.modal-close{width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:10px;font-size:24px;line-height:1;position:absolute;top:12px;right:12px}.modal-subtitle{color:var(--color-text-muted);text-align:left;margin:-4px 0 8px}.modal-switch{color:var(--color-text-muted);text-align:center;margin:4px 0 0;font-size:14px}.text-button{color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.modal-header{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.modal-header h2{margin:0;font-size:28px;line-height:1.1}.modal-form{flex-direction:column;gap:12px;display:flex}.modal input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);font:inherit;box-sizing:border-box;border-radius:12px;padding:0 14px}.modal input::placeholder{color:var(--color-text-muted)}.modal input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #6c8cf51f}.modal-submit{width:100%;margin-top:4px}.app-shell{grid-template-columns:260px minmax(0,1fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:24px;padding:24px 16px;display:flex}.sidebar-brand{align-items:center;gap:12px;font-weight:700;display:flex}.sidebar-brand img{width:36px;height:auto}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-link{min-height:44px;color:var(--color-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:0 14px}.sidebar-link:hover{background:#ffffff0a}.sidebar-link.active{color:var(--color-text);background:#6c8cf51f;border-color:#6c8cf533}.app-content{flex-direction:column;min-width:0;height:100%;padding:32px 40px;display:flex;overflow:hidden}.app-header h1{margin:0 0 8px;font-size:32px}.app-header p{color:var(--color-text-muted);margin:0}.chat-container{border:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;border-radius:20px;flex-direction:column;flex:1;gap:16px;width:100%;max-width:100%;padding:24px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000004d}.chat-placeholder{flex-direction:column;gap:12px;width:100%;display:flex}.chat-bubble{word-break:break-word;border-radius:16px;max-width:75%;padding:14px 16px;line-height:1.5}.chat-bubble.user{background:var(--color-accent);color:#fff;align-self:flex-end}.chat-bubble.bot{background:var(--color-surface);border:1px solid var(--color-border);align-self:flex-start}.chat-messages{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{display:none}.chat-input{gap:12px;margin-top:8px;display:flex}.chat-input input{border:1px solid var(--color-border);background:var(--color-surface);min-height:48px;color:var(--color-text);font:inherit;border-radius:12px;flex:1;padding:0 14px}.chat-input input:focus{border-color:var(--color-accent);outline:none}.chat-input button{background:var(--color-accent);color:#b8b8b8;cursor:pointer;border:none;border-radius:12px;min-width:100px;font-weight:600}.sidebar-section{flex-direction:column;gap:10px;display:flex}.sidebar-section-toggle{width:100%;min-height:44px;color:var(--color-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;font-weight:600;display:flex}.sidebar-section-toggle:hover{background:#ffffff0a}.sidebar-conversations{flex-direction:column;gap:10px;display:flex}.sidebar-new-conversation{width:100%}.sidebar-conversation-list{flex-direction:column;gap:8px;display:flex}.sidebar-conversation-row{border-radius:12px;align-items:center;gap:8px;display:flex;position:relative}.sidebar-conversation-row.active{background:#6c8cf51f;border:1px solid #6c8cf533}.sidebar-conversation-button{min-width:0;min-height:44px;color:var(--color-text);text-align:left;font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:0 14px;overflow:hidden}.sidebar-conversation-menu-wrapper{padding-right:8px;position:relative}.sidebar-menu-button{width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.sidebar-menu-button:hover{background:#ffffff0f}.sidebar-conversation-menu{z-index:50;background:#111522;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:4px;min-width:160px;padding:6px;display:flex;position:absolute;top:38px;right:0;box-shadow:0 12px 30px #00000073,0 0 0 1px #ffffff0a}.sidebar-menu-item{width:100%;min-height:38px;color:var(--color-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 10px}.sidebar-menu-item:hover{background:#ffffff0f}.sidebar-menu-item.danger:hover{background:#ff50501f}