:root{color-scheme:light;--bg:#fffbfe;--surface:#fffbfe;--low:#f7f2f7;--container:#f3edf2;--high:#ece6eb;--highest:#e6e0e5;--text:#1d1b20;--muted:#49454f;--outline:#79747e;--outline2:#cac4d0;--primary:#52663f;--on-primary:#fff;--primary-c:#d5ebbd;--on-primary-c:#15270a;--error:#ba1a1a;--error-c:#ffdad6;--on-error-c:#410002;--code:#242522}
:root.dark{color-scheme:dark;--bg:#141311;--surface:#141311;--low:#1d1c1a;--container:#211f1e;--high:#2b2927;--highest:#363432;--text:#e6e1dd;--muted:#cbc6bf;--outline:#958f88;--outline2:#4a4641;--primary:#b9d59f;--on-primary:#263516;--primary-c:#3d4d2b;--on-primary-c:#d5ebbd;--error:#ffb4ab;--error-c:#93000a;--on-error-c:#ffdad6;--code:#0f100e}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Roboto,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;letter-spacing:0}button,input,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}.material-symbols-rounded{font-size:22px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}[hidden]{display:none!important}
.app-shell{height:100dvh;display:grid;grid-template-columns:300px minmax(0,1fr)}.sidebar{min-height:0;padding:12px;display:flex;flex-direction:column;background:var(--low)}.brand-row{height:64px;padding:0 12px;display:flex;align-items:center;gap:12px}.brand-mark,.profile-avatar{display:grid;place-items:center;border-radius:50%;background:var(--primary-c);color:var(--on-primary-c);font-weight:600}.brand-mark{width:40px;height:40px}.brand-copy,.profile-copy{min-width:0;display:flex;flex-direction:column}.brand-copy strong{font-size:16px;font-weight:500}.brand-copy span,.profile-copy small{margin-top:2px;color:var(--muted);font-size:12px}.icon-button{width:48px;height:48px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.icon-button:hover{background:var(--high)}button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.close-sidebar{display:none;margin-left:auto}.primary-nav{margin-top:12px}.nav-button{width:100%;height:56px;padding:0 20px;display:flex;align-items:center;gap:14px;border:0;border-radius:18px;background:var(--primary-c);color:var(--on-primary-c);font-weight:500;text-align:left;cursor:pointer}.history{min-height:0;margin-top:26px;overflow:auto}.section-label{margin:0 16px 8px;color:var(--muted);font-size:12px}.history-item{width:100%;height:48px;padding:0 12px 0 16px;display:flex;align-items:center;border:0;border-radius:24px;background:transparent;text-align:left;cursor:pointer}.history-item.active,.history-item:hover{background:var(--high)}.history-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.more-icon{opacity:0}.history-item:hover .more-icon{opacity:1}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.quota-block{padding:16px;border-radius:20px;background:var(--container)}.quota-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.quota-track{height:4px;margin:11px 0 9px;display:block;overflow:hidden;border-radius:4px;background:var(--highest)}.quota-track span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--primary);transition:width .25s}.quota-value{font-size:12px;font-weight:500}.profile-button{height:64px;padding:0 10px;display:flex;align-items:center;gap:11px;border:0;border-radius:20px;background:transparent;text-align:left;cursor:pointer}.profile-button:hover{background:var(--container)}.profile-avatar{width:40px;height:40px}.profile-copy{flex:1}.profile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}
.workspace{min-width:0;height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) auto;background:var(--bg)}.topbar{display:flex;align-items:center;gap:12px;padding:0 18px 0 24px}.menu-button{display:none}.title-block{min-width:0;display:flex;flex-direction:column}.title-block strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500}.title-block span{margin-top:2px;color:var(--muted);font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#4f7f38}.top-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.model-button{height:40px;padding:0 14px;display:flex;align-items:center;gap:8px;border-radius:20px;background:var(--container);font-size:13px}.gemini-spark,.gemini-logo{color:#5b69d8}
.chat{min-height:0;overflow-y:auto;padding:36px max(24px,calc((100% - 780px)/2)) 72px;scroll-behavior:smooth}.intro-message{max-width:680px;margin:9vh auto 0}.intro-message .gemini-logo{display:block;width:48px;height:48px;margin-bottom:20px;font-size:46px;line-height:1}.intro-message h1{margin:0;font-size:30px;line-height:1.3;font-weight:400}.intro-message>p{margin:10px 0 32px;color:var(--muted);font-size:16px;line-height:1.6}.prompt-list{display:grid;gap:4px}.prompt-list button{width:100%;height:52px;padding:0 14px;display:grid;grid-template-columns:30px 1fr 24px;align-items:center;gap:8px;border:0;border-radius:16px;background:transparent;text-align:left;cursor:pointer}.prompt-list button:hover{background:var(--low)}.prompt-list button .material-symbols-rounded:first-child{color:var(--primary)}.prompt-list button .material-symbols-rounded:last-child{color:var(--muted);opacity:.7}
.message{max-width:780px;margin:0 auto 32px}.message-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--primary-c);color:var(--on-primary-c);font-size:12px;font-weight:600}.message-meta strong{display:block;font-size:14px;font-weight:500}.message-meta small{display:block;margin-top:1px;color:var(--muted);font-size:11px}.message-body{margin-left:42px;font-size:16px;line-height:1.72;overflow-wrap:anywhere}.message-body>p{margin:0 0 14px}.message-body>p:last-child{margin-bottom:0}.message-body ul,.message-body ol{padding-left:24px}.message-body a{color:#4962b8}.message-body code{padding:2px 5px;border-radius:4px;background:var(--container);font-family:"Cascadia Code",Consolas,monospace;font-size:.9em}.message-body pre{position:relative;margin:18px 0;padding:42px 18px 18px;overflow:auto;border-radius:12px;background:var(--code);color:#eef1e9}.message-body pre code{padding:0;background:transparent;color:inherit}.code-copy{position:absolute;top:8px;right:8px;height:28px;padding:0 10px;border:0;border-radius:14px;background:#41443e;color:#fff;font-size:12px;cursor:pointer}.message-actions{display:flex;gap:2px;margin:8px 0 0 34px;opacity:.65}.message-actions button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.message-actions button:hover{background:var(--container)}.message.user{display:flex;flex-direction:column;align-items:flex-end}.message.user .message-meta,.message.user .message-actions{display:none}.message.user .message-body{max-width:min(620px,84%);margin:0;padding:11px 16px;border-radius:20px 20px 6px 20px;background:var(--high);white-space:pre-wrap}.typing .message-body{color:var(--muted)}.thinking{height:24px;display:flex;align-items:center;gap:5px}.thinking i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:pulse 1s infinite ease-in-out}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
.composer-wrap{width:min(780px,calc(100% - 40px));margin:0 auto 10px}.composer{padding:8px 10px 8px 16px;border:0;border-radius:28px;background:var(--container)}textarea{width:100%;min-height:42px;max-height:160px;padding:9px 4px 5px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font-size:16px;line-height:1.5}textarea::placeholder{color:var(--muted)}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-group{min-width:0;display:flex;align-items:center}.model-chip{height:36px;min-width:0;padding:0 10px;display:flex;align-items:center;gap:7px;border:0;border-radius:18px;background:transparent;font-size:12px}.model-chip span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-button{width:40px;height:40px;padding:0;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;background:var(--primary);color:var(--on-primary);cursor:pointer}.send-button:disabled{background:var(--highest);color:color-mix(in srgb,var(--text) 38%,transparent)}.send-button.stop{background:var(--error-c);color:var(--on-error-c)}.composer-hint{margin:7px 0 0;color:var(--muted);font-size:11px;text-align:center}
.auth-dialog{width:min(420px,calc(100% - 28px));padding:0;border:0;border-radius:28px;background:transparent;color:var(--text)}.auth-dialog::backdrop{background:rgba(0,0,0,.42)}.dialog-card{position:relative;padding:32px;border-radius:28px;background:var(--high)}.dialog-close{position:absolute;top:12px;right:12px}.dialog-mark{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;background:var(--primary-c);color:var(--on-primary-c);font-weight:600}.dialog-card h2{margin:0;font-size:24px;font-weight:400}.dialog-card>p{margin:8px 0 24px;color:var(--muted);font-size:13px;line-height:1.55}.dialog-card label{display:grid;gap:6px;margin-top:14px;color:var(--muted);font-size:12px}.dialog-card input{height:56px;padding:0 16px;border:1px solid var(--outline);border-radius:4px;outline:0;background:transparent}.dialog-card input:focus{border:2px solid var(--primary);padding:0 15px}.dialog-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:8px}.dialog-actions button,.logout-button{height:40px;padding:0 20px;border-radius:20px;font-weight:500;cursor:pointer}.secondary-button{border:0;background:transparent;color:var(--primary)}.primary-button{border:0;background:var(--primary);color:var(--on-primary)}.logout-button{width:100%;margin-top:22px;border:0;background:var(--error-c);color:var(--on-error-c)}.auth-message{min-height:18px;margin:12px 0 0!important;color:var(--error)!important;text-align:center}.error .message-body{color:var(--error)}.scrim{display:none}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(320px,88vw);border-radius:0 24px 24px 0;box-shadow:0 8px 24px rgba(0,0,0,.14);transform:translateX(-105%);transition:transform .2s cubic-bezier(.2,0,0,1)}.sidebar.open{transform:translateX(0)}.scrim{position:fixed;z-index:19;inset:0;background:rgba(0,0,0,.38)}.scrim.open{display:block}.close-sidebar,.menu-button{display:grid}.workspace{width:100vw;grid-template-rows:64px minmax(0,1fr) auto}.topbar{padding:0 8px}.top-actions .model-button{display:none}.chat{padding:24px 16px 54px}.intro-message{margin:5vh auto 0}.intro-message h1{font-size:26px}.intro-message>p{margin-bottom:24px}.message{margin-bottom:26px}.message-body{margin-left:0;font-size:15.5px}.message-meta{margin-bottom:10px}.message-actions{margin-left:-4px}.message.user .message-body{max-width:88%}.composer-wrap{width:calc(100% - 16px);margin-bottom:8px}.composer{position:relative;padding-right:56px}.send-button{position:absolute;right:8px;bottom:8px}.composer-hint{display:none}.dialog-card{padding:28px 22px 24px}}
.history-empty{margin:14px 16px;color:var(--muted);font-size:12px;line-height:1.5}.history-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;border-radius:24px}.history-row.active,.history-row:hover{background:var(--high)}.history-open,.history-delete{height:46px;border:0;background:transparent;cursor:pointer}.history-open{min-width:0;padding:0 4px 0 16px;text-align:left}.history-open span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.history-delete{width:40px;border-radius:50%;opacity:0;color:var(--muted)}.history-row:hover .history-delete,.history-row.active .history-delete{opacity:1}.history-delete:hover{color:var(--error)}
.auth-tabs{height:48px;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:24px;background:var(--container)}.auth-tabs button{border:0;border-radius:20px;background:transparent;color:var(--muted);cursor:pointer}.auth-tabs button.active{background:var(--primary-c);color:var(--on-primary-c);font-weight:500}.authSubmit:disabled{opacity:.55}
.reasoning-block{margin:0 0 14px 42px;border-radius:14px;background:var(--low);color:var(--muted);font-size:14px}.reasoning-block summary{height:42px;padding:0 12px;display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer}.reasoning-block summary::-webkit-details-marker{display:none}.reasoning-block summary .material-symbols-rounded:last-child{margin-left:auto;transition:transform .2s}.reasoning-block[open] summary .material-symbols-rounded:last-child{transform:rotate(180deg)}.reasoning-block>div{padding:0 14px 14px;line-height:1.65}.katex-display{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 0}
@media(max-width:760px){.reasoning-block{margin-left:0}.history-delete{opacity:1}}
#authSubmit:disabled{opacity:.55}