@layer theme;@layer base{*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{outline:none}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #2563eb}button{background:0 0;border:0}small{font-size:12px}hr{border:0;border-top:1px solid var(--border);margin:24px 0}}@layer components,utilities;:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--surface:#fafafa;--muted:#71717a;--fg:#18181b;--border:#e4e4e7;--hover:#f0f0f2;--accent:#18181b;--accent-fg:#fff;--rail:#f7f7f8;--danger:#b91c1c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#nprogress{pointer-events:none}#nprogress .bar{z-index:2147483647;background:#16805d;width:100%;height:3px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #16805d,0 0 5px #16805d}.button{border:1px solid var(--border);background:var(--bg);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 13px;font-weight:500;transition:background .15s;display:inline-flex}.button:hover{background:var(--hover)}.button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.button.ghost{background:0 0;border-color:#0000}.button.ghost:hover{background:var(--hover)}.button.icon{flex-shrink:0;width:32px;min-height:32px;padding:6px}.button.small{min-height:28px;padding:5px 9px;font-size:12px}.button.destructive{color:var(--danger)}.field{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:100%;margin:8px 0 18px;padding:10px 12px;display:block}.field:focus{box-shadow:0 0 0 2px var(--border)}.brand{letter-spacing:-.7px;white-space:nowrap;font-size:21px;font-weight:650}.muted,.empty-hint{color:var(--muted);line-height:1.7}.empty-hint{padding:16px;font-size:13px}.dialog-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0007;position:fixed;inset:0}.dialog-content{z-index:101;background:var(--bg);border:1px solid var(--border);border-radius:14px;width:440px;max-width:calc(100vw - 32px);max-height:90dvh;padding:25px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 70px #0003}.dialog-content h2{margin:0 0 16px;font-size:19px}.dialog-close{color:var(--muted);position:absolute;top:16px;right:16px}.device-code{letter-spacing:8px;font-size:25px}.error-notice{z-index:20;background:var(--bg);width:max-content;max-width:calc(100% - 40px);color:var(--danger);white-space:pre-line;border:1px solid #ef444466;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:absolute;bottom:145px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0002}.loading{height:100dvh;color:var(--muted);place-items:center;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only{display:none!important}.remote-app{--bg:#fff;--fg:#09090b;--surface:#fafafa;--hover:#f4f4f5;--rail:#fbfbfc;--muted:#71717a;--border:#e4e4e7;background:var(--bg);color:var(--fg);height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;display:flex;overflow:hidden}.device-rail{background:var(--rail);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:18px;width:210px;padding:20px 12px 12px;display:flex}.device-rail>.brand{padding:0 7px 8px}.rail-caption{color:var(--muted);padding:0 8px;font-size:11px}.device-list{flex:1;overflow:auto}.device-row{border-radius:8px;align-items:center;margin-bottom:5px;display:flex}.device-row:hover,.device-row.active{background:var(--hover)}.device-row>button:first-child{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:11px 8px;display:flex}.device-row span{flex-direction:column;gap:4px;min-width:0;display:flex}.device-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.device-row small{color:var(--muted);font-size:10px}.device-row small.online{color:#15803d}.device-row>.button{opacity:0}.device-row:hover>.button{opacity:1}.rail-bottom{border-top:1px solid var(--border);flex-direction:column;align-items:stretch;gap:3px;padding-top:12px;display:flex}.rail-bottom .button{justify-content:flex-start}.session-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:300px;display:flex}.session-sidebar header{align-items:center;gap:8px;height:75px;padding:16px;display:flex}.session-sidebar header>div{flex:1;min-width:0}.session-sidebar header strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.session-sidebar header small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.search{border:1px solid var(--border);color:var(--muted);border-radius:8px;align-items:center;gap:7px;margin:0 12px 12px;padding:8px 10px;display:flex}.search input{background:0 0;border:0;width:100%;font-size:12px}.session-list{padding:0 8px 16px;overflow:auto}.session-list section{margin-bottom:18px}.session-list h3{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin:0;padding:8px 9px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.session-row{text-align:left;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:38px;padding:9px;font-size:12px;display:flex}.session-row:hover,.session-row.selected{background:var(--hover)}.session-row span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.session-row svg{color:var(--muted);flex-shrink:0}.app-provider{color:var(--muted)!important}.status-dot{background:#22c55e;border-radius:100%;width:6px;height:6px}.chat-pane{--chat-inset:40px;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;container-type:inline-size}.welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.welcome>svg{color:var(--muted)}.welcome h1{margin:10px 0 0;font-size:24px;font-weight:550}.welcome p{color:var(--muted);margin:0 0 14px}.provider-status{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;max-width:500px;padding:10px 16px;display:flex}.provider-status small{color:var(--muted)}.chat-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:65px;padding:18px;display:flex}.chat-header>div{flex:1;min-width:0}.chat-header strong,.chat-header small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.chat-header strong{font-size:13px;font-weight:550}.chat-header small{color:var(--muted);margin-top:4px;font-size:11px}.path-badge{color:var(--muted);border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:4px 7px;font-size:10px}.path-badge.direct{color:#15803d;border-color:#15803d44}.messages-area{flex:1;min-height:0;position:relative}.messages{overflow-anchor:none;scrollbar-width:thin;overscroll-behavior:contain;height:100%;padding:0;overflow:auto}.message{width:100%;max-width:calc(860px + var(--chat-inset) * 2);padding:10px var(--chat-inset);-webkit-user-select:text;user-select:text;margin:0 auto}.message-content{min-width:0;max-width:820px;position:relative}.user-message{justify-content:flex-end;display:flex}.user-message .message-content{background:var(--hover);border-radius:20px;max-width:min(100%,680px);margin-bottom:32px;padding:16px}.assistant-message .message-content{padding:0}.message-parts{gap:12px;min-width:0;display:grid}.question-replies{border:1px solid var(--border);color:var(--fg);overflow-wrap:anywhere;border-radius:12px;gap:14px;min-width:0;padding:12px;font-size:14px;line-height:1.65;display:grid}.question-replies-heading{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.question-reply{gap:8px;min-width:0;display:grid}.question-reply-question{white-space:pre-wrap;font-weight:500}.question-reply-answer>span{color:var(--muted);font-size:12px}.question-reply-answer>p{white-space:pre-wrap;margin:4px 0 0}.markdown{overflow-wrap:anywhere;min-width:0;color:var(--fg);font-size:14px;line-height:23px}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 14px}.markdown h1,.markdown h2,.markdown h3{margin:24px 0 12px;font-weight:600;line-height:1.4}.markdown h1{font-size:25px}.markdown h2{font-size:21px}.markdown h3{font-size:17px}.markdown a{color:#2563eb;text-underline-offset:3px;text-decoration:underline}.markdown pre{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:16px;font-size:12px;line-height:1.7;overflow:auto}.markdown code{background:var(--hover);border-radius:4px;padding:2px 4px;font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.markdown pre code{background:0 0;padding:0}.markdown blockquote{border-left:3px solid var(--border);color:var(--muted);margin-left:0;padding-left:15px}.markdown table{border-collapse:collapse;margin:16px 0;display:block;overflow:auto}.markdown td,.markdown th{border:1px solid var(--border);text-align:left;padding:8px 12px}.markdown li+li{margin-top:6px}.message-actions{height:32px;color:var(--muted);visibility:hidden;align-items:center;gap:6px;margin-top:0;display:flex}.user-message .message-actions{position:absolute;bottom:-32px;right:0}.message:hover .message-actions,.message:focus-within .message-actions{visibility:visible}.message-actions time{font-size:10px}.message-actions .button{width:25px;min-height:25px}.activity{color:var(--muted);margin:0;font-size:12px}.activity summary{cursor:pointer;align-items:center;gap:8px;padding:8px 0;list-style:none;display:flex}.activity summary::-webkit-details-marker{display:none}.activity .activity-chevron{visibility:hidden}.activity[open] .activity-chevron{visibility:visible;transform:rotate(180deg)}.activity ul{overflow-wrap:anywhere;max-height:352px;margin:8px 0 0;padding-left:23px;overflow:auto}.activity li{padding:5px 0}.activity small{white-space:pre-wrap;font-size:11px;display:block}.shimmer{background:linear-gradient(100deg, var(--muted) 20%, var(--fg) 45%, var(--muted) 70%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-80% 0}}.thinking{max-width:calc(860px + var(--chat-inset) * 2);padding:12px var(--chat-inset) 20px;margin:0 auto;font-size:13px}.message-nav{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;width:30px;max-height:65%;padding:0;display:flex;position:absolute;top:50%;left:4px;overflow:hidden;transform:translateY(-50%)}.message-nav button{background:0 0;flex-shrink:0;align-items:center;width:30px;height:12px;min-height:12px;padding:0;display:flex}.message-nav button span{background:var(--border);border-radius:2px;width:16px;height:3px;transition:width .15s}.message-nav button:hover span{background:var(--fg);width:22px}.jump-latest{background:var(--bg);border-radius:50%;position:absolute;bottom:12px;right:40px}.load-older{justify-content:center;align-items:center;width:100%;height:44px;display:flex;position:absolute;top:0;left:0}.connection-cache-note{color:var(--muted);padding:8px 18px;font-size:12px}.user-message:has(.message-actions){padding-bottom:10px}.user-message:not(:has(.message-actions)) .message-content{margin-bottom:0}@container (min-width:1000px){.message,.thinking{--chat-inset:64px}}.composer-wrap{align-self:center;width:100%;max-width:896px;padding:6px 18px 18px}.composer-wrap.dragging{border-radius:12px;outline:2px dashed #2563eb}.composer{border:1px solid var(--border);background:color-mix(in srgb, var(--hover) 45%, var(--bg));border-radius:22px;padding:12px;box-shadow:0 2px 8px #00000005}.composer:focus-within{border-color:var(--muted)}.composer textarea{resize:none;field-sizing:content;background:0 0;border:0;width:100%;min-height:56px;max-height:168px;padding:10px 4px;line-height:23px;overflow-y:auto}.composer-toolbar{align-items:center;gap:7px;display:flex}.composer-toolbar select{text-overflow:ellipsis;background:0 0;border:0;max-width:min(200px,45cqw);font-size:12px}.composer-spacer{flex:1}.composer-caption{text-align:center;color:var(--muted);padding-top:8px;font-size:10px;display:none}.image-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.image-thumb{border:1px solid var(--border);border-radius:10px;width:130px;height:100px;padding:0;overflow:hidden}.image-thumb img{object-fit:cover;width:100%;height:100%}.image-thumb span{color:var(--muted);font-size:11px}.file-card{text-align:left;margin-bottom:8px;display:flex}.file-card span{flex:1}.file-card small{color:var(--muted);margin-top:3px;display:block}.image-viewer{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;display:flex}.image-viewer img{object-fit:contain;max-width:100%;max-height:65dvh}.image-viewer>div{align-items:center;gap:14px;display:flex}.upload-previews{gap:8px;padding:0 0 10px;display:flex;overflow-x:auto}.upload-previews>div{background:var(--hover);border-radius:8px;flex-shrink:0;width:75px;height:70px;position:relative}.upload-previews img{object-fit:cover;border-radius:8px;width:100%;height:100%}.upload-previews span{overflow-wrap:anywhere;height:100%;padding:15px 8px;font-size:10px;display:block;overflow:hidden}.upload-previews button{background:var(--bg);border:1px solid var(--border);border-radius:50%;width:19px;height:19px;padding:2px;position:absolute;top:-3px;right:-3px}.approval-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:10px 35px;padding:12px 15px}.approval-card>div{align-items:center;gap:8px;display:flex}.approval-card span{flex:1;font-size:12px}.landing,.docs{max-width:1120px;margin:0 auto;padding:0 32px}.landing nav,.docs nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:88px;display:flex}.landing nav>div{align-items:center;gap:30px;font-size:13px;display:flex}.hero{max-width:760px;padding:100px 0 90px}.badge{border:1px solid var(--border);color:var(--muted);letter-spacing:.5px;border-radius:30px;padding:7px 12px;font-size:11px;display:inline-block}.hero h1{letter-spacing:-3px;margin:30px 0 24px;font-size:clamp(45px,7vw,80px);font-weight:600;line-height:1.12}.hero h1 span{color:var(--muted)}.hero p{color:var(--muted);font-size:17px;line-height:1.9}.actions{gap:12px;margin-top:30px;display:flex}.platforms{color:var(--muted);align-items:center;gap:10px;margin-top:30px;font-size:10px;display:flex}.feature-grid{border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.feature-grid article{padding:32px}.feature-grid article+article{border-left:1px solid var(--border)}.feature-grid h2{margin:22px 0 12px;font-size:17px;font-weight:550}.feature-grid p,.selfhost p{color:var(--muted);font-size:13px;line-height:1.8}.selfhost{justify-content:space-between;align-items:center;gap:40px;padding:70px 0;display:flex}.selfhost h2{font-size:26px;font-weight:550}.selfhost p{max-width:650px}.landing footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:25px;padding:25px 0 40px;font-size:12px;display:flex}.landing footer span{color:var(--fg);flex:1;font-size:18px;font-weight:600}.docs-layout{gap:65px;padding:50px 0;display:flex}.docs-layout aside{width:190px;color:var(--muted);flex-direction:column;flex-shrink:0;gap:22px;font-size:13px;display:flex}.docs-layout article{max-width:650px}.docs-layout h1{margin:18px 0 30px;font-size:30px;font-weight:550}.docs-layout p{color:var(--muted);margin-bottom:24px;line-height:2}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px}.account-page{max-width:1000px;margin:auto;padding:40px 25px}.account-page nav{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.account-page h1{font-size:28px;font-weight:550}.account-section{border:1px solid var(--border);border-radius:12px;margin-top:30px;padding:25px}.account-section h2{margin:0 0 18px;font-size:17px;font-weight:550}.account-section table{border-collapse:collapse;width:100%}.account-section td,.account-section th{text-align:left;border-bottom:1px solid var(--border);padding:12px 8px;font-size:12px}.account-section .field{max-width:250px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.plan{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px}.plan h3{margin-top:0;font-size:16px}.plan p{color:var(--muted);font-size:12px;line-height:1.8}.login-actions{gap:12px;margin-top:25px;display:flex}.account-message{color:var(--danger);white-space:pre-line}.admin-editor{width:100%;height:200px;font-family:monospace}@media (prefers-color-scheme:dark){:root:not(.light){--bg:#171717;--surface:#1d1d1d;--rail:#202020;--fg:#ededed;--muted:#a1a1aa;--border:#343434;--hover:#2b2b2b;--accent:#ededed;--accent-fg:#171717;--danger:#fca5a5}.markdown a{color:#93c5fd}.path-badge.direct,.device-row small.online{color:#86efac}:root:not(.light) .remote-app{--bg:#09090b;--fg:#fafafa;--surface:#111113;--hover:#27272a;--rail:#131315;--border:#27272a;--muted:#a1a1aa}}html.dark .remote-app{--bg:#09090b;--fg:#fafafa;--surface:#111113;--hover:#27272a;--rail:#131315;--border:#27272a;--muted:#a1a1aa}@media (min-width:650px) and (max-width:999px){.session-sidebar{flex:1;width:auto;min-width:0}.remote-app.view-chat .session-sidebar,.remote-app:not(.view-chat) .chat-pane{display:none}.chat-header .mobile-only{display:inline-flex!important}}@media (max-width:649px){.mobile-only{display:inline-flex!important}.device-rail,.session-sidebar{border:0;width:100%;height:100%}.remote-app.view-devices .session-sidebar,.remote-app.view-devices .chat-pane,.remote-app.view-sessions .device-rail,.remote-app.view-sessions .chat-pane,.remote-app.view-chat .device-rail,.remote-app.view-chat .session-sidebar{display:none}.remote-app.view-chat .chat-pane{--chat-inset:20px;width:100%}.device-row>.button{opacity:1}.device-row strong{font-size:15px}.device-row small{font-size:12px}.device-row>button:first-child{padding:18px 12px}.session-row{min-height:47px;font-size:14px}.session-list h3{padding-top:14px;font-size:12px}.chat-pane{--chat-inset:20px}.chat-header{z-index:2;pointer-events:none;background:linear-gradient(var(--bg) 30%, transparent);border:0;height:88px;padding:8px 12px 28px;position:absolute;inset:0 0 auto}.chat-header:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 25%,#0000);mask-image:linear-gradient(#000 25%,#0000)}.chat-header>*{pointer-events:auto;background:var(--bg);border-radius:26px}.chat-header>div{padding:8px 12px}.chat-header>.button{flex-shrink:0;width:44px;height:44px}.messages{padding:88px 0 0}.message-nav{left:2px}.message-nav button{width:20px}.message-nav button span{width:10px}.markdown{font-size:14px}.message-actions{visibility:visible}.composer-wrap{padding:8px 12px max(10px, env(safe-area-inset-bottom))}.composer-caption{display:none}.error-notice{max-width:calc(100% - 24px);font-size:12px;bottom:145px}.chat-header .path-badge{font-size:9px}.user-message .message-content{max-width:100%}.landing,.docs{padding:0 22px}.landing nav>div{gap:14px}.landing nav>div>a:first-child{display:none}.hero{padding:70px 0}.hero h1{letter-spacing:-1px}.feature-grid{grid-template-columns:1fr}.feature-grid article+article{border-left:0;border-top:1px solid var(--border)}.selfhost{flex-direction:column;align-items:flex-start;gap:12px;padding:40px 0}.platforms{flex-wrap:wrap;max-width:330px;line-height:1.8}.landing footer{flex-wrap:wrap;gap:15px}.docs-layout{flex-direction:column;gap:20px;padding-top:25px}.docs-layout aside{flex-flow:wrap;gap:15px;width:100%}.approval-card{margin:5px 12px}.approval-card>div{flex-wrap:wrap}.account-section{padding:15px}.account-section table{display:block;overflow:auto}}@media (prefers-reduced-motion:reduce){.shimmer{color:var(--muted);animation:none}.spin{animation-duration:3s}}:root.dark{--bg:#171717;--surface:#1d1d1d;--rail:#202020;--fg:#ededed;--muted:#a1a1aa;--border:#343434;--hover:#2b2b2b;--accent:#ededed;--accent-fg:#171717;--danger:#fca5a5}.account-legal{font-size:12px;line-height:1.8}.account-legal a{text-underline-offset:3px;text-decoration:underline}.account-support-footer{text-align:center;color:var(--muted);overflow-wrap:anywhere;padding:24px 20px;font-size:13px}.account-support-footer a:hover{text-underline-offset:4px;text-decoration:underline}.connection-panel{gap:14px;min-width:0;display:grid}.connection-target{gap:4px;min-width:0;display:grid}.connection-target strong{font-size:14px;font-weight:600}.connection-target small{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.connection-summary{align-items:center;gap:8px;font-size:13px;display:flex}.connection-summary small{color:var(--muted);margin-left:auto;font-size:11px}.connection-timeline{scrollbar-width:thin;max-height:min(300px,45dvh);margin:0;padding:0;list-style:none;overflow:auto}.connection-timeline li{align-items:flex-start;gap:8px;padding:7px 0;font-size:12px;display:flex}.connection-timeline li>svg{color:var(--muted);flex-shrink:0;margin-top:3px}.connection-timeline li[data-state=success]>svg{color:#16a34a}.connection-timeline li[data-state=warning]>svg{color:#d97706}.connection-timeline li>div{flex:1;min-width:0}.connection-timeline small{color:var(--muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin-top:3px;font-size:11px;display:block}.connection-timeline time{color:var(--muted);flex-shrink:0;font-size:10px}.connection-failure{color:var(--danger);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;font-size:12px;line-height:1.6}.connection-panel-actions{justify-content:flex-end;gap:8px;display:flex}.device-row .device-connection-status{opacity:1;flex-shrink:0;width:26px}.dialog-content:has(.connection-panel){width:448px;padding:20px}.dialog-content:has(.connection-panel) h2{margin-bottom:16px;font-size:16px}@media (prefers-color-scheme:dark){:root:not(.light) .dialog-content:has(.connection-panel){--bg:#09090b;--fg:#fafafa;--border:#27272a;background:var(--bg);color:var(--fg)}}