:root{--blue:#9cb7ff;--blue-bright:#c6d4ff;--violet:#c2a8ff;--ink:#f5f7ff;--muted:#adb6cf;--line:rgba(255,255,255,.14);--surface:rgba(20,27,57,.48);--surface-strong:rgba(32,41,78,.68);--canvas:#0b1023;--shadow:0 22px 60px rgba(2,5,22,.34);--radius:18px}*{box-sizing:border-box}body{min-height:100dvh;margin:0;overflow:hidden;background:var(--canvas);color:var(--ink);font:14px/1.5 Inter,"Segoe UI",SegoeUI,Arial,sans-serif}body:before,body:after{position:fixed;z-index:-1;width:42vw;height:42vw;border-radius:50%;content:"";filter:blur(20px);pointer-events:none}body:before{top:-17vw;left:18vw;background:radial-gradient(circle,rgba(83,114,255,.54),rgba(83,114,255,0) 68%)}body:after{right:-14vw;bottom:-18vw;background:radial-gradient(circle,rgba(179,101,255,.45),rgba(179,101,255,0) 67%)}button,a{font:inherit}.app-shell{display:flex;gap:16px;height:100dvh;padding:16px}.sidebar{display:flex;width:270px;flex-direction:column;padding:18px 12px;background:rgba(17,24,52,.58);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 28px;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.03em;text-decoration:none}.brand-mark,.welcome-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(208,219,255,.5);border-radius:10px;background:linear-gradient(135deg,rgba(164,188,255,.92),rgba(197,157,255,.7));box-shadow:0 8px 18px rgba(89,94,255,.25);color:#fff;font-size:17px}.new-chat,.nav-item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:12px;padding:10px 12px;color:var(--ink);background:transparent;text-align:left;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.new-chat{justify-content:center;border-color:rgba(218,229,255,.25);background:linear-gradient(135deg,rgba(137,165,255,.8),rgba(153,112,241,.76));box-shadow:0 8px 24px rgba(54,69,184,.3);font-weight:650}.new-chat:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(159,183,255,.95),rgba(175,132,255,.9))}nav{margin-top:28px}nav p{margin:0 12px 9px;color:#8e9abc;font-size:10px;font-weight:700;letter-spacing:.12em}.nav-item.active,.nav-item:hover{border-color:rgba(255,255,255,.12);background:rgba(210,221,255,.1)}.sidebar-bottom{margin-top:auto;padding:12px;color:var(--muted);font-size:13px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#70e2b0;box-shadow:0 0 12px #70e2b0}.workspace{display:flex;min-width:0;flex:1;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:rgba(16,22,48,.34);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.topbar{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 30px;border-bottom:1px solid var(--line);background:rgba(33,42,78,.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.topbar h1{margin:0;font-size:16px;font-weight:650;letter-spacing:-.015em}.topbar p{margin:2px 0 0;color:var(--muted);font-size:12px}.clear-button{margin-left:auto;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;transition:.18s}.clear-button:hover{background:rgba(255,255,255,.11);color:#fff}.mobile-menu{display:none}.chat{width:min(920px,100%);flex:1;overflow:auto;margin:auto;padding:42px 30px}.chat::-webkit-scrollbar{width:8px}.chat::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(201,211,255,.22)}.welcome{display:grid;place-items:center;min-height:100%;padding-bottom:12vh;text-align:center}.welcome-mark{width:50px;height:50px;border-radius:17px;font-size:25px}.welcome h2{margin:18px 0 5px;font-size:30px;font-weight:650;letter-spacing:-.04em}.welcome p{margin:0;color:var(--muted);font-size:16px}.suggestions{display:flex;gap:10px;margin-top:30px}.suggestions button{border:1px solid var(--line);border-radius:14px;padding:12px 15px;background:rgba(255,255,255,.07);box-shadow:0 10px 24px rgba(0,0,0,.1);color:var(--ink);cursor:pointer;transition:.18s}.suggestions button:hover{border-color:rgba(190,207,255,.5);background:rgba(177,197,255,.16);transform:translateY(-2px)}.message{display:flex;gap:13px;max-width:820px;margin:0 auto 24px}.message.thinking[hidden]{display:none}.user{flex-direction:row-reverse}.user .message-content{flex:0 1 auto;text-align:right}.user .message-author{text-align:right}.avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(210,222,255,.38);border-radius:11px;background:linear-gradient(135deg,rgba(154,183,255,.78),rgba(178,134,250,.76));box-shadow:0 7px 16px rgba(62,71,174,.25);color:#fff;font-weight:700}.user .avatar{background:rgba(255,255,255,.12);box-shadow:none;color:#e3e8ff}.message-content{min-width:0;flex:1;padding:1px 2px}.assistant .message-content{padding:13px 16px;border:1px solid rgba(255,255,255,.1);border-radius:0 15px 15px 15px;background:rgba(255,255,255,.055);box-shadow:0 10px 28px rgba(3,7,26,.12)}.message-author{margin:0 0 6px;color:#cbd4ed;font-size:12px;font-weight:650}.message-text{font-size:15px;overflow-wrap:anywhere}.message-text p:first-child{margin-top:0}.message-text p:last-child{margin-bottom:0}.message-text strong{font-weight:700;color:#fff}.message-text em{font-style:italic}.message-text :not(pre)>code{padding:2px 5px;border-radius:5px;background:rgba(211,220,255,.13);color:#d5e1ff;font:12px Consolas,"Courier New",monospace}.code-block{position:relative;margin:13px 0;border:1px solid rgba(215,224,255,.16);border-radius:11px;overflow:hidden;background:rgba(7,11,31,.72);color:#edf0ff}.code-header{display:flex;justify-content:space-between;min-height:35px;padding:7px 10px;background:rgba(255,255,255,.06);color:#c5cce5;font:12px Consolas,monospace}.copy-code{border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px 7px;background:rgba(255,255,255,.09);color:#fff;cursor:pointer}.code-block pre{margin:0;padding:14px;overflow:auto;font:13px/1.55 Consolas,"Courier New",monospace}.typing{display:flex;gap:5px;padding:5px 0}.typing i{width:7px;height:7px;border-radius:50%;background:var(--blue-bright);box-shadow:0 0 9px var(--blue);animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.25}}.composer-area{padding:14px 30px 18px;background:linear-gradient(transparent,rgba(15,21,46,.58) 35%)}.composer{display:flex;align-items:end;gap:8px;width:min(840px,100%);margin:auto;padding:8px 8px 8px 15px;border:1px solid rgba(218,226,255,.2);border-radius:16px;background:rgba(255,255,255,.1);box-shadow:0 14px 34px rgba(3,7,26,.22),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:.18s}.composer:focus-within{border-color:rgba(185,204,255,.65);box-shadow:0 0 0 3px rgba(133,161,255,.14),0 14px 34px rgba(3,7,26,.22)}textarea{width:100%;max-height:180px;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font:15px/1.45 inherit}textarea::placeholder{color:#aab3ce}.composer button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(231,237,255,.35);border-radius:11px;background:linear-gradient(135deg,#a8c1ff,#a877ea);box-shadow:0 6px 14px rgba(65,68,187,.3);color:#fff;font-size:19px;cursor:pointer}.composer button:disabled{filter:saturate(.2);opacity:.6}.composer-area p{margin:8px 0 0;text-align:center;color:#909bb8;font-size:11px}@media(max-width:700px){body{overflow:auto}.app-shell{height:100dvh;padding:8px}.sidebar{position:fixed;z-index:3;top:8px;bottom:8px;left:8px;transform:translateX(calc(-100% - 10px));transition:.22s}.sidebar.open{transform:translateX(0);box-shadow:3px 0 28px #0008}.workspace{border-radius:14px}.mobile-menu{display:block;border:0;background:none;color:var(--ink);font-size:20px}.topbar{padding:10px 16px}.chat{padding:24px 16px}.composer-area{padding:10px 16px 14px}.suggestions{flex-direction:column}.welcome h2{font-size:25px}}

/* Chat navigation and message refinements */
.chat-nav-row{display:flex;align-items:center;border:1px solid transparent;border-radius:12px}.chat-nav-row.active,.chat-nav-row:hover{border-color:rgba(255,255,255,.12);background:rgba(210,221,255,.1)}.chat-nav-row .nav-item{min-width:0;border:0}.chat-nav-row .nav-item:hover{background:transparent}.chat-nav-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-pending{flex:0 0 7px;width:7px;height:7px;margin-left:auto;border-radius:50%;background:#aebeff;box-shadow:0 0 10px #aebeff;animation:blink 1.2s infinite}.delete-chat{width:26px;height:26px;margin-right:7px;border:0;border-radius:8px;background:transparent;color:#aeb8d4;font-size:20px;line-height:1;cursor:pointer;opacity:0;transition:.18s}.chat-nav-row:hover .delete-chat,.delete-chat:focus-visible{opacity:1}.delete-chat:hover{background:rgba(255,116,146,.18);color:#ffc0cf}
.user-avatar{position:relative;overflow:hidden;border-color:rgba(224,234,255,.52)!important;background:linear-gradient(145deg,#8bd6ed,#738df2 52%,#a37dea)!important;box-shadow:0 8px 18px rgba(79,102,225,.32)!important}.avatar-person:before,.avatar-person:after{position:absolute;left:50%;display:block;content:"";transform:translateX(-50%);background:rgba(255,255,255,.92)}.avatar-person:before{top:7px;width:9px;height:9px;border-radius:50%}.avatar-person:after{bottom:-4px;width:19px;height:16px;border-radius:11px 11px 0 0}
.assistant .message-content,.user .message-content{padding:13px 16px!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 28px rgba(3,7,26,.12)!important}.user .message-content{border-color:rgba(192,211,255,.27)!important;border-radius:15px 0 15px 15px!important;background:linear-gradient(135deg,rgba(126,153,244,.22),rgba(175,123,231,.18))!important}
textarea{display:block!important;min-height:22px!important;padding:0!important;font:15px/22px Inter,"Segoe UI",SegoeUI,Arial,sans-serif!important}
@media(max-width:700px){.delete-chat{opacity:1}}