:root{--color-bg: #ffffff;--color-bg-secondary: #f7f7f8;--color-bg-tertiary: #ececf1;--color-text: #374151;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-primary: #10a37f;--color-primary-hover: #0d8a6a;--color-error: #ef4444;--color-warning: #f59e0b;--color-success: #10a37f;--color-user-msg: #95ec69;--color-assistant-msg: #f7f7f8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=dark]{--color-bg: #343541;--color-bg-secondary: #40414f;--color-bg-tertiary: #4d4d5f;--color-text: #ececf1;--color-text-secondary: #acacbe;--color-text-muted: #8e8ea0;--color-border: #565869;--color-user-msg: #2ea043;--color-assistant-msg: #444654}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;transition:var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast);min-height:42px;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background-color:var(--color-primary);color:#fff}@media(max-width:768px){.messages{scrollbar-width:none;-ms-overflow-style:none}.messages::-webkit-scrollbar{display:none}button,input,textarea{touch-action:manipulation}.message-text{-webkit-user-select:text;user-select:text}.icon-btn,.btn-send{min-height:44px;min-width:44px}}@supports (-webkit-touch-callout: none){@media(min-width:768px)and (max-width:1024px){html{font-size:18px}}}.screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column}#login-screen{align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%)}.login-container{width:100%;max-width:400px;padding:var(--spacing-xl);background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login-container h1{font-size:2rem;font-weight:600;text-align:center;margin-bottom:var(--spacing-xs);color:var(--color-primary)}.login-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}#chat-screen{background-color:var(--color-bg)}.chat-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);height:60px}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-left h1{font-size:1.25rem;font-weight:600}.header-right{display:flex;gap:var(--spacing-sm)}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.messages{flex:1;overflow-y:auto;padding:var(--spacing-md);scroll-behavior:smooth}.chat-footer{flex-shrink:0;padding:var(--spacing-md);border-top:1px solid var(--color-border);background-color:var(--color-bg)}.chat-form{display:flex;align-items:flex-end;gap:var(--spacing-sm);max-width:900px;margin:0 auto}.panel{position:fixed;top:0;right:-100%;width:100%;max-width:500px;height:100vh;background-color:var(--color-bg);box-shadow:var(--shadow-lg);transition:right var(--transition-normal);z-index:1000;display:flex;flex-direction:column}.panel[style*="display: block"],.panel[style*="display: flex"]{right:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.panel-header h2{font-size:1.25rem;font-weight:600}.panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.panel-section{margin-bottom:var(--spacing-xl)}.panel-section h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.scroll-btn{position:fixed;bottom:100px;right:var(--spacing-md);width:40px;height:40px;border-radius:50%;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-size:1.25rem;z-index:100}.scroll-btn:hover{background-color:var(--color-bg-tertiary)}@media(max-width:768px){.login-container{padding:var(--spacing-lg);border-radius:var(--radius-md)}.login-container h1{font-size:1.5rem}.chat-header{height:auto;min-height:50px;padding:var(--spacing-xs) var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.header-left{flex:1;min-width:0}.header-left h1{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.header-right{flex-shrink:0}.header-stats{display:none}.messages,.chat-footer{padding:var(--spacing-sm)}.chat-form{max-width:100%}#message-input{flex:1;min-width:0}.panel{max-width:100%}.panel-header{padding:var(--spacing-sm) var(--spacing-md)}.panel-content{padding:var(--spacing-sm)}.panel-section{margin-bottom:var(--spacing-lg)}.scroll-btn{width:36px;height:36px;font-size:1rem;bottom:80px;right:var(--spacing-sm)}}@media(max-width:480px){.chat-header{height:50px}.header-left h1{font-size:.875rem}.icon-btn{width:32px;height:32px;font-size:.875rem}.messages,.chat-footer{padding:var(--spacing-xs)}.message-avatar{width:28px;height:28px;font-size:1rem}.message-header{margin-bottom:2px}.message-sender{font-size:.75rem}.message-time{font-size:.625rem}.message-text{font-size:.875rem}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}input[type=text],input[type=password],input[type=number],textarea,select{width:100%}select{cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:inherit;transition:border-color var(--transition-fast)}select:focus{outline:none;border-color:var(--color-primary)}textarea{resize:none;min-height:24px;max-height:200px;overflow-y:auto}.form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.key-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.key-form h4{margin:0 0 var(--spacing-md) 0;font-size:1rem;font-weight:600}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition-fast);min-height:42px;box-sizing:border-box}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-send{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);white-space:nowrap;min-width:60px;height:42px;box-sizing:border-box}.btn-send:hover:not(:disabled){background-color:var(--color-primary-hover)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary)}.icon-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text)}.login-error{padding:var(--spacing-sm) var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;text-align:center;display:none}.login-error:not(:empty){display:block}.message{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);animation:messageIn .3s ease}.message[data-sender=assistant]{flex-direction:row;justify-content:flex-start;max-width:70%}.message[data-sender=user]{flex-direction:row-reverse;justify-content:flex-start}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background-color:var(--color-bg-tertiary)}.message-content{flex:1;min-width:0;max-width:70%}.message-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.message-sender{font-weight:600;font-size:.875rem}.message-time{font-size:.75rem;color:var(--color-text-muted)}.message-text{color:var(--color-text);line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.message[data-sender=assistant]{background-color:var(--color-assistant-msg);border-radius:var(--radius-md);padding:var(--spacing-md)}.message[data-sender=user] .message-content{background-color:var(--color-user-msg, #95ec69);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.message[data-sender=assistant] .message-avatar,.message[data-sender=user] .message-avatar{display:none}.typing-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-muted);animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600;line-height:1.3}.message-text h1{font-size:1.5rem}.message-text h2{font-size:1.25rem}.message-text h3{font-size:1.125rem}.message-text p{margin-bottom:var(--spacing-sm)}.message-text ul,.message-text ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.message-text li{margin-bottom:var(--spacing-xs)}.message-text code{font-family:var(--font-mono);font-size:.875em;padding:2px 6px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.message-text pre{margin:var(--spacing-sm) 0;padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow-x:auto;max-height:400px;overflow-y:auto}.message-text pre code{padding:0;background:none;font-size:.875rem;line-height:1.6}.message-text blockquote{margin:var(--spacing-sm) 0;padding-left:var(--spacing-md);border-left:3px solid var(--color-border);color:var(--color-text-secondary)}.message-text a{color:var(--color-primary);text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-sm) 0}.message-text table{width:100%;border-collapse:collapse;margin:var(--spacing-sm) 0}.message-text th,.message-text td{padding:var(--spacing-sm);border:1px solid var(--color-border);text-align:left}.message-text th{background-color:var(--color-bg-secondary);font-weight:600}.code-block-wrapper{position:relative;margin:var(--spacing-sm) 0}.code-block-wrapper.collapsed pre{max-height:200px;overflow:hidden}.code-block-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--color-bg-tertiary));pointer-events:none}.code-block-wrapper:not(.collapsed):after{display:none}.code-expand-btn{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.key-item{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs)}.key-item.disabled{opacity:.6}.key-item.selected{border-color:var(--color-primary);background-color:#3b82f61a}.selected-badge{color:var(--color-primary);font-weight:600;margin-left:var(--spacing-xs)}.click-hint{color:var(--color-text-muted);font-size:.75rem;font-weight:400;margin-left:var(--spacing-xs)}.key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.key-id{font-family:var(--font-mono);font-size:.875rem;font-weight:600}.key-actions{display:flex;gap:var(--spacing-xs)}.key-actions button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}.key-actions button.toggle.on{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.key-actions button.toggle.off{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}.key-actions button.delete{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.key-info{font-size:.75rem;color:var(--color-text-secondary);line-height:1.6}.stats-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.stats-bar-item{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:80px}.stats-bar-label{font-size:.75rem;color:var(--color-text-secondary)}.stats-bar-value{font-size:1rem;font-weight:600}.stats-bar-progress{width:100%;height:8px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;flex-basis:100%}.stats-bar-fill{height:100%;background-color:var(--color-success);transition:width var(--transition-normal)}.stats-bar-fill.error{background:var(--color-error)}.stats-bar-fill.warning{background:var(--color-warning)}.header-stats{display:flex;align-items:center;gap:var(--spacing-md);font-size:.75rem}.header-stats-item{display:flex;align-items:center;gap:var(--spacing-xs)}.header-stats-label{color:var(--color-text-secondary)}.header-stats-value{font-weight:600}.header-stats-success{color:var(--color-success)}.header-stats-error{color:var(--color-error)}.header-stats-progress{width:60px;height:4px;background-color:var(--color-bg-tertiary);border-radius:2px;overflow:hidden}.header-stats-fill{height:100%;background-color:var(--color-success);transition:width var(--transition-normal)}@media(max-width:768px){.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.btn-send{padding:var(--spacing-sm) var(--spacing-md);min-width:50px;font-size:.875rem}.icon-btn{width:36px;height:36px;font-size:1rem}.message{margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.message[data-sender=assistant]{max-width:85%}.message-avatar{width:30px;height:30px;font-size:1.125rem}.message-content{min-width:0}.message-text{font-size:.9375rem;line-height:1.5}.message-text pre{max-height:300px;font-size:.8125rem}.message-text h1{font-size:1.25rem}.message-text h2{font-size:1.125rem}.message-text h3{font-size:1rem}textarea{font-size:16px}.key-item{padding:var(--spacing-sm)}.key-actions{flex-wrap:wrap}.stats-bar{padding:var(--spacing-sm);gap:var(--spacing-xs)}.stats-bar-item{min-width:60px}.typing-indicator{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}}@media(max-width:480px){.btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.btn-send{padding:var(--spacing-xs) var(--spacing-sm);min-width:45px}.icon-btn{width:32px;height:32px}.message{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.message-avatar{width:24px;height:24px;font-size:.875rem}.message-text{font-size:.875rem}.message-text pre{padding:var(--spacing-sm);max-height:250px;font-size:.75rem}.message-text code{font-size:.8125em;padding:1px 4px}.form-group{gap:var(--spacing-xs)}.form-group label{font-size:.8125rem}input,textarea{padding:var(--spacing-xs) var(--spacing-sm);font-size:16px}.code-expand-btn{padding:2px var(--spacing-xs);font-size:.6875rem}}.theme-toggle{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);width:40px;height:40px;border-radius:50%;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-size:1.25rem;z-index:100}.theme-toggle:hover{background-color:var(--color-bg-tertiary)}