*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#212121;color:#ececec;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.chat-app{height:100vh;display:flex;overflow:hidden;background:#212121}.chat-sidebar{width:260px;min-width:260px;background:#171717;display:flex;flex-direction:column;padding:12px;color:#ececec}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 24px}.sidebar-brand{font-size:22px;font-weight:750;letter-spacing:1px}.icon-button{background:transparent;border:0;color:#b4b4b4;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#292929;color:white}.sidebar-action{border:0;background:transparent;color:#ececec;padding:11px 10px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:13px;text-align:left;width:100%}.sidebar-action:hover{background:#292929}.sidebar-section{color:#888888;font-size:11px;font-weight:600;padding:25px 10px 9px}.sidebar-search{width:100%;margin-top:7px;background:#252525;border:1px solid #444;color:white;border-radius:8px;padding:10px;outline:none;font-size:12px}.chat-history{overflow-y:auto;flex:1 1;margin-top:4px}.history-item{display:flex;align-items:center;border-radius:8px;margin-bottom:3px}.history-item.selected,.history-item:hover{background:#292929}.history-item>button:first-child{flex:1 1;min-width:0;display:flex;align-items:center;gap:9px;border:0;padding:10px 8px;background:transparent;color:#d4d4d4;text-align:left;font-size:12px}.history-item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.delete-chat{border:0;background:transparent;color:#888;padding:7px;opacity:0}.history-item:hover .delete-chat{opacity:1}.sidebar-profile{border-top:1px solid #333;padding:14px 5px 5px;gap:10px;margin-top:12px}.avatar,.sidebar-profile{display:flex;align-items:center}.avatar{width:33px;height:33px;border-radius:50%;background:#555;justify-content:center;font-weight:700}.sidebar-profile div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1 1}.sidebar-profile strong{font-size:12px}.sidebar-profile small{font-size:10px;color:#999}.sidebar-profile>svg{color:#999}.chat-main{flex:1 1;min-width:0;display:flex;flex-direction:column;background:#212121}.chat-topbar{height:56px;min-height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.model-selector{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#ececec;font-size:15px;font-weight:600;padding:9px}.model-selector:hover{background:#2d2d2d;border-radius:8px}.model-status{color:#999;font-size:11px;display:flex;align-items:center;gap:7px}.online-dot{height:7px;width:7px;border-radius:50%;background:#22c55e}.conversation{min-height:0}.chat-welcome,.conversation{flex:1 1;display:flex;flex-direction:column;align-items:center}.chat-welcome{justify-content:center;width:min(760px,92%);padding:25px 0}.welcome-mark{font-size:42px;margin-bottom:15px}.chat-welcome h1{font-size:28px;font-weight:600;margin:0 0 12px;letter-spacing:-.7px}.chat-welcome>p{color:#a0a0a0;font-size:14px;margin:0 0 30px}.suggestions{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.suggestions button{display:flex;align-items:center;gap:12px;padding:15px;background:transparent;border:1px solid #424242;color:#ddd;border-radius:12px;text-align:left}.suggestions button:hover{background:#2a2a2a}.suggestions button>svg{color:#aaa;min-width:19px}.suggestions button span{display:flex;flex-direction:column;gap:5px}.suggestions strong{font-size:12px;font-weight:600}.suggestions small{font-size:11px;color:#999}.message-list{width:min(780px,94%);flex:1 1;overflow-y:auto;padding:30px 10px 35px}.chat-message{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px}.message-avatar{width:30px;height:30px;min-width:30px;border-radius:50%;background:#3b3b3b;display:flex;align-items:center;justify-content:center;font-size:12px}.message-body{flex:1 1;min-width:0}.message-body strong{font-size:13px;font-weight:600}.message-body p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;color:#e2e2e2;margin:8px 0 0}.thinking{display:flex;align-items:center;gap:10px;color:#aaa;font-size:13px;padding:12px 0}.composer-area{width:min(790px,94%);padding:10px 0 22px}.chat-composer{width:100%;border:1px solid #555;background:#303030;border-radius:25px;padding:13px 15px 10px;display:flex;flex-direction:column;gap:9px}.chat-composer:focus-within{border-color:#777}.chat-composer textarea{width:100%;min-height:35px;max-height:180px;resize:vertical;background:transparent;border:0;outline:0;color:#fff;font-size:14px;line-height:1.6;padding:3px}.chat-composer textarea::placeholder{color:#a0a0a0}.composer-bottom{display:flex;align-items:center;justify-content:space-between}.composer-bottom>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#aaa}.send-button{width:34px;height:34px;border-radius:50%;border:0;background:#f4f4f4;color:#171717;display:flex;align-items:center;justify-content:center}.send-button:disabled{opacity:.35;cursor:not-allowed}.composer-disclaimer{display:block;text-align:center;color:#888;font-size:10px;margin-top:10px}.code-workspace{flex:1 1;display:flex;flex-direction:column;min-height:0;padding:20px}.workspace-heading{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:15px}.workspace-heading button{margin-left:auto;background:#303030;border:1px solid #444;border-radius:8px;padding:8px 12px;color:white}.workspace-editor{display:flex;flex:1 1;min-height:250px;border:1px solid #444;border-radius:10px;overflow:hidden}.workspace-file{width:190px;background:#171717;padding:15px;display:flex;align-items:center;gap:8px;font-size:11px}.workspace-file button{margin-left:auto;background:transparent;border:0;color:white}.workspace-code{flex:1 1;min-width:0;display:flex;flex-direction:column}.file-tab{padding:10px 15px;background:#252525;font-size:12px}.workspace-code>div:last-child{flex:1 1;min-height:0}.workspace-note{color:#999;font-size:11px;padding:12px 0}.login-screen{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:#212121}.login-card{width:100%;max-width:390px;padding:35px;border:1px solid #424242;border-radius:16px;background:#292929;display:flex;flex-direction:column;gap:15px}.brand-large{font-size:30px;font-weight:800;text-align:center}.login-card>p,.login-card>small{text-align:center;color:#aaa}.login-card input{padding:13px;border:1px solid #505050;border-radius:8px;background:#202020;color:white;outline:none}.login-card button{padding:13px;background:#ececec;border:0;border-radius:8px;font-weight:700;color:#171717}.login-error{color:#ff7777!important;font-size:12px;overflow-wrap:anywhere}@media (max-width:700px){.chat-sidebar{width:235px;min-width:235px}.suggestions{grid-template-columns:1fr}.chat-welcome h1{font-size:23px}}@media (max-width:520px){.chat-sidebar{width:220px;min-width:220px}.model-status{display:none}.chat-topbar{padding:0 10px}.message-list{padding:20px 5px}.workspace-file{display:none}}.markdown-content{color:#ececec;font-size:15px;line-height:1.75;overflow-wrap:anywhere;word-break:normal}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p{margin:0 0 14px;white-space:pre-wrap}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:#ffffff;font-weight:700;line-height:1.35;margin:24px 0 12px}.markdown-content h1{font-size:1.65rem}.markdown-content h2{font-size:1.4rem}.markdown-content h3{font-size:1.2rem}.markdown-content h4{font-size:1.05rem}.markdown-content strong{color:#ffffff;font-weight:700}.markdown-content ol,.markdown-content ul{margin:8px 0 18px;padding-left:26px}.markdown-content li{padding-left:4px;margin:5px 0}.markdown-content li>p{margin-bottom:5px}.markdown-content blockquote{margin:16px 0;padding:10px 16px;border-left:3px solid #777;background:#292929;color:#c8c8c8;border-radius:4px}.markdown-content hr{border:0;border-top:1px solid #444;margin:22px 0}.markdown-content code{background:#303030;color:#e6c98a;padding:2px 6px;border-radius:5px;font-size:.9em}.markdown-content pre{background:#111111;border:1px solid #383838;border-radius:10px;padding:16px;margin:16px 0;overflow-x:auto}.markdown-content pre code{background:transparent;color:#eeeeee;padding:0;font-size:13px;line-height:1.6}.markdown-content table{width:100%;border-collapse:collapse;margin:16px 0;display:block;overflow-x:auto}.markdown-content td,.markdown-content th{border:1px solid #444;padding:9px 12px;text-align:left}.markdown-content th{background:#303030;color:white;font-weight:700}.markdown-content tr:nth-child(2n){background:#292929}.markdown-content a{color:#8ab4f8;text-decoration:underline}.markdown-content img{max-width:100%;border-radius:10px}.language-selector,.login-language{display:flex;align-items:center;gap:7px;color:#aaa;font-size:12px}.language-selector select,.login-language select{background:#303030;color:#eee;border:1px solid #555;border-radius:8px;padding:7px 9px;outline:none}.login-language{justify-content:center;margin:12px 0}.composer-tools{gap:10px}.attach-button,.composer-tools{display:flex;align-items:center}.attach-button{width:34px;height:34px;border:1px solid #666;border-radius:50%;background:#414141;color:#eee;justify-content:center;cursor:pointer}.attach-button:hover{background:#555}.attach-button:disabled{opacity:.4;cursor:not-allowed}.selected-files{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px}.selected-file{display:flex;align-items:center;gap:7px;max-width:220px;padding:8px 10px;border:1px solid #555;border-radius:10px;background:#414141;color:#eee;font-size:12px}.selected-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file button{border:0;background:transparent;color:#bbb;cursor:pointer;display:flex;align-items:center}.upload-hint{display:block;text-align:center;color:#777;font-size:10px;margin-top:5px}@media (max-width:520px){.language-selector{gap:3px;font-size:10px}.language-selector select{padding:6px 4px;max-width:90px}.selected-file{max-width:170px}}.settings-button{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#aaa;cursor:pointer;padding:7px;border-radius:8px}.settings-button:hover{background:#383838;color:#fff}.settings-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:20px}.settings-panel{width:100%;max-width:440px;background:#242424;color:#eee;border:1px solid #444;border-radius:16px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.settings-heading h2{font-size:20px;margin:0}.settings-heading button{display:flex;border:0;background:transparent;color:#aaa;cursor:pointer;padding:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #444}.settings-row p{color:#999;font-size:12px;margin:5px 0 0}.settings-row select{background:#353535;color:#fff;border:1px solid #555;border-radius:8px;padding:9px 12px;max-width:130px}@media (max-width:520px){.settings-panel{padding:18px}}