:root{--sp-bg:#0b1220;--sp-panel:#101b2e;--sp-panel2:#0f1a2c;--sp-text:#e7eefc;--sp-muted:#9bb0d0;--sp-border:#e7eefc1f;--sp-accent:#d4b24c;--sp-accent2:#0d2a3a;--sp-danger:#ff6b6b;--sp-warning:#f96;--sp-success:#6f9;--sp-info:#6cf;--sp-code:#0a0f1a;--sp-radius-sm:8px;--sp-radius-md:12px;--sp-radius-lg:16px;--sp-radius-xl:20px;--sp-space-xs:4px;--sp-space-sm:8px;--sp-space-md:12px;--sp-space-lg:16px;--sp-space-xl:24px;--sp-space-2xl:32px;--sp-font-sm:12px;--sp-font-md:14px;--sp-font-lg:16px;--sp-font-xl:18px;--sp-font-2xl:24px;--sp-shadow-sm:0 2px 8px #00000026;--sp-shadow-md:0 6px 16px #0003;--sp-shadow-lg:0 10px 26px #00000040;--sp-transition:.2s ease;--sp-msg-user-bg:#3898ce1a;--sp-msg-user-border:#3898ce40;--sp-msg-user-accent:#3898ce;--sp-msg-assistant-bg:#d4b24c14;--sp-msg-assistant-border:#d4b24c38;--sp-msg-assistant-accent:#d4b24c;--sp-msg-system-bg:#66ccff0f;--sp-msg-system-border:#66ccff2e;--sp-msg-system-accent:#6cf;--color-primary:#2563eb;--color-accent:#d4b24c;--color-surface:var(--sp-panel);--color-background:var(--sp-bg);--color-text:var(--sp-text);--color-muted:var(--sp-muted);--color-success:#16a34a;--color-warning:#f59e0b;--color-error:#dc2626}.dark{--color-primary:#2563eb;--color-accent:#06b6d4;--color-surface:#0b1220;--color-background:#0a0f16;--color-text:#e6eef8;--color-muted:#94a3b8;--color-success:#16a34a;--color-warning:#f59e0b;--color-error:#dc2626}*{box-sizing:border-box}html,body{height:100%}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);color:var(--sp-text);background:linear-gradient(180deg,var(--sp-bg),#070b14 70%);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:var(--sp-accent);text-decoration:none}a:hover{text-decoration:underline}.card{border:1px solid var(--sp-border);background:#101b2ec7;border-radius:16px;box-shadow:0 10px 26px #00000038}.btn{cursor:pointer;border:1px solid var(--sp-border);color:var(--sp-text);background:#0d2a3a2e;border-radius:12px;padding:10px 12px;font-weight:600}.btn:hover{background:#d4b24c14;border-color:#d4b24c59}.btnPrimary{background:#d4b24c1f;border-color:#d4b24c59}.btnDanger{background:#ff6b6b17;border-color:#ff6b6b59}.btn:disabled,.btn[disabled]{opacity:.65;cursor:not-allowed;filter:grayscale(.45)brightness(.9);color:var(--sp-muted);background:#0a0f1a4d;border-color:#e7eefc0f}.btn:disabled:hover,.btn[disabled]:hover{background:#0a0f1a4d;border-color:#e7eefc0f}.btnPrimary:disabled,.btnPrimary[disabled]{opacity:.65;filter:grayscale(.45)brightness(.9);color:var(--sp-muted);background:#0d2a3a1f;border-color:#d4b24c1f}.input{border:1px solid var(--sp-border);width:100%;color:var(--sp-text);background:#0a0f1aa6;border-radius:12px;padding:10px 12px}.input:focus{border-color:#d4b24c59;outline:none}.small{color:var(--sp-muted);font-size:12px}.h1{margin:0;font-size:18px;font-weight:800}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}hr{border:none;border-top:1px solid #e7eefc1a;margin:12px 0}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}pre{background:var(--sp-code);border:1px solid #e7eefc1a;border-radius:12px;padding:12px;overflow:auto}.message{padding:var(--sp-space-md)var(--sp-space-md);border-radius:var(--sp-radius-lg);transition:border-color var(--sp-transition),box-shadow var(--sp-transition);border:1px solid #e7eefc1a;position:relative}.message:hover{box-shadow:var(--sp-shadow-sm)}.messageUser{background:var(--sp-msg-user-bg);border-color:var(--sp-msg-user-border);border-left:3px solid var(--sp-msg-user-accent)}.messageAssistant{background:var(--sp-msg-assistant-bg);border-color:var(--sp-msg-assistant-border);border-left:3px solid var(--sp-msg-assistant-accent)}.messageSystem{background:var(--sp-msg-system-bg);border-color:var(--sp-msg-system-border);border-left:3px solid var(--sp-msg-system-accent);font-size:var(--sp-font-sm);color:var(--sp-muted)}.messageRole{text-transform:uppercase;letter-spacing:.04em;opacity:.75;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:700;display:inline-flex}.messageRole.roleUser{color:var(--sp-msg-user-accent)}.messageRole.roleAssistant{color:var(--sp-msg-assistant-accent)}.messageRole.roleSystem{color:var(--sp-msg-system-accent)}.badge{border-radius:var(--sp-radius-sm);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.badgeSuccess{color:var(--sp-success);background:#66ff991f}.badgeWarning{color:var(--sp-warning);background:#ff99661f}.badgeDanger{color:var(--sp-danger);background:#ff6b6b1f}.badgeInfo{color:var(--sp-info);background:#66ccff1f}.badgeMuted{color:var(--sp-muted);background:#9bb0d014}.sidebarItem{padding:var(--sp-space-sm)var(--sp-space-md);border-radius:var(--sp-radius-md);cursor:pointer;transition:background var(--sp-transition)}.sidebarItem:hover{background:#e7eefc0f}.sidebarItemActive{background:#d4b24c1a;border:1px solid #d4b24c38}.sidebarItemPinned{border-left:2px solid var(--sp-accent)}.sidebarItemArchived{opacity:.55}@keyframes spPulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s ease-in-out infinite spPulse}.skipLink{padding:var(--sp-space-sm)var(--sp-space-lg);background:var(--sp-accent);color:var(--sp-bg);border-radius:var(--sp-radius-sm);z-index:9999;font-weight:700;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skipLink:focus{top:var(--sp-space-sm)}:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}@keyframes dotPulseAnim{0%,80%,to{opacity:.2}40%{opacity:1}}.dotPulse{font-size:18px;animation:1.4s ease-in-out infinite dotPulseAnim}.md{white-space:normal;word-break:break-word;overflow-wrap:break-word;line-height:1.6}.md pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#0000002e;border:1px solid #e7eefc24;border-radius:0 0 10px 10px;margin:0;padding:12px;overflow-x:auto}.md code{background:#e7eefc14;border-radius:3px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em}.md pre code{background:0 0;border-radius:0;padding:0}.md p{word-break:break-word;overflow-wrap:break-word;margin:0 0 12px}.md ul,.md ol{margin:8px 0 12px;padding-left:26px}.md ul{list-style-type:disc}.md ol{list-style-type:decimal}.md ul ul{margin:6px 0;list-style-type:circle}.md ul ul ul{list-style-type:square}.md ol ol{margin:6px 0;list-style-type:lower-alpha}.md ol ol ol{list-style-type:lower-roman}.md li{margin:5px 0;padding-left:4px;line-height:1.5}.md li>p,.md li>ul,.md li>ol{margin:6px 0}.md blockquote{opacity:.95;background:#d4b24c0d;border-left:3px solid #d4b24c66;margin:12px 0;padding:8px 0 8px 14px}.md blockquote p{margin:8px 0}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{margin:20px 0 12px;font-weight:700;line-height:1.3}.md h1{border-bottom:2px solid #e7eefc26;padding-bottom:8px;font-size:1.8em}.md h2{border-bottom:1px solid #e7eefc1a;padding-bottom:6px;font-size:1.5em}.md h3{font-size:1.3em}.md h4{font-size:1.1em}.md h5{font-size:1em;font-weight:600}.md h6{opacity:.85;font-size:.9em;font-weight:600}.md hr{border:none;border-top:1px solid #e7eefc33;margin:20px 0}.md table{border-collapse:collapse;table-layout:auto;background:#e7eefc05;border:1px solid #e7eefc33;border-radius:8px;width:100%;margin:14px 0;overflow:hidden}.md .tableWrapper{-webkit-overflow-scrolling:touch;border:1px solid #e7eefc33;border-radius:8px;margin:14px 0;overflow-x:auto}.md .tableWrapper table{border:none;border-radius:0;margin:0}.md table thead{background:#e7eefc14}.md table th{text-align:left;white-space:nowrap;border-bottom:2px solid #e7eefc40;padding:10px 14px;font-size:.95em;font-weight:600}.md table td{border-bottom:1px solid #e7eefc1a;padding:9px 14px;line-height:1.5}.md table tbody tr:last-child td{border-bottom:none}.md table tbody tr:hover{background:#e7eefc0d}.md a{color:var(--sp-accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.md a:hover{border-bottom-color:var(--sp-accent)}.md strong{color:#e7eefcf2;font-weight:700}.md em{opacity:.95;font-style:italic}.md del{opacity:.7;text-decoration:line-through}.md input[type=checkbox]{cursor:default;margin-right:8px}.md .codeblock{background:#070c148c;border:1px solid #e7eefc2e;border-radius:10px;margin:14px 0;overflow:hidden}.md .codeblockHeader{color:#e7eefcb3;background:#e7eefc14;border-bottom:1px solid #e7eefc24;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.md .codeblockLang{text-transform:lowercase;font-weight:600}.md .codeblockCopy{color:inherit;cursor:pointer;background:0 0;border:1px solid #e7eefc4d;border-radius:8px;padding:4px 8px;font-size:11px}.md .codeblockCopy:hover{background:#e7eefc1f}.md .codeblockActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.md .codeblockExport{color:#d4b24cd9;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d4b24c59;border-radius:8px;padding:4px 8px;font-size:11px}.md .codeblockExport:hover{background:#d4b24c26}.md .codeblockExport:disabled{opacity:.5;cursor:wait}.md .codeblock pre{border:none;border-radius:0 0 10px 10px;margin:0}@media (max-width:768px){.btn:active{opacity:.7;transform:scale(.97)}button:active{opacity:.7}.btn{min-width:44px;min-height:44px;padding:12px 16px}.btn.btn-compact{min-height:36px;min-width:unset;padding:6px 10px;font-size:12px}.btn.btnDanger{min-width:auto!important}.input{min-height:44px;padding:12px;font-size:16px}select{min-height:44px;font-size:16px}.model-controls{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.model-select{flex:100%;min-width:100px}.model-controls .btn{white-space:nowrap;flex:0 auto;padding:10px 12px}.btn.btn-overlay{z-index:2;white-space:nowrap;line-height:1;position:absolute;top:50%;transform:translateY(-50%);min-height:unset!important;padding:6px 10px!important}.sidebar-mobile-hidden{z-index:1000;height:100dvh;transition:transform .3s;top:0;left:0;transform:translate(-100%);width:280px!important;position:fixed!important}.sidebar-mobile-visible{z-index:1000;height:100dvh;transition:transform .3s;top:0;left:0;transform:translate(0);box-shadow:4px 0 15px #00000080;width:280px!important;position:fixed!important}.sidebar-overlay{z-index:999;opacity:1;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay-hidden{opacity:0;pointer-events:none}.md pre{-webkit-overflow-scrolling:touch;max-width:calc(100vw - 40px);font-size:12px;overflow-x:auto}.md .codeblock,.md .tableWrapper{max-width:calc(100vw - 40px)}.md table{width:max-content;min-width:100%;font-size:13px}input.input[type=number],input.input[type=text],select.input{min-height:38px!important;font-size:16px!important}.md table th,.md table td{white-space:normal;font-size:12px;padding:8px 10px!important}.md table th{white-space:nowrap}.md table thead{display:table-header-group}.md table-wrapper{-webkit-overflow-scrolling:touch;max-width:calc(100vw - 40px);overflow-x:auto}}@media (max-width:480px){.h1{font-size:16px}.small{font-size:11px}.card{border-radius:12px;margin:0 8px;padding:12px}pre{margin:8px 0;padding:8px;font-size:11px}.model-controls{flex-direction:column!important}.model-controls .btn,.model-select{width:100%!important;padding:12px!important}select{padding:12px!important}.input{padding:12px 8px!important;font-size:16px!important}}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3}dialog{color:inherit}