:root{--bg:#0b0b0f;--panel:#14141b;--panel-2:#1b1b25;--text:#ececf1;--muted:#9a9ab0;--accent:#7c6cff;--accent-2:#b3a7ff;--user-bubble:#2a2a3a;--coco-bubble:#171722;--border:#262633}@media (prefers-color-scheme:light){:root{--bg:#f6f6fb;--panel:#fff;--panel-2:#f0f0f6;--text:#16161d;--muted:#6a6a80;--accent:#6a5aff;--accent-2:#4a3fd0;--user-bubble:#e7e4ff;--coco-bubble:#fff;--border:#e2e2ec}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{flex-direction:column;max-width:760px;height:100dvh;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:12px;padding:16px 20px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid}.header h1{margin:0;font-size:17px;line-height:1.1}.header .sub{color:var(--muted);font-size:12px}.stub-banner{color:var(--muted);background:var(--panel-2);border-bottom:1px solid var(--border);text-align:center;padding:8px 20px;font-size:12.5px}.messages{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.row{display:flex}.row.user{justify-content:flex-end}.row.assistant{justify-content:flex-start}.bubble{white-space:pre-wrap;word-wrap:break-word;border:1px solid var(--border);border-radius:16px;max-width:78%;padding:11px 14px;font-size:15px;line-height:1.5}.row.user .bubble{background:var(--user-bubble);border-bottom-right-radius:4px}.row.assistant .bubble{background:var(--coco-bubble);border-bottom-left-radius:4px}.empty{color:var(--muted);text-align:center;max-width:420px;margin:auto;font-size:15px;line-height:1.6}.home{width:100%;max-width:580px;margin:auto;padding:16px 0}.home .empty{margin:0 auto 26px}.recent{text-align:left}.recent-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:700}.recent-item{text-align:left;background:var(--panel);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.recent-item:hover{border-color:var(--accent)}.recent-main{min-width:0}.recent-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.recent-meta{color:var(--muted);margin-top:2px;font-size:12px}.recent-open{color:var(--accent);flex:none;font-size:13px}.composer{border-top:1px solid var(--border);background:var(--panel);gap:10px;padding:14px 16px;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:14px;flex:1;max-height:160px;padding:12px 14px;font-family:inherit;font-size:15px;line-height:1.4}.composer textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.composer button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:none;padding:0 20px;font-size:15px;font-weight:600}.composer button:disabled{opacity:.45;cursor:default}.typing{color:var(--muted);font-size:14px;font-style:italic}.ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:7px 12px;font-size:13px}.ghost:hover{color:var(--text)}.login{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:360px;padding:40px 28px;display:flex}.login-card h1{margin:12px 0 0;font-size:24px}.login-sub{color:var(--muted);margin:0 0 20px;font-size:15px}.avatar-lg{width:64px;height:64px;font-size:28px}.google-btn{border:1px solid var(--border);background:var(--accent);color:#fff;cursor:pointer;border-radius:12px;width:100%;padding:12px 16px;font-size:15px;font-weight:600}.google-btn:disabled{opacity:.55;cursor:default}.login-error{color:#e0607a;margin:6px 0 0;font-size:13px}.shell{height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;flex:0 0 244px;width:244px;padding:16px 12px;display:flex}.brand{align-items:center;gap:10px;padding:8px 6px 4px;display:flex}.brand-name{font-size:16px;font-weight:700;line-height:1.1}.brand-sub{color:var(--muted);font-size:12px}.nav{flex-direction:column;flex:1;gap:2px;margin-top:16px;display:flex}.navlink{color:var(--muted);border-radius:10px;align-items:center;gap:11px;padding:9px 12px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex}.navlink:hover{background:var(--panel-2);color:var(--text)}.navlink.active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text)}.navlink .ic{text-align:center;opacity:.85;width:18px}.signout{border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.who{color:var(--muted);margin-bottom:6px;padding:0 4px;font-size:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-panel{flex-direction:column;flex:1;min-height:0;display:flex}.chat-head{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.chat-title{font-size:15px;font-weight:700}.role-picker{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.role-picker .select{width:auto;padding:6px 10px;font-size:13.5px}.actask-current{color:var(--accent);font-size:15px;font-weight:700}.slider{width:100%;accent-color:var(--accent);cursor:pointer}.slider-ticks{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.slider-ticks .on{color:var(--accent);font-weight:700}.addr{position:relative}.addr-menu{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:10px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 32px #0000002e}.addr-item{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;padding:9px 12px;font-size:13.5px;line-height:1.4;display:block}.addr-item:last-child{border-bottom:none}.addr-item:hover{background:var(--panel-2)}.page{flex:1;width:100%;max-width:900px;padding:30px 34px;overflow-y:auto}.page-head{margin-bottom:22px}.page-head h1{margin:0 0 5px;font-size:22px}.page-head p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.stack{flex-direction:column;gap:12px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted);font-size:13.5px}.section-title{letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin:26px 0 10px;font-size:13px;font-weight:700}.input,.textarea,.select{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14.5px}.textarea{resize:vertical;min-height:90px;line-height:1.5}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--accent);outline-offset:-1px}.field-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.btn{background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:default}.btn-danger{color:#e0607a;border:1px solid var(--border);background:0 0;padding:7px 12px;font-size:13px}.btn-row{align-items:center;gap:8px;display:flex}.saved-note{color:#24a37a;font-size:13px;font-weight:600;animation:.18s savedIn}@keyframes savedIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.badge{letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.badge.business{color:#6a5aff;border-color:#6a5aff66}.badge.personal{color:#24a37a;border-color:#24a37a66}.badge.community{color:#d08a2a;border-color:#d08a2a66}.emptystate{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:14px;padding:28px}.nav-svg{width:20px;height:20px;display:block}.tabbar{display:none}@media (max-width:768px){.sidebar{display:none}.main{padding-top:env(safe-area-inset-top);padding-bottom:calc(58px + env(safe-area-inset-bottom))}.tabbar{z-index:50;background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);letter-spacing:.01em;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 2px 7px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.tab.active{color:var(--accent)}.tab-ic{place-items:center;display:grid}.tab-label{line-height:1}.page{max-width:100%;padding:18px 16px}.chat-head{padding:12px 16px}.home{padding:8px 0 16px}}