.chatpage{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.chatpage .app{flex:1;grid-template-columns:272px minmax(0,1fr);min-height:0;display:grid}.chatpage .btn{gap:8px;padding:9px 14px}.chatpage .btn svg,.chatpage .act svg,.chatpage .del svg,.chatpage .side-foot svg,.chatpage .picker-btn svg{flex:none;width:16px;height:16px}.chatpage .side{border-right:1px solid var(--line-soft);background:var(--bg);min-height:0;padding-left:env(safe-area-inset-left,0px);flex-direction:column;display:flex}.chatpage .side-top{padding:14px}.chatpage .chats{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;padding:0 8px 12px;overflow-y:auto}.chatpage .group{color:var(--faint);padding:14px 10px 6px;font-size:13px}.chatpage .chat-item{border-radius:var(--r-sm);align-items:center;display:flex;position:relative}.chatpage .chat-item>button:first-child{min-width:0;color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:var(--r-sm);background:0 0;border:0;flex:1;padding:9px 40px 9px 10px;font-size:14.5px;overflow:hidden}.chatpage .chat-item:hover>button:first-child,.chatpage .chat-item>button[aria-current=true]{background:var(--surface-2);color:var(--fg)}.chatpage .chat-item .del{width:28px;height:28px;color:var(--faint);opacity:0;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;right:6px}.chatpage .chat-item:hover .del,.chatpage .chat-item:focus-within .del,.chatpage .chat-item>button[aria-current=true]+.del{opacity:1}.chatpage .chat-item .del:hover{color:var(--fg);background:var(--surface)}.chatpage .side-foot{border-top:1px solid var(--line-soft);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));color:var(--faint);align-items:center;gap:8px;font-size:13px;display:flex}.chatpage .main{flex-direction:column;min-width:0;min-height:0;display:flex}.chatpage .main-head{border-bottom:1px solid var(--line-soft);padding:10px 20px;padding-right:max(20px, env(safe-area-inset-right,0px));flex:none;align-items:center;gap:12px;display:flex;position:relative}.chatpage .picker-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:0 0;align-items:center;gap:10px;max-width:100%;padding:7px 12px;display:inline-flex}.chatpage .picker-btn:hover{background:var(--surface-2)}.chatpage .picker-btn strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chatpage .head-title{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:14px;overflow:hidden}.chatpage .pop{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;width:min(420px,100vw - 32px);max-height:min(460px,70vh);display:flex;position:absolute;top:calc(100% + 6px);left:20px;box-shadow:0 24px 60px -20px #000000b3}.chatpage .pop .search{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:0 14px;display:flex}.chatpage .pop .search svg{width:16px;height:16px;color:var(--faint);flex:none}.chatpage .pop .search input{min-width:0;color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:12px 0}.chatpage .pop .list{padding:6px;overflow-y:auto}.chatpage .pop .unit{color:var(--faint);padding:8px 12px 2px;font-size:13px}.chatpage .opt{text-align:left;border-radius:var(--r-sm);background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;width:100%;padding:9px 10px;display:grid}.chatpage .opt:hover,.chatpage .opt:focus-visible,.chatpage .opt[aria-selected=true]{background:var(--surface-2)}.chatpage .opt strong{font-size:15px;font-weight:600}.chatpage .opt .meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.chatpage .opt .rate{font-family:var(--font-mono);color:var(--muted);grid-area:1/2/span 2;align-self:center;font-size:13px}.chatpage .scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.chatpage .thread{width:100%;max-width:760px;padding:28px max(20px, env(safe-area-inset-right,0px)) 24px max(20px, env(safe-area-inset-left,0px));flex-direction:column;flex:1;gap:22px;margin:0 auto;display:flex}.chatpage .notice{color:var(--faint);text-align:center;font-size:13px}.chatpage .reply-error{color:var(--muted);border:1px solid var(--warn-line);background:var(--warn-bg);border-radius:var(--r-md);margin:0;padding:8px 12px;font-size:13.5px}.chatpage .reply-error a{color:var(--fg)}.chatpage .reply-error .act{margin-left:4px;display:inline-flex}.chatpage .switch-warn{color:var(--muted);border:1px solid var(--warn-line);background:var(--warn-bg);border-radius:var(--r-md);padding:10px 14px;font-size:13.5px}.chatpage .msg{gap:6px;display:grid}.chatpage .msg.you{justify-items:end}.chatpage .bubble{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15.5px;line-height:1.6}.chatpage .msg.you .bubble{background:var(--surface-2);border-radius:16px 16px 4px;max-width:85%;padding:10px 15px}.chatpage .msg.ai .bubble{padding:0 2px}.chatpage .who{color:var(--faint);gap:8px;font-size:13px;display:flex}.chatpage .who .cost{font-family:var(--font-mono)}.chatpage .actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.chatpage .msg:hover .actions,.chatpage .msg:focus-within .actions{opacity:1}.chatpage .act{color:var(--faint);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:13px;display:inline-flex}.chatpage .act:hover{color:var(--fg);background:var(--surface-2)}.chatpage .edited{color:var(--faint);font-size:13px}.chatpage .cursor{background:var(--muted);vertical-align:-3px;width:8px;height:1.1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}.chatpage .editor{gap:8px;width:100%;max-width:100%;display:grid}.chatpage .msg.you .editor{width:min(560px,100%)}.chatpage .editor textarea{resize:vertical;background:var(--surface);width:100%;min-height:90px;color:var(--fg);border:1px solid var(--muted);border-radius:var(--r-md);outline:none;padding:10px 14px;font-size:15.5px;line-height:1.6}.chatpage .editor .row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.chatpage .editor .row small{color:var(--faint);margin-right:auto;font-size:13px}.chatpage .empty{text-align:center;justify-items:center;gap:8px;margin:auto;padding:40px 20px;display:grid}.chatpage .empty h1{font-family:var(--font-display);margin:0;font-size:30px;font-weight:500}.chatpage .empty p{color:var(--muted);margin:0}.chatpage .composer{padding:12px max(20px, env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));flex:none}.chatpage .composer .box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);align-items:flex-end;gap:10px;max-width:760px;margin:0 auto;padding:10px 10px 10px 16px;display:flex}.chatpage .composer .box:focus-within{border-color:var(--muted)}.chatpage .composer textarea{resize:none;min-width:0;max-height:200px;color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:15.5px;line-height:1.5}.chatpage .composer textarea::placeholder{color:var(--faint)}.chatpage .send{background:var(--accent);width:38px;height:38px;color:var(--accent-ink);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.chatpage .send:disabled{background:var(--surface-2);color:var(--faint)}.chatpage .send.stop{background:var(--fg);color:var(--bg)}.chatpage .send svg{width:17px;height:17px}.chatpage .composer .foot{max-width:760px;color:var(--faint);text-align:center;margin:8px auto 0;font-size:13px}.chatpage .composer .foot a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.chatpage .scrim{z-index:35;background:#00000080}@media (hover:none){.chatpage .actions,.chatpage .chat-item .del{opacity:1}}@media (max-width:760px){.chatpage .main-head{padding-left:12px}.chatpage .main-head .menu-btn{flex:none;display:grid}.chatpage .app{grid-template-columns:minmax(0,1fr)}.chatpage .side{z-index:40;width:min(300px,86vw);padding-top:env(safe-area-inset-top,0px);border-right:1px solid var(--line);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.chatpage .side.open{transform:none}.chatpage .head-title{display:none}.chatpage .pop{left:16px}}@media (prefers-reduced-motion:reduce){.chatpage .cursor{animation:none}.chatpage .side{transition:none}}