:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--radius-s: 4px;--radius-m: 8px;--radius-l: 16px;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--sidebar-width: 260px;--transition-speed: .2s;--color-bg: #ffffff;--color-bg-2: #f8f9fa;--color-bg-3: #f1f3f5;--color-text: #212529;--color-text-muted: #6c757d;--color-border: #dee2e6;--color-primary: #007bff;--color-primary-text: #ffffff;--color-user-msg-bg: #007bff;--color-user-msg-text: #ffffff;--color-model-msg-bg: #e9ecef;--color-model-msg-text: #212529;--color-danger: #dc3545;--color-danger-text: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);margin:0;overscroll-behavior:none}#app,.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--color-bg-2);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--spacing-m);transition:margin-left var(--transition-speed) ease-in-out;flex-shrink:0;z-index:100}.sidebar.open{margin-left:0}.sidebar.closed{margin-left:calc(-1 * var(--sidebar-width))}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-l)}.sidebar-header h1{font-size:var(--font-size-l);display:flex;align-items:center;gap:var(--spacing-s)}.sidebar-header h1 .icon{width:24px;height:24px}.sidebar-new-chat{padding-bottom:var(--spacing-m);margin-bottom:var(--spacing-m);border-bottom:1px solid var(--color-border)}.sidebar-new-chat button{width:auto;background:none;padding:0;color:var(--color-text);font-weight:500;border-radius:0;justify-content:flex-start}.sidebar-new-chat button:hover{opacity:1;background:none;color:var(--color-primary)}.sidebar-new-chat button .icon{width:16px;height:16px}.sidebar-nav{flex-grow:1;display:flex;flex-direction:column;overflow-y:hidden}.sidebar-chat-list{flex-grow:1;overflow-y:auto;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-chat-list li{position:relative;border-radius:var(--radius-m)}.sidebar-chat-list li>a{display:block;padding:var(--spacing-s) var(--spacing-m);border-radius:var(--radius-m);text-decoration:none;color:var(--color-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:40px}.sidebar-chat-list li:hover>a{background-color:var(--color-bg-3)}.sidebar-chat-list li.active>a{background-color:var(--color-primary);color:var(--color-primary-text)}.sidebar-chat-list li .icon-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;color:var(--color-text-muted)}.sidebar-chat-list li:hover .icon-button{opacity:1;pointer-events:auto}.sidebar-chat-list li.active .icon-button{color:var(--color-primary-text)}.sidebar-chat-list li .icon-button:hover{color:var(--color-danger);background:none}.sidebar-nav-list{list-style:none;padding:0;margin:0}.sidebar-nav-list li a{display:flex;align-items:center;gap:var(--spacing-m);padding:var(--spacing-s) var(--spacing-m);border-radius:var(--radius-m);text-decoration:none;color:var(--color-text);font-weight:500}.sidebar-nav-list li a:hover{background-color:var(--color-bg-3)}.sidebar-nav-list li a.active{background-color:var(--color-primary);color:var(--color-primary-text)}.sidebar-nav-list li a .icon{width:20px;height:20px}.sidebar-nav-list.bottom{margin-top:auto;flex-shrink:0}.sidebar-nav-list .divider{height:1px;background-color:var(--color-border);margin:var(--spacing-s) var(--spacing-m)}.main-content{flex-grow:1;display:flex;flex-direction:column;height:100vh;position:relative;min-width:0}.main-header{display:flex;align-items:center;gap:var(--spacing-m);padding:var(--spacing-s) var(--spacing-m);border-bottom:1px solid var(--color-border)}.page-view{padding:var(--spacing-l);overflow-y:auto;flex-grow:1}.page-view h2{margin-bottom:var(--spacing-m)}.page-view h3{margin-bottom:var(--spacing-s)}.page-view h4{margin-top:var(--spacing-l);margin-bottom:var(--spacing-m);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-s)}.page-view p{line-height:1.6;margin-bottom:var(--spacing-m);max-width:80ch;color:var(--color-text-muted)}.page-view>h2+p{color:var(--color-text)}.page-view .sub-section>h3+p{color:var(--color-text)}.chat-view{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.chat-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:var(--spacing-l);color:var(--color-text-muted);padding:var(--spacing-xl)}.chat-view-empty .logo{color:var(--color-text)}.chat-view-empty .logo .icon{width:80px;height:80px;margin-bottom:var(--spacing-m)}.chat-view-empty h1{font-size:2rem}.chat-messages{flex-grow:1;overflow-y:auto;padding:var(--spacing-m);display:flex;flex-direction:column;gap:var(--spacing-l)}.chat-message{display:flex;gap:var(--spacing-s);max-width:85%}.chat-message .avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-bg-3);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;margin-top:4px}.message-content{padding:var(--spacing-s) var(--spacing-m);border-radius:var(--radius-l);white-space:pre-wrap;word-wrap:break-word;line-height:1.6}.message-content>*:first-child{margin-top:0}.message-content>*:last-child{margin-bottom:0}.message-content ul,.message-content ol{padding-left:20px;margin-bottom:var(--spacing-s)}.message-content li{margin-bottom:var(--spacing-xs)}.message-content blockquote{border-left:4px solid var(--color-border);padding-left:var(--spacing-m);margin:var(--spacing-s) 0;color:var(--color-text-muted)}.message-content p{margin:0 0 var(--spacing-s) 0}.message-content p:last-child{margin-bottom:0}.message-content pre{background-color:#0003;padding:var(--spacing-s);border-radius:var(--radius-m);overflow-x:auto;font-size:var(--font-size-s)}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.user .message-content{background-color:var(--color-user-msg-bg);color:var(--color-user-msg-text);border-bottom-right-radius:var(--radius-s)}.chat-message.model .message-content{background-color:var(--color-model-msg-bg);color:var(--color-model-msg-text);border-bottom-left-radius:var(--radius-s)}.chat-input-container{padding:var(--spacing-m);border-top:1px solid var(--color-border);background-color:var(--color-bg)}.chat-input-form{display:flex;align-items:flex-end;gap:var(--spacing-s);background-color:var(--color-bg-2);border-radius:var(--radius-m);padding:var(--spacing-s);border:1px solid var(--color-border)}.chat-input-form textarea{flex-grow:1;background:none;border:none;outline:none;resize:none;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-m);max-height:200px;line-height:1.5}.chat-input-form textarea::placeholder{color:var(--color-text-muted)}.chat-input-form .icon-button{width:60px;height:60px;flex-shrink:0}.chat-input-form .icon-button .icon{width:36px;height:36px}.chat-input-form .icon-button.listening{color:var(--color-danger)}.chat-info-bar{display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-m) 0;font-size:var(--font-size-s);color:var(--color-text-muted)}button,.button{background-color:var(--color-primary);color:var(--color-primary-text);border:none;padding:var(--spacing-s) var(--spacing-m);border-radius:var(--radius-m);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-m);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-s);transition:opacity var(--transition-speed)}button:hover,.button:hover{opacity:.85}button:disabled{opacity:.5;cursor:not-allowed}.button.danger{background-color:var(--color-danger);color:var(--color-danger-text)}.icon-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:var(--color-bg-3);color:var(--color-text)}.icon-button .icon{width:20px;height:20px}.form-group{margin-bottom:var(--spacing-m)}.form-group label{display:block;font-weight:500;margin-bottom:var(--spacing-s)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-s);border-radius:var(--radius-m);border:1px solid var(--color-border);background-color:var(--color-bg-2);color:var(--color-text);font-size:var(--font-size-m)}.form-group textarea{min-height:150px;font-family:var(--font-family)}.form-group small{display:block;margin-top:var(--spacing-s);color:var(--color-text-muted);font-size:var(--font-size-s)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-s)}.radio-label{display:flex;align-items:flex-start;gap:var(--spacing-s);font-weight:400;cursor:pointer;padding:var(--spacing-s);border-radius:var(--radius-m)}.radio-label:hover{background-color:var(--color-bg-3)}.radio-label input{margin-top:2px;width:auto}.radio-description{font-size:var(--font-size-s);color:var(--color-text-muted)}.warning-box{padding:var(--spacing-m);margin-block:var(--spacing-l);background-color:color-mix(in srgb,var(--color-danger) 15%,transparent);border:1px solid var(--color-danger);border-radius:var(--radius-m);color:var(--color-text);font-size:var(--font-size-s);line-height:1.5}.warning-box strong{color:var(--color-danger);display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-m)}code{background-color:var(--color-bg-3);padding:2px 4px;border-radius:var(--radius-s);font-family:Courier New,Courier,monospace}pre{background-color:var(--color-bg-2);padding:var(--spacing-m);border-radius:var(--radius-m);overflow-x:auto;border:1px solid var(--color-border);white-space:pre-wrap;word-break:break-word}pre code{background:none;padding:0;border-radius:0}.divider{height:1px;background-color:var(--color-border);margin:var(--spacing-xl) 0}.form-container{background:var(--color-bg-2);padding:var(--spacing-m);border-radius:var(--radius-l);border:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.form-container h4{margin-top:0}.item-card{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-m);padding:var(--spacing-m);background:var(--color-bg-2);border-radius:var(--radius-l);border:1px solid var(--color-border);margin-bottom:var(--spacing-s)}.item-card-content{flex-grow:1}.item-card-title{color:var(--color-primary);display:inline-block;margin-bottom:var(--spacing-s)}.item-card-tag{background:var(--color-bg-3);padding:2px 6px;border-radius:var(--radius-s);font-size:var(--font-size-s);margin-left:var(--spacing-s);border:1px solid var(--color-border);text-transform:capitalize}.item-card-body{margin:0;color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word}.item-card-body strong{color:var(--color-primary)}.typing-indicator{display:block;width:40px;height:20px;position:relative;background:radial-gradient(circle at 5px 50%,currentColor 4px,transparent 0) 0 0/40% 100%,radial-gradient(circle at 5px 50%,currentColor 4px,transparent 0) 50% 0/40% 100%,radial-gradient(circle at 5px 50%,currentColor 4px,transparent 0) 100% 0/40% 100%;background-repeat:no-repeat;animation:typing 1s infinite}@keyframes typing{25%{background-position:0 0,50% 50%,100% 0}50%{background-position:0 0,50% 0,100% 50%}75%{background-position:0 50%,50% 0,100% 0}}@media (max-width: 768px){.sidebar{position:absolute;height:100%;transition:transform var(--transition-speed) ease-in-out}.sidebar.open{margin-left:0;transform:translate(0)}.sidebar.closed{margin-left:0;transform:translate(calc(-1 * var(--sidebar-width)))}.main-header .menu-toggle{display:block}}