:root{--color-bg: #F5F5DC;--color-text: #3E2723;--color-primary: #6F4E37;--color-secondary: #8D6E63;--color-accent: #D2B48C;--color-heading: #210F0B;--color-surface: rgba(255, 248, 225, .7);--color-surface-hover: rgba(111, 78, 55, .1);--color-border: rgba(62, 39, 35, .1);--color-input-bg: rgba(255, 255, 255, .8);--color-message-user: #6F4E37;--color-message-user-text: #FFFFFF;--color-message-assistant: rgba(255, 255, 255, .6);--color-message-assistant-text: #3E2723;--color-sidebar-bg: rgba(62, 39, 35, .95);--color-sidebar-text: #F5F5DC;--font-heading: "Playfair Display", serif;--font-body: "Lato", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12)}[data-theme=dusk]{--color-bg: #1a1a2e;--color-text: #e0e0e0;--color-primary: #e94560;--color-secondary: #16213e;--color-accent: #0f3460;--color-heading: #ffffff;--color-surface: rgba(22, 33, 62, .7);--color-surface-hover: rgba(233, 69, 96, .1);--color-border: rgba(255, 255, 255, .1);--color-input-bg: rgba(15, 52, 96, .6);--color-message-user: #e94560;--color-message-user-text: #ffffff;--color-message-assistant: rgba(22, 33, 62, .6);--color-message-assistant-text: #e0e0e0;--color-sidebar-bg: rgba(15, 52, 96, .95);--color-sidebar-text: #e0e0e0}[data-theme=sky]{--color-bg: #f0f8ff;--color-text: #2c3e50;--color-primary: #3498db;--color-secondary: #bdc3c7;--color-accent: #87ceeb;--color-heading: #2980b9;--color-surface: rgba(255, 255, 255, .7);--color-surface-hover: rgba(52, 152, 219, .1);--color-border: rgba(44, 62, 80, .1);--color-input-bg: rgba(255, 255, 255, .8);--color-message-user: #3498db;--color-message-user-text: #ffffff;--color-message-assistant: rgba(255, 255, 255, .6);--color-message-assistant-text: #2c3e50;--color-sidebar-bg: rgba(41, 128, 185, .95);--color-sidebar-text: #ffffff}[data-theme=midnight]{--color-bg: #000000;--color-text: #cccccc;--color-primary: #ffffff;--color-secondary: #333333;--color-accent: #444444;--color-heading: #ffffff;--color-surface: rgba(17, 17, 17, .8);--color-surface-hover: rgba(255, 255, 255, .1);--color-border: rgba(255, 255, 255, .2);--color-input-bg: rgba(17, 17, 17, .8);--color-message-user: #333333;--color-message-user-text: #ffffff;--color-message-assistant: rgba(17, 17, 17, .8);--color-message-assistant-text: #cccccc;--color-sidebar-bg: rgba(17, 17, 17, .95);--color-sidebar-text: #ffffff}[data-theme=forest]{--color-bg: #1b2e1f;--color-text: #d4e4d7;--color-primary: #76c893;--color-secondary: #52796f;--color-accent: #99d98c;--color-heading: #b7e4c7;--color-surface: rgba(82, 121, 111, .5);--color-surface-hover: rgba(118, 200, 147, .2);--color-border: rgba(212, 228, 215, .15);--color-input-bg: rgba(27, 46, 31, .8);--color-message-user: #76c893;--color-message-user-text: #1b2e1f;--color-message-assistant: rgba(82, 121, 111, .6);--color-message-assistant-text: #d4e4d7;--color-sidebar-bg: rgba(27, 46, 31, .95);--color-sidebar-text: #d4e4d7}[data-theme=matrix]{--color-bg: #000000;--color-text: #00ff41;--color-primary: #00ff41;--color-secondary: #003b00;--color-accent: #39ff14;--color-heading: #00ff41;--color-surface: rgba(0, 59, 0, .5);--color-surface-hover: rgba(0, 255, 65, .1);--color-border: rgba(0, 255, 65, .3);--color-input-bg: rgba(0, 0, 0, .8);--color-message-user: #003b00;--color-message-user-text: #00ff41;--color-message-assistant: rgba(0, 59, 0, .6);--color-message-asistant-text: #00ff41;--color-sidebar-bg: rgba(0, 0, 0, .95);--color-sidebar-text: #00ff41}[data-theme=sunset]{--color-bg: #1a0a2e;--color-text: #f8e1ff;--color-primary: #ff6b9d;--color-secondary: #c06c84;--color-accent: #f67280;--color-heading: #ffa8d5;--color-surface: rgba(192, 108, 132, .3);--color-surface-hover: rgba(255, 107, 157, .2);--color-border: rgba(255, 107, 157, .2);--color-input-bg: rgba(26, 10, 46, .7);--color-message-user: #ff6b9d;--color-message-user-text: #ffffff;--color-message-assistant: rgba(192, 108, 132, .4);--color-message-assistant-text: #f8e1ff;--color-sidebar-bg: rgba(26, 10, 46, .95);--color-sidebar-text: #f8e1ff}[data-theme=ocean]{--color-bg: #002b36;--color-text: #839496;--color-primary: #2aa198;--color-secondary: #586e75;--color-accent: #268bd2;--color-heading: #93a1a1;--color-surface: rgba(0, 43, 54, .7);--color-surface-hover: rgba(42, 161, 152, .1);--color-border: rgba(42, 161, 152, .2);--color-input-bg: rgba(7, 54, 66, .6);--color-message-user: #2aa198;--color-message-user-text: #002b36;--color-message-assistant: rgba(7, 54, 66, .6);--color-message-assistant-text: #839496;--color-sidebar-bg: rgba(7, 54, 66, .95);--color-sidebar-text: #839496}[data-theme=cherry]{--color-bg: #fff0f5;--color-text: #5d4037;--color-primary: #ff91a4;--color-secondary: #f48fb1;--color-accent: #f8bbd0;--color-heading: #880e4f;--color-surface: rgba(255, 255, 255, .7);--color-surface-hover: rgba(255, 145, 164, .1);--color-border: rgba(136, 14, 79, .1);--color-input-bg: rgba(255, 255, 255, .8);--color-message-user: #ff91a4;--color-message-user-text: #ffffff;--color-message-assistant: rgba(255, 255, 255, .6);--color-message-assistant-text: #5d4037;--color-sidebar-bg: rgba(136, 14, 79, .95);--color-sidebar-text: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-heading);letter-spacing:-.02em}button{cursor:pointer;border:none;font-family:var(--font-body);transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s ease}button:active{transform:scale(.96)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px;opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.chat-container{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg);position:relative;background-image:radial-gradient(circle at 50% 0%,var(--color-surface-hover) 0%,transparent 70%)}.chat-header{padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);z-index:10}.mobile-menu-btn{background:transparent;color:var(--color-text);padding:.5rem;border-radius:var(--radius-sm);display:flex}.messages-area{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);scroll-behavior:smooth;padding-bottom:120px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text);padding:var(--spacing-lg);animation:fadeIn .8s ease-out}.empty-state h1{font-size:3.5rem;margin-bottom:var(--spacing-sm);color:var(--color-heading);text-shadow:0 4px 12px rgba(0,0,0,.05)}.empty-state p{font-size:1.25rem;margin-bottom:var(--spacing-lg);opacity:.8;max-width:600px}.message{display:flex;width:100%;animation:fadeSlideUp .4s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transform:translateY(10px)}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:80%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:1rem;line-height:1.6;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message.user .message-content{background:var(--color-message-user);color:var(--color-message-user-text);border-bottom-right-radius:4px}.message.assistant .message-content{background-color:var(--color-message-assistant);color:var(--color-message-assistant-text);border-bottom-left-radius:4px;border:1px solid var(--color-border)}.markdown-content p{margin-bottom:.75rem}.markdown-content p:last-child{margin-bottom:0}.input-area{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);z-index:20;background:linear-gradient(to top,var(--color-bg) 20%,transparent);pointer-events:none}.input-wrapper{pointer-events:auto;position:relative;max-width:900px;margin:0 auto;background:var(--color-input-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);display:flex;align-items:flex-end;padding:.75rem;transition:box-shadow .3s ease,transform .3s ease}.input-wrapper:focus-within{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-primary)}.input-wrapper textarea{flex:1;border:none;background:transparent;padding:.75rem 1rem;font-family:var(--font-body);font-size:1rem;resize:none;max-height:200px;outline:none;color:var(--color-text);scrollbar-width:none;-ms-overflow-style:none;line-height:1.5}.input-wrapper textarea::-webkit-scrollbar{display:none}.input-actions{display:flex;gap:.5rem;padding-bottom:.25rem;padding-right:.5rem}.icon-button{background:transparent;border:none;padding:.6rem;border-radius:50%;color:var(--color-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--color-surface-hover);color:var(--color-primary);transform:scale(1.1)}.icon-button.active{background:var(--color-surface-hover);color:var(--color-primary)}.send-button{background:var(--color-primary);color:#fff;border:none;padding:.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #00000026}.send-button:hover:not(:disabled){background:var(--color-heading);transform:scale(1.1) rotate(-10deg);box-shadow:0 6px 16px #0003}.send-button:disabled{background:var(--color-secondary);opacity:.5;cursor:not-allowed;box-shadow:none}.disclaimer{text-align:center;font-size:.75rem;color:var(--color-text);opacity:.5;margin-top:.5rem;pointer-events:auto}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);margin:0 auto;max-width:400px;border:1px solid var(--color-border);box-shadow:var(--shadow-md);animation:fadeIn .3s ease-out}.loading-header{display:flex;align-items:center;gap:.75rem;font-weight:700;color:var(--color-primary);font-size:1.1rem}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container{width:100%;display:flex;flex-direction:column;gap:.5rem}.progress-bar-bg{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary);transition:width .3s ease;border-radius:4px}.progress-text{font-size:.8rem;color:var(--color-text);opacity:.7;text-align:right;font-weight:500}.sidebar{background-color:var(--color-sidebar-bg)!important;color:var(--color-sidebar-text)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-lg)}.sidebar h2{color:var(--color-sidebar-text)!important;letter-spacing:-.02em}.sidebar button{color:var(--color-sidebar-text)!important;border-radius:var(--radius-sm);transition:all .2s ease}.sidebar button:hover{background-color:#ffffff1a}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.juicy-mode button:hover{animation:jelly .5s both}.juicy-mode .message{animation:springSlideUp .6s cubic-bezier(.175,.885,.32,1.275) forwards}.juicy-mode .input-wrapper:focus-within{animation:pulseGlow 2s infinite;transform:scale(1.02)}.juicy-mode .icon-button:hover{transform:rotate(15deg) scale(1.2)}@keyframes jelly{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes springSlideUp{0%{opacity:0;transform:translateY(40px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 rgba(var(--color-primary),.4)}70%{box-shadow:0 0 0 10px rgba(var(--color-primary),0)}to{box-shadow:0 0 rgba(var(--color-primary),0)}}.thinking-section{margin-bottom:1rem;border-radius:8px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.thinking-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#0006;border:none;width:100%;text-align:left;cursor:pointer;color:var(--color-text);font-family:var(--font-body);font-size:.9rem;font-weight:500;transition:background .2s ease}.thinking-header:hover{background:#00000080}.thinking-content{padding:1rem;color:var(--color-text);opacity:.85;font-size:.9rem;line-height:1.6;white-space:pre-wrap;animation:fadeSlideDown .3s ease-out}@keyframes fadeSlideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:1rem;padding-bottom:1rem}}