*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#212121;--bg-elevated:#2f2f2f;--bg-sidebar:#171717;--bg-hover:#2a2a2a;--bg-active:#303030;--bg-user:#2f2f2f;--bg-composer:#303030;--ink:#ececec;--ink-secondary:#b4b4b4;--ink-muted:#8e8e8e;--line:#424242;--line-soft:#333;--accent:#10a37f;--accent-hover:#1a7f64;--danger:#f07178;--danger-bg:#f071781f;--code-bg:#0d0d0d;--code-bar:#1a1a1a;--shadow:0 0 0 1px #ffffff0f, 0 8px 24px #00000047;--radius:16px;--radius-sm:10px;--font:"Söhne", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}@keyframes dropIn{0%{opacity:0;transform:translateY(-14px)scale(.94)rotate(-1deg)}60%{transform:translateY(3px)scale(1.01)rotate(.5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes bounceDot{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes popCard{0%{opacity:0;transform:translateY(10px)scale(.92)}70%{transform:translateY(-2px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #10a37f00}50%{box-shadow:0 0 0 4px #10a37f1f}}@keyframes spinCoin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}html,body,#root{width:100%;height:100%;min-height:100%}body{background:var(--bg);color:var(--ink);animation:.45s cubic-bezier(.34,1.56,.64,1) dropIn;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.app{background:var(--bg);grid-template-columns:260px 1fr;height:100%;min-height:100svh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--line-soft);flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.sidebar.closed{display:none}.sidebar-top-row{align-items:center;gap:8px;display:flex}.sidebar-top-row>.btn{flex:1;width:auto;min-width:0}.sidebar-close,.sidebar-backdrop{display:none}.app:has(.sidebar.closed){grid-template-columns:1fr}.sidebar-top,.sidebar-foot{flex-shrink:0}.chat-list{flex-direction:column;flex:1;gap:2px;margin-top:4px;padding-right:2px;display:flex;overflow:auto}.chat-list::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar{width:8px}.chat-list::-webkit-scrollbar-thumb{background:#444;border-radius:8px}.messages::-webkit-scrollbar-thumb{background:#444;border-radius:8px}.chat-list::-webkit-scrollbar-track{background:0 0}.messages::-webkit-scrollbar-track{background:0 0}.chat-item{cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;transition:all .12s cubic-bezier(.34,1.56,.64,1);animation:.35s cubic-bezier(.34,1.56,.64,1) both popCard;display:flex}.chat-item:hover{background:var(--bg-hover);transform:translate(-1px,-1px)}.chat-item:active{transform:translate(1px,1px)}.chat-item.active{background:var(--bg-active);animation:.35s cubic-bezier(.34,1.56,.64,1) both popCard,1.4s infinite pulseGlow}.chat-item .icon-btn{opacity:0;width:28px;height:28px;box-shadow:none;color:var(--ink-muted);background:0 0;border:0;border-radius:6px}.chat-item:hover .icon-btn,.chat-item.active .icon-btn{opacity:1}.chat-item .icon-btn:hover{color:var(--danger);box-shadow:none;background:#ffffff14;transform:none}.chat-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink);flex:1;font-size:14px;font-weight:400;overflow:hidden}.main{background:var(--bg);flex-direction:column;width:100%;min-width:0;max-width:100vw;min-height:0;display:flex;overflow:hidden}.topbar{background:var(--bg);color:var(--ink);z-index:5;border-bottom:1px solid #0000;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand h1{letter-spacing:-.01em;color:var(--ink);text-shadow:none;margin:0;font-size:16px;font-weight:600}.brand p{color:var(--ink-muted);margin:0;font-size:12px}.logo{color:#fff;background:linear-gradient(135deg,#10a37f,#1a7f64);border:0;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;animation:2.4s ease-in-out infinite floatSoft;display:grid}.top-controls{align-items:center;gap:10px;margin-left:auto;display:flex}.messages{background:var(--bg);flex-direction:column;flex:1;gap:0;padding:12px 0 24px;display:flex;overflow:auto}.empty{flex:1;place-items:center;padding:32px 20px;display:grid}.empty-card{text-align:center;border-radius:var(--radius);width:100%;max-width:640px;box-shadow:none;background:0 0;border:0;padding:28px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) both popCard}.empty-card h2{color:var(--ink);letter-spacing:-.03em;margin:0 0 8px;font-size:28px;font-weight:600}.empty-card p{color:var(--ink-muted);margin:0 0 20px;font-size:15px;font-weight:400}.empty-card ul{text-align:left;margin:0;gap:10px;max-width:480px;margin-inline:auto;padding:0;list-style:none;display:grid}.empty-card li{border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink-secondary);border-radius:14px;margin:0;padding:14px 16px;font-size:14px;font-weight:400;line-height:1.45;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .12s;animation:.4s cubic-bezier(.34,1.56,.64,1) both popCard}.empty-card li:first-child{animation-delay:50ms}.empty-card li:nth-child(2){animation-delay:.1s}.empty-card li:nth-child(3){animation-delay:.15s}.empty-card li:hover{background:var(--bg-active);transform:translateY(-2px)}.msg{width:100%;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:18px 0;animation:.4s cubic-bezier(.34,1.56,.64,1) both popCard}.msg>*{width:100%;max-width:768px;margin-inline:auto;padding-inline:20px}.msg.assistant.image-only{background:0 0;max-width:none;padding:12px 0}.msg.assistant.image-only .msg-images{margin-bottom:0}.msg.user{color:var(--ink);background:0 0;align-self:stretch}.msg.user .msg-body{background:var(--bg-user);border:1px solid var(--line-soft);border-radius:22px;width:fit-content;max-width:min(680px,100%);margin-left:auto;padding:10px 16px;font-weight:400;animation:.35s cubic-bezier(.34,1.56,.64,1) both popCard}.msg.assistant{background:0 0;align-self:stretch}.msg.err{box-shadow:none;background:0 0;border:0;animation:.4s cubic-bezier(.34,1.56,.64,1) both popCard,.5s wobble}.msg-meta{opacity:1;text-transform:none;letter-spacing:0;color:var(--ink);align-items:center;gap:10px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.msg-meta:before{content:"";background:var(--bg-elevated);border:1px solid var(--line);border-radius:50%;flex-shrink:0;width:28px;height:28px}.msg.user .msg-meta:before{background:#5436da;border-color:#0000}.msg.assistant .msg-meta:before{background:linear-gradient(135deg,#10a37f,#0d8a6a);border-color:#0000}.msg.user .msg-meta{justify-content:flex-end}.msg.user .msg-meta:before{order:2}.tag{display:none}.msg-body{white-space:pre-wrap;word-break:break-word;color:var(--ink);font-size:15.5px;font-weight:400;line-height:1.7}.msg-body.md{white-space:normal}.msg-error{background:var(--danger-bg);border:1px solid #f0717859;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.msg-error-icon{background:var(--danger);color:#1a0a10;width:26px;height:26px;box-shadow:none;border:0;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.msg-error-body strong{color:#ffb4bc;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.msg-error-body p{color:#f3d0d4;margin:0;font-size:13.5px;font-weight:400;line-height:1.5}.md-body{flex-direction:column;gap:12px;display:flex}.md-text{white-space:pre-wrap;word-break:break-word}.md-inline-code{font-family:var(--mono);color:#f0f0f0;background:#ffffff14;border:0;border-radius:6px;padding:2px 6px;font-size:.9em;font-weight:500}.code-block{border:1px solid var(--line-soft);background:var(--code-bg);color:#f4f4f4;box-shadow:none;border-radius:12px;margin:4px 0;overflow:hidden}.code-block-bar{background:var(--code-bar);border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.code-lang{text-transform:lowercase;color:var(--ink-muted);font-size:12px;font-weight:500;font-family:var(--mono)}.code-copy{color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s}.code-copy:hover{color:var(--ink);background:#ffffff14}.code-block pre{max-width:100%;margin:0;padding:14px 16px;overflow-x:auto}.code-block code{font-family:var(--mono);white-space:pre;color:#e8e8e8;font-size:13px;font-weight:400;line-height:1.6}.msg-images{flex-wrap:wrap;gap:10px;width:100%;margin-bottom:12px;display:flex}.img-wrap{max-width:100%;display:inline-block;position:relative}.img-open{cursor:zoom-in;background:0 0;border:0;border-radius:12px;width:100%;margin:0;padding:0;line-height:0;display:block;overflow:hidden}.img-open img{border-radius:12px;max-width:100%;display:block}.img-dl{color:#fff;width:32px;height:32px;box-shadow:none;opacity:0;background:#000000a6;border:0;border-radius:8px;transition:opacity .15s;position:absolute;top:8px;right:8px}.img-wrap:hover .img-dl{opacity:1}.msg-images.user-imgs .img-wrap{max-width:220px}.msg-images.ai-imgs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;max-width:520px;display:grid}.msg-images.ai-imgs img{object-fit:cover;border-radius:12px;width:100%;max-height:420px}.typing{align-items:center;gap:5px;min-height:24px;padding:4px 0;display:inline-flex}.typing span{background:var(--ink-muted);border-radius:50%;width:7px;height:7px;animation:.9s infinite bounceDot}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.composer{background:linear-gradient(180deg, transparent 0%, var(--bg) 28%);border-top:0;padding:8px 16px 18px}.composer-box{background:var(--bg-composer);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;align-items:flex-end;gap:8px;width:100%;max-width:768px;margin-inline:auto;padding:10px 12px;transition:border-color .15s,box-shadow .15s;animation:.4s cubic-bezier(.34,1.56,.64,1) both popCard;display:flex}.composer-box:focus-within{border-color:#555;box-shadow:0 0 0 1px #ffffff14,0 8px 28px #00000059}.composer-box .model-select{display:none}.composer-box textarea{resize:none;width:100%;min-width:0;min-height:28px;max-height:200px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:6px 4px;font-size:15.5px;font-weight:400;line-height:1.5}.composer-box textarea::placeholder{color:var(--ink-muted);font-weight:400}.attach-row{flex-wrap:wrap;gap:10px;width:100%;max-width:768px;margin:0 auto 10px;padding-inline:4px;display:flex}.attach{position:relative}.attach img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:64px;height:64px}.attach .icon-btn{width:22px;height:22px;box-shadow:none;color:#fff;background:#444;border:0;border-radius:50%;font-size:14px;position:absolute;top:-6px;right:-6px}.hint{max-width:768px;color:var(--ink-muted);opacity:1;text-align:center;margin:10px auto 0;font-size:12px;font-weight:400}.btn{border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);box-shadow:none;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:500;transition:all .12s cubic-bezier(.34,1.56,.64,1)}.btn:hover{background:var(--bg-hover);transform:translate(-1px,-1px)}.btn:active{transform:translate(1px,1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--ink);color:#0d0d0d;border-color:#0000}.btn.primary:hover{background:#fff}.btn.danger{color:var(--danger);background:0 0;border-color:#f0717866}.btn.ghost{color:var(--ink-secondary);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-hover);color:var(--ink)}.btn.full{width:100%}.icon-btn{width:36px;height:36px;color:var(--ink-secondary);box-shadow:none;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:all .12s cubic-bezier(.34,1.56,.64,1);display:grid}.icon-btn:hover{background:var(--bg-hover);color:var(--ink);transform:translate(-1px,-1px)}.icon-btn:active{transform:translate(1px,1px)}.topbar .icon-btn{color:var(--ink-secondary);box-shadow:none;background:0 0}.icon-btn.danger{color:var(--ink-muted)}.composer-box>.btn{border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;font-size:13px;font-weight:600;display:grid}.composer-box>.btn.primary{background:var(--ink);color:#111}.composer-box>.btn.primary:disabled{color:#222;opacity:1;background:#555}.composer-box>.btn.danger{color:var(--ink);background:#444;border:0}.composer-box:has(.btn.danger){border-color:#555}.banner.error{background:var(--danger-bg);width:calc(100% - 32px);max-width:768px;box-shadow:none;color:#ffc9cf;border:1px solid #f0717859;border-radius:12px;align-items:center;gap:10px;margin:0 auto 8px;padding:10px 12px;font-size:13px;font-weight:500;animation:.3s dropIn,.5s wobble;display:flex}.banner-dot{background:var(--danger);width:8px;height:8px;box-shadow:none;border-radius:50%;flex-shrink:0}.banner-text{flex:1;min-width:0;line-height:1.4}.banner-close{color:#ffc9cf;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;width:28px;height:28px;font-size:18px;font-weight:600;line-height:1}.banner-close:hover{background:#ffffff0f}.modal-bg{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;place-items:center;padding:16px;animation:.3s dropIn;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;width:min(440px,100%);padding:22px;animation:.35s cubic-bezier(.34,1.56,.64,1) both popCard;box-shadow:0 16px 48px #00000073}.modal h2{margin:0 0 12px;font-size:18px;font-weight:600}.modal .muted{color:var(--ink-muted);margin:0 0 8px;font-size:13.5px;font-weight:400}.modal code{font-family:var(--mono);color:var(--ink-secondary);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.lightbox-bg{z-index:60;background:#000000d1;place-items:center;padding:16px;animation:.3s dropIn;display:grid;position:fixed;inset:0}.lightbox{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:min(920px,100%);max-height:92vh;animation:.35s cubic-bezier(.34,1.56,.64,1) both popCard;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.lightbox-bar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.lightbox-title{color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.lightbox-actions{flex-shrink:0;gap:8px;display:flex}.lightbox-img{object-fit:contain;background:#0d0d0d;width:100%;max-height:78vh;display:block}@media (width<=860px){.app{grid-template-columns:1fr}.sidebar{z-index:40;width:min(86vw,300px);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:8px 0 32px #0006}.sidebar.open{display:flex;transform:translate(0)}.sidebar.closed{pointer-events:none;display:flex;transform:translate(-105%)}.sidebar-close{display:grid}.sidebar-backdrop{z-index:30;background:#00000080;border:0;display:block;position:fixed;inset:0}.msg>*{padding-inline:14px}.composer{padding:8px 10px calc(12px + env(safe-area-inset-bottom,0px))}.composer-box{gap:6px;padding:8px 10px}.composer-box textarea{min-height:28px;font-size:16px}.empty-card h2{font-size:22px}.img-dl{opacity:1}}@media (width<=420px){.topbar{padding-inline:10px}.composer{padding-inline:8px}.msg-images.ai-imgs{grid-template-columns:1fr}}