:root{--text:#2a2a2e;--text-muted:#6b6375;--bg:#fff;--shell-backdrop:#ece9f1;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--error-bg:#fdecec;--error-border:#f3b4b4;--error-text:#8a1f1f;--ok-bg:#eefaf0;--ok-border:#b7e4c0;--ok-text:#1f6b3a;--tabbar-height:60px;--debugbar-height:40px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e5e4e7;--text-muted:#9ca3af;--bg:#16171d;--shell-backdrop:#0c0d11;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--error-bg:#2a1414;--error-border:#5a2323;--error-text:#f3b4b4;--ok-bg:#12241a;--ok-border:#234a30;--ok-text:#7fd8a0}}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--shell-backdrop);justify-content:center;display:flex}#root{background:var(--bg);flex-direction:column;width:100%;max-width:460px;height:100%;display:flex;overflow:hidden;box-shadow:0 0 40px #0000001f}h1{margin:0 0 4px;font-size:20px}h2{margin:24px 0 8px;font-size:16px}form{flex-direction:column;gap:12px;display:flex}label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}input{font:inherit;border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;padding:10px 12px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;width:fit-content;padding:8px 14px}button:disabled{opacity:.6;cursor:default}a{color:var(--accent)}code{background:var(--code-bg);border-radius:3px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace}.hint{color:var(--text-muted);font-size:13px}.screen{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex}.app-shell{flex-direction:column;height:100%;display:flex}.app-shell__header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.app-shell__title{align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.app-shell__dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.app-shell__identity{align-items:center;gap:10px;min-width:0;display:flex}.app-shell__user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.app-shell__icon-button{width:fit-content;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:6px;line-height:0;text-decoration:none;display:inline-flex}.app-shell__icon-button:hover{background:var(--code-bg);color:var(--text)}.app-shell__content{padding-bottom:var(--debugbar-height);flex:auto;overflow-y:auto}.app-shell__content--flush{display:flex;overflow:hidden}.app-shell__tabbar{height:var(--tabbar-height);border-top:1px solid var(--border);flex:none;display:flex}.app-shell__tab{width:auto;color:var(--text-muted);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:11px;text-decoration:none;display:flex}.app-shell__tab.active{color:var(--accent)}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}a.list-row--link{color:inherit;text-decoration:none;transition:border-color .15s}a.list-row--link:hover{border-color:var(--accent)}.list-row__body{flex:1;min-width:0}.list-row__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.list-row__subtitle{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.list-row__meta{color:var(--text-muted);flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.load-more{width:100%;color:var(--accent);border:1px solid var(--border);background:0 0}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.avatar--initial{background:var(--accent-bg);color:var(--accent);justify-content:center;align-items:center;font-weight:600;display:flex}.login-screen{justify-content:center;align-items:center;height:100%;padding:24px;display:flex;overflow-y:auto}.login-screen__card{flex-direction:column;gap:16px;width:100%;display:flex}.login-screen__logo{background:var(--accent);border-radius:14px;width:48px;height:48px}.login-screen__title{margin:0;font-size:24px}.login-screen__subtitle{color:var(--text-muted);margin:-12px 0 0;font-size:13px}.login-screen__dev-details{border-top:1px solid var(--border);padding-top:12px;font-size:13px}.login-screen__dev-details summary{cursor:pointer;color:var(--text-muted);font-weight:600}.login-screen__dev-details .hint{margin:8px 0}.login-screen__preview{background:var(--code-bg);border-radius:8px;margin:8px 0 0;padding:12px;font-size:12px;overflow-x:auto}.screen-header{align-items:center;gap:4px;display:flex}.screen-header h1{margin:0}.app-key-form__success{color:var(--ok-text);margin:0;font-size:13px}.chat{width:100%;height:100%;padding-bottom:var(--debugbar-height);flex-direction:column;display:flex}.chat__header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;padding:10px 16px;display:flex}.chat__header-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat__messages{flex-direction:column;flex:auto;gap:8px;padding:16px;display:flex;overflow-y:auto}.chat__empty{margin:auto}.bubble-row{display:flex}.bubble-row--mine{justify-content:flex-end}.bubble{background:var(--code-bg);border-radius:14px 14px 14px 4px;max-width:78%;padding:8px 12px}.bubble-row--mine .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:14px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.bubble__time{opacity:.65;margin-top:4px;font-size:10px;display:block}.chat>.error-banner{margin:8px 16px 0}.chat__composer{border-top:1px solid var(--border);flex-direction:row;flex:none;align-items:center;gap:8px;padding:10px 16px}.chat__composer input{border-radius:999px;flex:1}.chat__send{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:8px;padding:10px 12px;font-size:13px}.error-banner ul{margin:8px 0 0;padding-left:18px}.json-panel{border:1px solid var(--border);border-radius:6px;margin-top:8px;overflow:hidden}.json-panel--ok{border-color:var(--ok-border)}.json-panel--error{border-color:var(--error-border)}.json-panel__status{background:var(--code-bg);padding:6px 10px;font-size:12px;font-weight:600}.json-panel pre{max-height:400px;margin:0;padding:12px;font-size:12px;overflow:auto}.loading-spinner{color:var(--text-muted);align-items:center;gap:8px;margin:auto;padding:12px 0;font-size:13px;display:flex}.loading-spinner__ring{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.debug-bar{z-index:60;background:var(--bg);border-top:1px solid var(--border);width:100%;max-width:460px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #00000014}html.has-tabbar .debug-bar{bottom:var(--tabbar-height)}.debug-bar__panel{border-bottom:1px solid var(--border);max-height:45vh;padding:12px 16px;animation:.15s ease-out fade-in;overflow-y:auto}.debug-bar__toggle{width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;padding:8px 16px;transition:background-color .15s;display:flex}.debug-bar__toggle:hover{background:var(--code-bg)}.debug-bar__label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:11px;font-weight:600}.debug-bar__path{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow:hidden}.debug-bar__status{border:1px solid var(--ok-border);background:var(--ok-bg);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.debug-bar__status--error{border-color:var(--error-border);background:var(--error-bg);color:var(--error-text)}.debug-bar__hint{color:var(--text-muted);margin-left:auto;font-size:12px}.debug-bar__tabs{gap:4px;margin-bottom:10px;display:flex}.debug-bar__tab{width:fit-content;font:inherit;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}button.debug-bar__tab:hover{color:var(--text);border-color:var(--text-muted);background:0 0}.debug-bar__tab--active{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.debug-bar__log-select{width:100%;max-width:100%;margin-bottom:12px;font-family:ui-monospace,Consolas,monospace;font-size:12px}