:root{--bg:#0a0a0a;--panel:#111111;--panel-2:#161616;--user:#1f1f1f;--cari:#161616;--border:#262626;--border-soft:#1d1d1d;--text:#f0f0f0;--muted:#888;--muted-2:#5a5a5a;--accent:#ffffff;--green:#4ade80;--yellow:#facc15;--red:#ef4444;--topbar-h:56px;--composer-h:96px;--safe-bot:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}body{min-height:100dvh}button{font:inherit;cursor:pointer}.app{display:flex;flex-direction:column;min-height:100dvh}.loading-screen{min-height:100dvh;background:var(--bg)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:40px 1fr 40px;grid-gap:8px;height:var(--topbar-h);padding:0 12px;background:rgba(10,10,10,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.topbar,.topbar .title{align-items:center;gap:8px}.topbar .title{display:flex;justify-content:center;min-width:0}.topbar h1{font-size:16px;font-weight:600;margin:0;letter-spacing:-.01em}.topbar .sub{color:var(--muted);font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #4ade8055;flex-shrink:0}.status-dot.thinking{background:var(--yellow);box-shadow:0 0 8px #facc1555}.status-dot.error{background:var(--red);box-shadow:0 0 8px #ef444455}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:0;border-radius:10px;color:var(--text)}.avatar-btn,.icon-btn:hover{background:var(--panel-2)}.avatar-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);padding:0;overflow:hidden;justify-self:end;color:var(--text)}.avatar-btn img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:14px;font-weight:600}.menu-overlay{position:fixed;inset:0;z-index:40;background:transparent}.account-menu{position:absolute;top:calc(var(--topbar-h) + 4px);right:12px;z-index:50;min-width:220px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.4)}.account-info{padding:10px 12px;border-bottom:1px solid var(--border-soft)}.account-name{font-size:14px;font-weight:600}.account-email{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.menu-item{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:10px 12px;border-radius:8px;font-size:14px}.menu-item:hover{background:var(--panel-2)}.messages{flex:1 1;padding:16px 14px calc(var(--composer-h) + 24px + var(--safe-bot));max-width:760px;width:100%;margin:0 auto}.empty{color:var(--muted);text-align:center;padding:56px 12px 24px;font-size:15px;line-height:1.6}.empty h2{color:var(--text);font-weight:600;font-size:20px;margin:0 0 8px;letter-spacing:-.01em}.msg{padding:12px 14px;border-radius:14px;margin:10px 0;max-width:90%;white-space:pre-wrap;word-wrap:break-word;border:1px solid var(--border-soft);font-size:15px}.msg.user{background:var(--user);margin-left:auto;border-color:var(--border)}.msg.cari{background:var(--cari)}.msg.cari.thinking{color:var(--muted);font-style:italic}.meta{color:var(--muted-2);font-size:11px;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.composer-wrap{position:fixed;left:0;right:0;bottom:0;padding:8px 12px calc(12px + var(--safe-bot));background:linear-gradient(180deg,transparent,var(--bg) 30%);z-index:20}.toolbar{max-width:760px;margin:0 auto 6px;display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.toolbar label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar input[type=checkbox]{accent-color:var(--accent)}.toolbar .link-btn{background:transparent;border:0;color:var(--muted);text-decoration:underline;margin-left:auto;font-size:12px;padding:4px}.toolbar .link-btn:hover{color:var(--text)}.composer{max-width:760px;margin:0 auto;display:flex;gap:8px;align-items:flex-end;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:6px 6px 6px 10px}.composer textarea{flex:1 1;resize:none;background:transparent;color:var(--text);border:0;outline:none;padding:10px 4px;font:inherit;font-size:16px;min-height:24px;max-height:200px}.composer textarea::placeholder{color:var(--muted)}.composer .send{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent);color:#000;border:0;border-radius:12px}.composer .send:disabled{opacity:.35;cursor:not-allowed}.dots span{display:inline-block;animation:blink 1.4s infinite both}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:45;animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;left:0;bottom:0;width:86vw;max-width:340px;background:var(--panel);border-right:1px solid var(--border);z-index:50;display:flex;flex-direction:column;transform:translateX(-105%);transition:transform .22s ease;padding-top:env(safe-area-inset-top,0)}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px 16px;border-bottom:1px solid var(--border-soft)}.drawer-head h3{margin:0;font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.new-chat-btn{margin:10px 12px 6px;padding:10px 12px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;text-align:left;font-size:14px;font-weight:500}.new-chat-btn:hover{background:var(--user)}.conv-list{flex:1 1;overflow-y:auto;padding:4px 6px 16px;-webkit-overflow-scrolling:touch}.conv-empty{color:var(--muted);padding:16px;font-size:13px}.conv-item{display:block;width:100%;background:transparent;border:0;color:var(--text);text-align:left;padding:10px 12px;border-radius:10px;margin-bottom:2px}.conv-item:hover{background:var(--panel-2)}.conv-item.active{background:var(--user)}.conv-row{display:flex;gap:8px;align-items:center}.conv-title{flex:1 1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-del{color:var(--muted);font-size:18px;line-height:1;padding:0 6px;border-radius:6px}.conv-del:hover{color:var(--text);background:var(--border)}.conv-time{color:var(--muted-2);font-size:11px;margin-top:2px}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px 22px;text-align:center}.login-mark{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px}.login-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #4ade8055}.login-mark h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}.login-tag{color:var(--muted);font-size:14px;margin:0 0 22px}.google-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ffffff;color:#1f1f1f;border:0;border-radius:12px;padding:12px 16px;font-weight:600;font-size:15px}.google-btn:hover{background:#f3f3f3}.login-fine{color:var(--muted-2);font-size:12px;margin:16px 0 0}@media (min-width:768px){.topbar{padding:0 20px}.topbar h1{font-size:18px}.composer-wrap,.messages{padding-left:24px;padding-right:24px}.msg{font-size:16px}}@media (min-width:1024px){.drawer{transform:translateX(0);width:280px;max-width:280px;border-right:1px solid var(--border-soft)}.drawer-overlay{display:none}.app{padding-left:280px}.composer-wrap,.topbar{left:280px}.topbar .icon-btn[aria-label="Open history"]{visibility:hidden}}