:root{color-scheme:dark;--bg: #0e1117;--panel: #161b24;--panel-2: #1c2230;--border: #273043;--text: #dde3ee;--muted: #8b94a7;--accent: #7aa2f7;--accent-ink: #0b0f16;--danger: #f7768e;--radius: 12px;--control: 44px;--maxw: 860px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,Segoe UI,system-ui,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}button{background:var(--accent);border:none;border-radius:10px;color:var(--accent-ink);cursor:pointer;font:inherit;font-weight:600;height:var(--control);min-width:96px;padding:0 16px;transition:filter .12s ease;white-space:nowrap}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text);font-weight:500}button.secondary:hover:not(:disabled){border-color:var(--accent);filter:none}input,textarea,select{background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;height:var(--control);padding:0 12px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{padding:11px 12px;resize:none}.muted{color:var(--muted);font-size:12.5px}.error{color:var(--danger);margin:0}.notice{color:var(--accent);font-size:13px;margin:0}.status{color:var(--muted);padding:24px;text-align:center}.login-gate{align-items:center;display:flex;flex:1;flex-direction:column;gap:14px;justify-content:center;padding:24px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:28px 26px;width:min(360px,100%)}.login-card h1{font-size:24px;margin:0;text-align:center}.login-card p{color:var(--muted);margin:0;text-align:center}.widget-slot{display:none}.page{display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:var(--maxw);min-height:0;width:100%}.page>header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;min-height:60px;padding:10px 16px}.page>header h1{font-size:18px;font-weight:650;margin:0}.chats-body{display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px}.new-chat{display:flex;gap:10px}.new-chat input{flex:1}.chat-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.chat-row{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);display:flex;font-weight:500;gap:12px;height:auto;justify-content:space-between;margin:0;max-width:none;min-height:64px;min-width:0;padding:12px 16px;text-align:left;width:100%}.chat-row:hover:not(:disabled){border-color:var(--accent);filter:none}.chat-row .titles{display:flex;flex-direction:column;gap:3px;min-width:0}.chat-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-note{color:var(--muted);padding:32px 0;text-align:center}.messages{display:flex;flex:1;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding:18px 16px 22px;scroll-behavior:smooth}.msg{display:flex;flex-direction:column;max-width:min(78%,620px)}.msg.user{align-self:flex-end}.msg.assistant{align-self:flex-start}.msg.system{align-self:center;max-width:90%}.msg .name{color:var(--muted);font-size:11.5px;letter-spacing:.04em;margin:0 4px 4px;text-transform:uppercase}.msg.user .name{text-align:right}.bubble{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px 14px;white-space:pre-wrap;word-break:break-word}.msg.user .bubble{background:#223055;border-color:#2c3d6e}.msg.system .bubble{background:transparent;border-style:dashed;color:var(--muted)}.bubble .meta{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.meta .muted{font-size:11.5px}.status-badge{background:#7aa2f724;border-radius:999px;color:var(--accent);font-size:11.5px;padding:1px 10px}.summary-marker{align-self:center;border:1px dashed var(--border);border-radius:999px;color:var(--muted);font-size:12px;margin:4px 0;padding:4px 14px;text-align:center}.composer-notes{border-top:1px solid transparent;display:flex;flex-direction:column;gap:4px;padding:0 16px}.composer{border-top:1px solid var(--border);display:flex;gap:10px;padding:12px 16px 16px}.composer select{color:var(--text);max-width:34vw;text-overflow:ellipsis}.composer textarea{flex:1;height:var(--control);max-height:140px;min-height:var(--control)}.composer .send{flex-shrink:0}@media(max-width:560px){.msg{max-width:88%}.composer select{max-width:42vw}button{min-width:84px;padding:0 12px}}.account-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.stat-value{font-size:28px;font-weight:700}.stat-label{color:var(--muted);font-size:12.5px;margin-top:4px}.plan-windows{display:flex;flex-direction:column;gap:8px}.window-row{align-items:center;display:flex;gap:12px}.window-row .muted{min-width:100px}.progress{background:var(--panel-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.usage-table{border-collapse:collapse;font-size:13.5px;width:100%}.usage-table th,.usage-table td{border-bottom:1px solid var(--border);padding:8px 6px;text-align:left}.usage-table th{color:var(--muted);font-weight:500}h2{font-size:15px;margin:18px 0 8px}@media(max-width:560px){.account-grid{grid-template-columns:repeat(3,1fr);gap:6px}.stat-value{font-size:20px}}
