:root{--bg:#0b0c0f;--panel:#0f1114;--muted:#9aa4b2;--text:#e6eef3;--accent:#10a37f;--accent-2:#2bd48a;--danger:#ff6b6b;--glass:#ffffff08;--glass-2:#ffffff05;--radius:12px;--radius-sm:8px;--gap:12px;--transition-fast:.18s;--transition-med:.3s;--shadow-soft:0 6px 24px #02061799;--max-width-chat:880px}body.light-theme{--bg:#f6f7fb;--panel:#fff;--muted:#566270;--text:#0b1220;--accent:#006c5f;--accent-2:#008e72;--glass:#0b122008;--glass-2:#0b122005;--shadow-soft:0 8px 30px #0b12200f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#__next{height:100%}body{background:radial-gradient(1200px 600px at 10% 20%,#10a37f0a,transparent),radial-gradient(800px 400px at 90% 80%,#2bd48a08,transparent),var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;transition:background var(--transition-med)ease,color var(--transition-med)ease;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.45;overflow:hidden}.app{width:100%;height:100vh;display:flex}aside{background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel)85%,black 5%));gap:var(--gap);width:300px;min-width:260px;max-width:320px;box-shadow:var(--shadow-soft);transition:transform var(--transition-fast)ease,width var(--transition-med)ease;border-right:1px solid #ffffff05;flex-direction:column;padding:18px;display:flex}aside .new{background:linear-gradient(90deg,color-mix(in srgb,var(--accent)85%,transparent),var(--accent-2));color:#fff;cursor:pointer;transition:transform var(--transition-fast)ease,box-shadow var(--transition-fast)ease,opacity var(--transition-fast);border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex;box-shadow:0 6px 20px #10a37f1f}aside .new:hover{transform:translateY(-2px);box-shadow:0 10px 30px #10a37f24}.sidebar-list{flex-direction:column;gap:8px;padding-right:6px;display:flex;overflow-y:auto}.conv-item{cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);color:var(--text);opacity:.95;background:linear-gradient(#0000,#0000);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.conv-item .title{white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:14px;font-weight:600;overflow:hidden}.conv-item .preview{color:var(--muted);margin-left:auto;font-size:12px}.conv-item:hover{background:var(--glass);transform:translateY(-2px)}.conv-item.active{background:linear-gradient(90deg,#10a37f14,#2bd48a05);box-shadow:inset 0 1px #ffffff05}.sidebar-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.user-avatar{width:36px;height:36px;color:var(--text);background:linear-gradient(#ffffff08,#ffffff05);border-radius:8px;place-items:center;font-weight:700;display:grid;box-shadow:0 6px 18px #02061799}main{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.header{background:linear-gradient(#ffffff03,#0000);border-bottom:1px solid #ffffff05;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.header .brand{align-items:center;gap:12px;display:flex}.logo-round{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 8px 30px #10a37f1f}.chat-container{flex:1;justify-content:center;padding:20px;display:flex;overflow:hidden}.chat-column{width:100%;max-width:var(--max-width-chat);background:0 0;flex-direction:column;height:calc(100vh - 140px);display:flex}.messages{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.message{word-break:break-word;max-width:78%;animation:appearUp .22s var(--transition-fast)ease both;border-radius:12px;padding:12px 14px;line-height:1.5;position:relative;box-shadow:0 6px 18px #02061766}.message.user{color:var(--text);transform-origin:100%;background:linear-gradient(#ffffff08,#ffffff05);border-bottom-right-radius:6px;margin-left:auto}.message.assistant{color:var(--text);transform-origin:0;background:linear-gradient(#ffffff03,#ffffff05);border-bottom-left-radius:6px;margin-right:auto}.msg-meta{color:var(--muted);margin-top:6px;font-size:12px}.message pre,.message code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace}.message pre{white-space:pre-wrap;max-height:360px;box-shadow:none;background:#02061780;border-left:3px solid #10a37fe6;border-radius:8px;margin:8px 0 0;padding:12px;overflow:auto}.message code{color:var(--text);background:#00000040;border-radius:6px;padding:2px 6px}.message strong{color:var(--text);font-weight:700}.typing{align-items:center;gap:6px;display:flex}.typing span{opacity:.9;background:#ffffff2e;border-radius:50%;width:8px;height:8px;animation:1s cubic-bezier(.2,.85,.32,1) infinite typingBounce;transform:translateY(0)}.typing span:nth-child(2){animation-delay:.12s}.typing span:nth-child(3){animation-delay:.24s}.input-area{background:linear-gradient(#ffffff03,#0000);border-top:1px solid #ffffff05;align-items:center;gap:10px;padding:16px 20px;display:flex}.input-area textarea{resize:none;min-height:48px;max-height:240px;color:var(--text);transition:box-shadow var(--transition-fast),transform var(--transition-fast);background:#ffffff05;border:none;border-radius:12px;outline:none;flex:1;padding:12px 14px;font-size:15px}.input-area textarea:focus{transform:translateY(-2px);box-shadow:0 8px 30px #10a37f14}.send-btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:inline-flex}.send-btn:active{transform:translateY(1px)}.send-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.copy-btn{color:var(--text);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);background:#00000052;border:none;border-radius:8px;padding:6px 8px;font-size:12px;position:absolute;top:8px;right:8px}.copy-btn:hover{transform:translateY(-2px)}.messages::-webkit-scrollbar{width:10px;height:10px}.sidebar-list::-webkit-scrollbar{width:10px;height:10px}.messages::-webkit-scrollbar-thumb{background:linear-gradient(#ffffff0a,#ffffff05) padding-box padding-box;border:2px solid #0000;border-radius:10px}.sidebar-list::-webkit-scrollbar-thumb{background:linear-gradient(#ffffff0a,#ffffff05) padding-box padding-box;border:2px solid #0000;border-radius:10px}@media (max-width:900px){aside{display:none}.chat-column{max-width:100%;padding:14px}.message{max-width:92%}}@keyframes appearUp{0%{opacity:0;transform:translateY(6px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes typingBounce{0%{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}60%{opacity:.6;transform:translateY(0)}to{opacity:.5;transform:translateY(0)}}.center{place-items:center;display:grid}.kv,.small{color:var(--muted);font-size:13px}button:focus,.conv-item:focus,.send-btn:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--accent)20%,transparent);outline-offset:2px}.bg-orb{pointer-events:none;filter:blur(60px);opacity:.06;position:absolute}.message strong{font-weight:600}.message em{opacity:.9}.message ul{margin:6px 0;padding-left:18px}.message pre{color:#f9fafb;background:#111827;border-radius:10px;margin:8px 0;padding:12px;overflow-x:auto}.message code{background:#2a2a2a;border-radius:6px;padding:2px 6px;font-family:ui-monospace,monospace}