*{box-sizing:border-box}:root{color:#202123;font-synthesis:none;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #6c63ff}.app{color:#202123;background:#fff;width:100%;height:100vh;display:flex;overflow:hidden}.app.dark{color:#ececec;background:#212121}.sidebar{z-index:30;background:#f7f7f8;border-right:1px solid #e5e5e5;flex-direction:column;flex-shrink:0;width:270px;height:100vh;transition:width .2s,transform .2s;display:flex;overflow:hidden}.app.dark .sidebar{background:#171717;border-color:#303030}.sidebar.closed{border-right:0;width:0}.sidebar-top{justify-content:space-between;align-items:center;min-height:76px;padding:14px 14px 10px;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark,.mini-mark,.welcome-logo{background:linear-gradient(135deg,#00d4ff 0%,#0064ff 48%,#a540ff 100%)}.brand-mark{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid;box-shadow:0 5px 16px #0064ff38}.brand-copy{min-width:0}.brand-name{letter-spacing:-.2px;font-size:15px;font-weight:750}.brand-tagline{color:#8a8a8f;margin-top:2px;font-size:9px}.icon-button{color:#666;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.icon-button:hover{background:#e9e9eb}.app.dark .icon-button{color:#bbb}.app.dark .icon-button:hover{background:#2c2c2c}.sidebar-close{display:none}.new-chat{color:#fff;background:linear-gradient(135deg,#0064ff,#5658f5);border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;margin:3px 12px 8px;font-size:13px;font-weight:650;display:flex;box-shadow:0 5px 15px #0064ff2b}.new-chat:hover{filter:brightness(1.04)}.search-chat{color:#66666c;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;height:38px;margin:0 12px 12px;padding:0 11px;font-size:12px;display:flex}.search-chat:hover{background:#e9e9eb}.search-chat kbd{color:#999;background:#f3f3f4;border:1px solid #d5d5d7;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:9px}.app.dark .search-chat{color:#aaa}.app.dark .search-chat:hover{background:#282828}.app.dark .search-chat kbd{background:#222;border-color:#3b3b3b}.sidebar-scroll{flex:1;padding:0 9px;overflow-y:auto}.nav-section{margin-bottom:18px}.section-label{color:#96969b;letter-spacing:.7px;text-transform:uppercase;padding:0 9px 6px;font-size:10px;font-weight:700}.section-heading{justify-content:space-between;align-items:center;display:flex}.small-plus{color:#888;background:0 0;border:0;margin-right:5px;font-size:16px}.nav-item,.history-item{color:#55565c;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:36px;padding:8px 10px;font-size:12px;display:flex}.nav-item:hover,.history-item:hover{color:#222;background:#e9e9eb}.nav-item.active{color:#202123;background:#e3e3e5;font-weight:650}.nav-item span:first-child{text-align:center;color:#777;width:17px}.app.dark .nav-item,.app.dark .history-item{color:#bcbcbc}.app.dark .nav-item:hover,.app.dark .history-item:hover{color:#fff;background:#292929}.app.dark .nav-item.active{color:#fff;background:#2e2e2e}.chat-history{padding-bottom:20px}.history-title{margin-top:15px}.history-item{color:#66666b;min-height:32px;font-size:11px}.sidebar-bottom{border-top:1px solid #e5e5e5;padding:9px}.app.dark .sidebar-bottom{border-color:#303030}.profile{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:8px;display:flex}.profile:hover{background:#e9e9eb}.app.dark .profile:hover{background:#292929}.profile-avatar,.user-avatar,.assistant-avatar{border-radius:8px;flex-shrink:0;place-items:center;font-weight:750;display:grid}.profile-avatar{color:#fff;background:linear-gradient(135deg,#0064ff,#8b43ff);width:30px;height:30px;font-size:9px}.profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-info strong{font-size:11px}.profile-info span{color:#999;font-size:9px}.profile-menu{color:#999;margin-left:auto}.main{background:#fff;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.app.dark .main{background:#212121}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.app.dark .topbar{background:#212121f0;border-color:#303030}.topbar-left,.topbar-right{align-items:center;gap:6px;min-width:160px;display:flex}.topbar-right{justify-content:flex-end}.topbar-center{position:absolute;left:50%;transform:translate(-50%)}.menu-button{display:grid}.mobile-brand{align-items:center;gap:8px;font-size:13px;display:none}.mini-mark{color:#fff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:8px;font-weight:800;display:grid}.model-selector,.thinking-toggle{color:#444;background:#fff;border:1px solid #e2e2e4;border-radius:8px;align-items:center;gap:7px;height:34px;font-size:11px;font-weight:600;display:flex}.model-selector{padding:0 11px}.thinking-toggle{padding:0 10px}.thinking-toggle:hover,.model-selector:hover{background:#f6f6f7}.thinking-toggle.selected{color:#5a48d8;background:#f4f1ff;border-color:#d7d0ff}.app.dark .model-selector,.app.dark .thinking-toggle{color:#ddd;background:#292929;border-color:#3b3b3b}.app.dark .thinking-toggle.selected{color:#c3b7ff;background:#302b43;border-color:#51457c}.model-dot{background:#21c27a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #21c27a1f}.chevron{color:#999;margin-left:2px}.chat{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.welcome{text-align:center;width:min(850px,100% - 40px);margin:auto;padding:30px 0 150px}.welcome-logo{color:#fff;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 18px;font-size:13px;font-weight:800;display:grid;box-shadow:0 10px 30px #0064ff2e}.welcome h1{color:#2b2b2d;letter-spacing:-.6px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500}.app.dark .welcome h1{color:#f0f0f0}.welcome p{color:#8c8c92;margin:10px 0 28px;font-size:12px}.quick-actions{grid-template-columns:repeat(2,1fr);gap:10px;max-width:650px;margin:auto;display:grid}.quick-actions button{color:#444;text-align:left;background:#fff;border:1px solid #e7e7e9;border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:12px;display:flex}.quick-actions button:hover{background:#fafafa;border-color:#cfcfd3;transform:translateY(-1px)}.app.dark .quick-actions button{color:#ddd;background:#292929;border-color:#3b3b3b}.app.dark .quick-actions button:hover{background:#303030}.quick-icon{color:#6756d9;background:#f1efff;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:11px}.quick-actions small{color:#999;margin-top:4px;font-size:9px}.conversation{flex:1;width:min(850px,100% - 40px);margin:0 auto;padding:35px 0 170px;overflow-y:auto}.message{gap:12px;margin-bottom:28px;display:flex}.user-avatar,.assistant-avatar{width:32px;height:32px;font-size:9px}.user-avatar{color:#555;background:#e9e9eb}.assistant-avatar{color:#fff;background:linear-gradient(135deg,#0064ff,#8847ff)}.message-body{flex:1;min-width:0}.message-author{color:#666;margin:2px 0 7px;font-size:10px;font-weight:700}.app.dark .message-author{color:#aaa}.message-text{color:#2f3033;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.app.dark .message-text{color:#e6e6e6}.message.user{justify-content:flex-end}.message.user .message-body{flex:0 auto;max-width:75%}.message.user .message-text{color:#fff;background:#1264f5;border-radius:15px;padding:11px 14px;line-height:1.5}.message-actions{gap:5px;margin-top:8px;display:flex}.message-actions button{color:#999;background:0 0;border:0;border-radius:5px;padding:4px 7px;font-size:9px}.message-actions button:hover{color:#555;background:#f0f0f0}.app.dark .message-actions button:hover{color:#ddd;background:#303030}.streaming-indicator{color:#8b8b90;align-items:center;gap:8px;font-size:10px;display:flex}.pulse-dot{background:#6c63ff;border-radius:50%;width:7px;height:7px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.composer-area{z-index:10;width:min(850px,100% - 40px);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.composer{background:#fffffffa;border:1px solid #d8d8db;border-radius:17px;padding:9px 10px 8px;box-shadow:0 10px 35px #00000012}.app.dark .composer{background:#2b2b2b;border-color:#454545;box-shadow:0 10px 35px #00000040}.composer-tools{align-items:center;gap:3px;display:flex}.composer-tool{color:#666;background:0 0;border:0;border-radius:7px;place-items:center;width:29px;height:29px;font-size:18px;display:grid}.composer-tool:hover{background:#f0f0f1}.app.dark .composer-tool{color:#bbb}.app.dark .composer-tool:hover{background:#363636}.composer textarea{resize:none;color:#252525;background:0 0;border:0;outline:0;width:100%;min-height:42px;max-height:150px;padding:7px 3px 8px;font-size:13px;line-height:1.5}.app.dark .composer textarea{color:#eee}.composer textarea::placeholder{color:#999}.composer-bottom{justify-content:space-between;align-items:center;display:flex}.composer-options,.composer-actions{align-items:center;gap:5px;display:flex}.composer-option{color:#777;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;height:29px;padding:0 8px;font-size:9px;display:flex}.composer-option:hover{background:#f1f1f2}.composer-option.active{color:#6654d7;background:#f1efff}.app.dark .composer-option{color:#aaa}.app.dark .composer-option:hover{background:#363636}.voice-button,.send-button{border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.voice-button{color:#666;background:0 0;font-size:14px}.voice-button:hover{background:#f0f0f1}.app.dark .voice-button{color:#bbb}.send-button{color:#fff;background:#1264f5;font-size:18px;font-weight:700}.send-button:disabled{cursor:not-allowed;opacity:.35}.composer-note{text-align:center;color:#aaa;margin-top:8px;font-size:9px}.mobile-overlay{display:none}@media (width<=850px){.sidebar{position:fixed;top:0;left:0;box-shadow:8px 0 30px #0000001f}.sidebar.closed{width:270px;transform:translate(-100%)}.sidebar-close{display:grid}.mobile-overlay{z-index:20;background:#00000040;display:block;position:fixed;inset:0}.topbar-left,.topbar-right{min-width:80px}.mobile-brand{display:flex}.topbar-center{position:static;transform:none}.thinking-toggle{display:none}}@media (width<=650px){.topbar{padding:0 10px}.model-selector{max-width:105px;overflow:hidden}.model-selector .chevron{display:none}.welcome{width:calc(100% - 28px);padding-bottom:160px}.welcome h1{font-size:24px}.quick-actions{grid-template-columns:1fr}.conversation{width:calc(100% - 28px);padding-top:20px}.composer-area{width:calc(100% - 20px);bottom:10px}.message.user .message-body{max-width:85%}}