*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:#1f1f1f;background-color:#f5f5f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{flex-direction:column;width:100%;max-width:1600px;height:100%;margin:0 auto;display:flex}.app-header{background-color:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.header-start{align-items:center;gap:.75rem;min-width:0;display:flex}.sidebar-toggle{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;flex-shrink:0;padding:.25rem .5rem;font-size:1rem;line-height:1;display:none}.header-user{color:#555;align-items:center;gap:.75rem;min-width:0;font-size:.85rem;display:flex}.header-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-user button{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;flex-shrink:0;padding:.35rem .75rem;font-size:.85rem}.header-user button:hover{color:#4a6cf7;border-color:#4a6cf7}.header-link{color:#555;flex-shrink:0;text-decoration:none}.header-link:hover{color:#4a6cf7}.app-title{color:#1f1f1f;text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;font-weight:600;text-decoration:none;overflow:hidden}.app-main{flex:1;min-height:0;display:flex}.app-content{isolation:isolate;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-sidebar{background-color:#fff;border-right:1px solid #ddd;flex-direction:column;flex-shrink:0;width:280px;min-height:0;display:flex}.sidebar-header{border-bottom:1px solid #eee;padding:.75rem}.sidebar-header .new-conversation-button{width:100%}.sidebar-list{flex:1;min-height:0;padding:.5rem;overflow-y:auto}.sidebar-message{color:#777;margin:0;padding:.5rem;font-size:.85rem}.new-conversation-button{color:#fff;cursor:pointer;background-color:#4a6cf7;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.new-conversation-button:hover{background-color:#3a5ce5}.conversation-row{color:inherit;border-radius:6px;flex-direction:column;gap:.15rem;margin-bottom:.15rem;padding:.5rem .6rem;text-decoration:none;display:flex}.conversation-row:hover{background-color:#f5f5f5}.conversation-row.router-link-active{color:#4a6cf7;background-color:#eef1fe}.conversation-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.conversation-row-date{color:#999;font-size:.75rem}.empty-state,.error-message{color:#777;padding:1rem}.auth-page{flex:1;justify-content:center;align-items:center;padding:1.25rem;display:flex}.auth-form{background-color:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:.75rem;width:100%;max-width:340px;padding:1.5rem;display:flex}.auth-form h1{margin:0 0 .25rem;font-size:1.25rem}.auth-form input{border:1px solid #ccc;border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.95rem}.auth-form button{color:#fff;cursor:pointer;background-color:#4a6cf7;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.auth-form button:disabled{cursor:default;background-color:#a9b6e8}.auth-form .error-message{padding:0}.auth-form-footer{color:#555;margin:0;font-size:.85rem}.user-settings-form{max-width:480px}.user-settings-form label{font-size:.9rem;font-weight:500}.user-settings-form textarea{resize:vertical;border:1px solid #ccc;border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.95rem}.user-settings-hint{color:#777;margin:0;font-size:.8rem}.user-settings-saved{color:#2e7d32;margin:0;font-size:.85rem}.user-settings-version{color:#999;margin:0;font-size:.75rem}.error-message{color:#c0392b}.conversation-view{flex-direction:column;flex:1;min-height:0;display:flex}.message-list{flex:1;padding:1rem 1.25rem;overflow-y:auto}.message-column{flex-direction:column;gap:.75rem;width:100%;max-width:56rem;margin:0 auto;display:flex}.message-bubble{overflow-wrap:break-word;border-radius:12px;max-width:min(80%,78ch);padding:.6rem .9rem}.user-text{white-space:pre-wrap}.message-bubble.user{color:#fff;background-color:#4a6cf7;align-self:flex-end}.message-bubble.assistant{background-color:#fff;border:1px solid #ddd;align-self:flex-start}.message-usage{color:#999;white-space:normal;margin-top:.4rem;font-size:.75rem}.thinking-block{color:#666;white-space:pre-wrap;background-color:#f7f7f8;border-left:3px solid #ccc;margin-bottom:.5rem;padding:.4rem .6rem;font-size:.85rem;font-style:italic}.thinking-block summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-style:normal;font-weight:600}.memory-block{color:#999;white-space:normal;margin-bottom:.5rem;font-size:.75rem}.message-bubble.assistant .stream-markdown{--background:#fff;--foreground:#1f1f1f;--card:#fff;--card-foreground:#1f1f1f;--popover:#fff;--popover-foreground:#1f1f1f;--primary:#4a6cf7;--primary-foreground:#fff;--secondary:#f5f5f5;--secondary-foreground:#1f1f1f;--muted:#f5f5f5;--muted-foreground:#777;--accent:#eef1fe;--accent-foreground:#1f1f1f;--destructive:#c0392b;--border:#ddd;--input:#ddd;--ring:#4a6cf7}.message-bubble.assistant .stream-markdown>:first-child{margin-top:0!important}.message-bubble.assistant .stream-markdown>:last-child{margin-bottom:0!important}.message-bubble.assistant .stream-markdown pre{overflow-x:auto}.message-bubble.assistant .stream-markdown table{max-width:100%;display:block;overflow-x:auto}.user-settings-page{flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;overflow-y:auto}.user-settings-page .auth-form{width:100%}.memory-row{background-color:#fff;border:1px solid #ddd;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}.memory-row-path{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.memory-row-meta{color:#777;flex-shrink:0;margin-left:auto;font-size:.8rem}.memory-row textarea{flex-basis:100%}.memory-row-actions{gap:.5rem;display:flex}.user-settings-form .memory-row-actions button{color:inherit;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.user-settings-form .memory-row-actions button:hover{color:#4a6cf7;border-color:#4a6cf7}.memory-new{border-top:1px solid #ddd;flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.memories-section .empty-state{padding:0}.send-column{flex-direction:column;align-items:center;gap:.25rem;display:flex}.send-column button{flex:1}.context-indicator{white-space:nowrap;font-size:.8rem}.context-low{color:#2e7d32}.context-medium{color:#b58900}.context-high{color:#c0392b}.message-input-bar{background-color:#fff;border-top:1px solid #ddd;padding:.75rem 1.25rem}.message-input-inner{gap:.5rem;width:100%;max-width:56rem;margin:0 auto;display:flex}.message-input-bar textarea{resize:none;border:1px solid #ccc;border-radius:6px;flex:1;min-width:0;padding:.5rem .75rem;font-family:inherit;font-size:.95rem}.message-input-bar select{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:.5rem;font-family:inherit;font-size:.9rem}.message-input-bar button{color:#fff;cursor:pointer;background-color:#4a6cf7;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem}.message-input-bar button:disabled{cursor:default;background-color:#a9b6e8}.no-conversation{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.sidebar-backdrop{display:none}@media (width<=899px){.sidebar-toggle{display:block}.app-header{padding:.75rem .9rem}.header-email{display:none}.message-input-bar{padding:.6rem .9rem}.message-input-inner{flex-wrap:wrap}.message-input-bar textarea{flex:100%;font-size:16px}.message-input-bar select{flex:auto;min-width:0}.send-column{flex-direction:row-reverse;flex:none;align-items:center;gap:.5rem}.send-column button{flex:none}.app-sidebar{z-index:10002;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 16px #00000026}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:10001;background-color:#00000059;display:block;position:fixed;inset:0}}