.chat-split,.home,.pop{--panel:var(--surface);--panel2:color-mix(in srgb, var(--fg) 7%, transparent);--border:var(--line);--border-strong:var(--line2);--accent-soft:color-mix(in srgb, var(--accent) 18%, transparent);--accent-fg:var(--on-accent);--warn:#dcb56a;--ok:#3f9b5b;--mono:ui-monospace, "JetBrains Mono", Consolas, monospace;--maxw:760px}svg.i{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.ai-icon{object-fit:contain;border-radius:3px;flex:none;width:16px;height:16px}.chat-split{flex:1;min-width:0;min-height:100dvh;display:flex}.chat-col{flex-direction:column;flex:1;min-width:0;display:flex}.with-art .chat-col{flex:50%}.composer-dock{background:linear-gradient(transparent, var(--bg) 24px);padding:0 12px 10px;position:sticky;bottom:0}.composer-wrap{width:100%;max-width:var(--maxw);flex-direction:column;gap:6px;margin:0 auto;display:flex}.home .composer-wrap{max-width:720px}.msg-user-wrap{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:6px;max-width:80%;display:flex}.msg-user-wrap .msg-user{max-width:100%}.att-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.att-row img{border:1px solid var(--border);border-radius:6px;max-width:160px;max-height:120px}.msg-ai-body{gap:10px}.msg-actions{color:var(--muted);align-items:center;gap:6px;display:flex}.msg-actions .icon-btn{width:30px;height:30px}.model-badge{font-size:12px}.chip{border:1px solid var(--border);background:var(--panel2);max-width:240px;min-height:0;color:var(--fg);border-radius:6px;align-items:center;gap:6px;padding:3px 6px 3px 8px;font-size:12.5px;display:inline-flex}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip img{object-fit:cover;border-radius:6px;width:22px;height:22px}.chip button{color:var(--muted);background:0 0;border:0;padding:0;display:inline-flex}.chip button:hover{color:var(--fg)}.md{overflow-wrap:anywhere;min-width:0;line-height:1.65}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:.55em 0}.md h1,.md h2,.md h3,.md h4{margin:1em 0 .4em;line-height:1.25}.md h1{font-size:1.45em}.md h2{font-size:1.25em}.md h3{font-size:1.1em}.md ul,.md ol{margin:.4em 0;padding-left:1.4em}.md li{margin:.2em 0}.md code{font-family:var(--mono);background:var(--panel2);border:1px solid var(--border);border-radius:6px;padding:.08em .35em;font-size:.88em}.md blockquote{border-inline-start:3px solid var(--accent);color:var(--muted);margin:.6em 0;padding-block:.1em;padding-inline:1em 0}.md hr{border:none;border-top:1px solid var(--border);margin:1em 0}.md img{border-radius:6px;max-width:100%}.md table{border-collapse:collapse;font-size:.92em;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);padding:5px 10px}.md th{background:var(--panel2)}.md a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.code-block{border:1px solid var(--border);background:#1c1b19;border-radius:12px;max-width:100%;margin:.7em 0;font-family:Inter,system-ui,sans-serif;font-size:14px;overflow:hidden}.code-head{color:#c9c5ba;background:#2a2925;justify-content:space-between;align-items:center;padding:4px 6px 4px 12px;font-size:11.5px;display:flex}.code-actions button{color:#c9c5ba;background:0 0;border:0;border-radius:6px;min-height:28px;padding:2px 8px;font-size:0}.code-actions button:hover{color:#fff;background:#ffffff14}.code-actions .cb-copy:after{content:"Копировать";font-size:11.5px}.code-actions .cb-copy.done:after{content:"Скопировано"}.code-actions .cb-insert,.code-actions .cb-new,.code-actions .cb-run{display:none}.code-block pre{margin:0;padding:12px 14px;overflow-x:auto}.code-block code{font-family:var(--mono);color:#edeae2;background:0 0;border:none;padding:0;font-size:12.8px;line-height:1.55}.tk-k{color:#edeae2;font-weight:700}.tk-s{color:#a8e6c1}.tk-c{color:#8a8a94;font-style:italic}.tk-n{color:#f0c05a}.tk-f{color:#9cc4ff}.tk-t{color:#e2c2ff}.cursor:after{content:"";background:var(--accent);vertical-align:-2px;width:7px;height:1.05em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.shimmer{background:linear-gradient(90deg, var(--muted) 0%, var(--fg) 45%, var(--muted) 90%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}details.thinking{border-left:2px solid var(--accent-soft);color:var(--muted);padding:0 0 0 12px;font-family:Inter,system-ui,sans-serif}details.thinking>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;min-height:28px;font-size:13px;list-style:none;display:flex}details.thinking>summary::-webkit-details-marker{display:none}.think-body{white-space:pre-wrap;max-height:360px;margin-top:6px;font-size:13px;line-height:1.5;overflow:auto}.tool{min-width:0;font-family:Inter,system-ui,sans-serif}.tool-head{width:100%;color:var(--muted);text-align:start;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;min-height:30px;padding:4px 6px;font-size:13px;display:flex}.tool-head:hover{background:var(--panel2);color:var(--fg)}.tool-head .t-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tool.err .tool-head{color:var(--danger)}.tool.ok .tool-status{color:var(--ok)}.tool-out{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);background:var(--panel);border-radius:10px;max-height:320px;margin:4px 0 0;padding:10px 12px;font-size:12px;overflow:auto}.spinner{border:2px solid var(--border-strong);border-top-color:var(--fg);border-radius:50%;flex:none;width:13px;height:13px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{color:var(--muted);background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.5}.notice.error{color:var(--fg);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent)}.notice.error b{color:var(--danger)}.notice a{color:var(--accent);text-decoration:underline}.art-card{border:1px solid var(--border);background:var(--panel2);cursor:pointer;border-radius:12px;align-items:center;gap:12px;max-width:520px;margin:.7em 0;padding:10px 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.35;display:flex}.art-card:hover{border-color:var(--border-strong)}.art-card.busy{cursor:default;opacity:.75}.art-card .art-ic{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.art-card .art-ic .i{width:18px;height:18px}.art-card .art-meta{flex-direction:column;flex:1;min-width:0;display:flex}.art-card .art-meta b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.art-card .art-meta small{color:var(--muted);font-size:12.5px}.art-card .art-open{border:1px solid var(--border-strong);background:0 0;border-radius:6px;flex:none;min-height:32px;padding:6px 12px;font-size:12.5px}.art-card:not(.busy) .art-open:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.art-panel{border-inline-start:1px solid var(--border);background:var(--panel);flex-direction:column;flex:50%;min-width:0;height:100dvh;display:flex;position:sticky;top:0}.art-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.art-title{flex-direction:column;flex:160px;min-width:0;display:flex}.art-title b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.art-title small{color:var(--muted);font-size:12px}.art-tabs{background:var(--panel2);border-radius:10px;gap:2px;padding:2px;display:flex}.art-tab{color:var(--muted);background:0 0;border:0;border-radius:8px;min-height:32px;padding:6px 12px;font-size:13px}.art-tab.on{background:var(--bg);color:var(--fg);font-weight:600}.art-ver{border:1px solid var(--border-strong);background:var(--bg);border-radius:8px;min-height:36px;padding:0 8px}.art-acts{align-items:center;gap:6px;display:flex}.art-acts .btn{min-height:36px;padding:0 12px;font-size:13px}.art-body{flex:1;overflow:auto}.art-body.frame{display:flex;overflow:hidden}.art-frame{background:#fff;border:0;flex:1;width:100%}.art-doc{max-width:760px;padding:20px 24px}.art-code{border:0;border-radius:0;min-height:100%;margin:0}@media (max-width:900px){.art-panel{z-index:30;border-inline-start:0;height:auto;position:fixed;inset:0}}#composer{border:1px solid var(--border);background:var(--panel);width:100%;box-shadow:0 2px 12px #0000001a, 0 0 0 .5px color-mix(in srgb, var(--fg) 6%, transparent);border-radius:16px;transition:border-color .15s;position:relative}#composer:focus-within{border-color:var(--border-strong)}#composer.drag{border-style:dashed;border-color:var(--accent)}#atts{flex-wrap:wrap;gap:6px;padding:10px 12px 0;display:flex}#sr-input{resize:none;width:100%;min-height:44px;max-height:40vh;color:var(--fg);background:0 0;border:none;outline:none;padding:14px 16px 6px;font-size:15px;line-height:1.5;display:block}#sr-input::placeholder{color:var(--muted)}.toolbar{align-items:center;gap:4px;min-width:0;padding:4px 8px 8px;display:flex}.toolbar .spacer{flex:1}.toolbar .icon-btn{border-radius:12px;width:32px;height:32px}.toolbar .icon-btn.tb{border:1px solid var(--border);color:var(--muted)}.toolbar .icon-btn.tb:hover{color:var(--fg);background:var(--panel2)}.toolbar .icon-btn.tb.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.on-chip{width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.on-chip:hover{filter:brightness(1.15)}.on-chip.unsupported{opacity:.45}.on-chip svg.i{width:15px;height:15px}#model-btn{min-width:0;max-width:min(220px,40%);height:32px;color:var(--muted);background:0 0;border:0;border-radius:12px;align-items:center;gap:5px;padding:0 6px 0 8px;font-size:13px;display:inline-flex}#model-btn:hover{background:var(--panel2);color:var(--fg)}#model-btn .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#model-btn .chev{opacity:.6;width:12px;height:12px}#mic.rec{color:var(--danger);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}#send{background:var(--accent);width:34px;height:34px;color:var(--accent-fg);border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;transition:transform .1s,opacity .15s;display:inline-flex}#send:disabled{opacity:.3;cursor:default}#send:not(:disabled):hover{transform:scale(1.06)}#send.stop{background:var(--fg);color:var(--bg);animation:.2s send-swap}@keyframes send-swap{0%{opacity:.4;transform:scale(.7)}}#usage-btn{color:var(--accent)}#usage-btn .track{fill:none;stroke:var(--border-strong);stroke-width:2.4px}#usage-btn .fill{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round}#usage-btn.warn{color:var(--warn)}#usage-btn.crit{color:var(--danger)}@media (max-width:420px){#model-btn{max-width:34%}}.pop{z-index:50;background:var(--surface);min-width:min(220px,100vw - 20px);max-width:min(420px,100vw - 20px);max-height:60vh;color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:5px;font-size:13px;overflow:auto;box-shadow:0 10px 30px #00000038}.pop .search{background:inherit;border-bottom:1px solid var(--border);border-radius:0;min-height:0;margin:-5px -5px 4px;padding:4px;position:sticky;top:-5px}.pop .search input{width:100%;color:var(--fg);background:0 0;border:none;outline:none;padding:8px}.pop .group{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;width:100%;padding:8px 8px 4px;font-size:11px;display:flex}.pop .group.fold{text-align:start;background:0 0;border:0;border-radius:6px;min-height:32px}.pop .group.fold:hover{color:var(--fg);background:var(--panel2)}.pop .group .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pop .group .fold-chev{width:11px;height:11px;transition:transform .12s}.pop .group.folded .fold-chev{transform:rotate(-90deg)}.pop .item{text-align:start;width:100%;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;min-height:36px;padding:8px;font-size:13px;display:flex}.pop .item:hover,.pop .item.hl{background:var(--panel2)}.pop .item .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pop .item .desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;display:block;overflow:hidden}.pop .item .check{width:16px;display:inline-flex}.pop .item.disabled,.pop .item:disabled{opacity:.5;cursor:not-allowed}.pop .item.disabled .desc{color:var(--warn)}.pop .star{opacity:0;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px;display:inline-flex}.pop .item:hover .star,.pop .star.on,.pop .star:focus-visible{opacity:1}.pop .star.on{color:var(--warn)}.pop .star.on svg{fill:currentColor}.pop .sep{border-top:1px solid var(--border);margin:4px 0}.pop .empty-note{color:var(--muted);padding:10px}.pop .badge{border:1px solid var(--border);color:var(--muted);letter-spacing:0;text-transform:none;background:0 0;border-radius:6px;padding:1px 5px;font-size:11px;position:static}.tools-pop{width:300px}.tools-pop .sw-row{cursor:pointer}.mini-switch{flex:none;width:30px;height:17px;position:relative}.mini-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.mini-switch i{background:var(--border-strong);pointer-events:none;border-radius:99px;transition:background .15s;position:absolute;inset:0}.mini-switch i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:2px;left:2px}.mini-switch input:checked+i{background:var(--accent)}.mini-switch input:checked+i:after{transform:translate(13px)}.mini-switch input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}.pop .seg{background:var(--panel2);border-radius:12px;gap:2px;margin:2px 6px 6px;padding:2px;display:flex}.pop .seg button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;min-height:32px;padding:6px 0;font-size:12.5px}.pop .seg button:hover{color:var(--fg)}.pop .seg button.on{background:var(--bg);color:var(--fg);font-weight:600;box-shadow:0 1px 4px #00000026}.usage-pop{width:300px;padding:10px}.us-head{align-items:center;padding:2px 2px 8px;display:flex}.us-head .grow{flex:1}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.97)}}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}@keyframes fade{0%{opacity:0}}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.msg-user-wrap,.msg-ai{animation:.28s cubic-bezier(.2,.7,.2,1) both rise}.pop{transform-origin:0 100%;animation:.14s ease-out both pop-in}.art-panel{animation:.26s cubic-bezier(.2,.7,.2,1) both slide-in}.art-card,.tool,details.thinking{animation:.2s ease-out both fade}.home .greeting{animation:.45s cubic-bezier(.2,.7,.2,1) both rise}.home .composer-wrap{animation:.45s cubic-bezier(.2,.7,.2,1) 60ms both rise}#composer{transition:border-color .15s,box-shadow .2s,transform .2s}#composer:focus-within{box-shadow:0 6px 24px #00000024, 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}#send:not(:disabled):active{transform:scale(.92)}.on-chip{animation:.16s ease-out both pop-in}#mic{position:relative}#mic.rec{background:color-mix(in srgb, var(--danger) 14%, transparent);animation:none}.mic-wave{justify-content:center;gap:2px;height:6px;display:flex;position:absolute;inset:auto 0 3px}.mic-wave i{background:var(--danger);transform-origin:bottom;border-radius:1px;width:2px;height:6px;animation:.9s ease-in-out infinite wave}.mic-wave i:nth-child(2){animation-delay:.15s}.mic-wave i:nth-child(3){animation-delay:.3s}details.thinking[open] .think-body{animation:.2s ease-out fade}.tool-out{animation:.15s ease-out fade}.msg-actions{opacity:.55;transition:opacity .15s}.msg-ai:hover .msg-actions,.msg-actions:focus-within{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.msg-actions.user{justify-content:flex-end}.branches{color:var(--muted);align-items:center;gap:2px;font-size:12px;display:inline-flex}.branches .icon-btn{width:26px;height:26px;font-size:16px}.branches .icon-btn:disabled{opacity:.3}.edit-box{flex-direction:column;gap:8px;width:min(640px,100%);animation:.15s ease-out pop-in;display:flex}.edit-box textarea{resize:vertical;width:100%;font:inherit}.gen-image{flex-direction:column;align-items:flex-start;gap:8px;margin:0;display:flex}.gen-image img{border:1px solid var(--border);border-radius:12px;max-width:min(520px,100%);animation:.3s ease-out fade}.file-chip{border:1px solid var(--border);background:var(--panel2);color:var(--fg);border-radius:12px;align-items:center;gap:8px;max-width:100%;padding:10px 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;display:inline-flex}.file-chip:hover{border-color:var(--border-strong)}.file-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare{width:100%;max-width:calc(var(--maxw) * 1.6);gap:14px;margin:0 auto;padding:4px 0 12px;animation:.3s ease-out rise;display:grid;overflow-x:auto}.compare-col{border:1px solid var(--border);background:var(--panel);border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.compare-col>header{color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600}.compare-col .thread-inner{gap:10px}.compare-chip{gap:4px;width:auto;padding:0 8px;font-size:12px;font-weight:600}.chat-header{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.chat-header h1{flex:1;min-width:0}.title-btn{max-width:100%;font:inherit;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-left:-8px;padding:4px 8px;font-size:15px;font-weight:500;display:inline-flex;overflow:hidden}.title-btn:hover{background:var(--panel2)}.title-input{width:100%;min-height:36px;padding:4px 10px;font-size:15px}.pin-mark{width:14px;height:14px;color:var(--accent)}.project-tag{color:var(--muted);background:var(--panel2);border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.project-tag svg.i{width:13px;height:13px}.pop .item.danger{color:var(--danger)}.share-link{padding:4px 8px 6px}.share-link input{border:1px solid var(--border);background:var(--bg);width:100%;min-height:34px;color:var(--fg);border-radius:8px;padding:4px 8px;font-size:12px}.ask-card{border:1px solid var(--line2);background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;margin:6px 0;padding:14px;animation:.25s both page-in;display:flex}.ask-q{align-items:flex-start;gap:8px;line-height:1.45;display:flex}.ask-q svg{color:var(--accent);flex:none;margin-top:2px}.ask-opts{flex-direction:column;gap:6px;display:flex}.ask-opt{text-align:start;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.ask-opt:hover:not(:disabled){border-color:var(--accent);background:var(--soft)}.ask-opt:disabled{cursor:default;opacity:.7}.ask-n{background:var(--soft);width:22px;height:22px;color:var(--muted);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.ask-hint{font-size:12.5px}.todo-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:6px 0;padding:12px 14px}.todo-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.todo-head b{flex:1}.todo-card ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.todo-card li{align-items:center;gap:10px;font-size:14px;display:flex}.todo-mark{border:1.5px solid var(--line2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.todo-card li.done .todo-mark{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.todo-card li.done>span:nth-child(2){color:var(--muted);text-decoration:line-through}.todo-card li.in_progress>span:nth-child(2){font-weight:600}.todo-card li.in_progress .todo-mark{border-color:var(--accent)}.todo-card.live li.in_progress .todo-mark{border-top-color:#0000;animation:.8s linear infinite spin}.icon-btn.active{color:var(--accent)}.seg.seg-wrap{flex-wrap:wrap}.incognito-btn{border:1px solid var(--line2);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.incognito-btn.on{color:var(--fg);border-color:var(--accent);background:var(--soft)}@media (prefers-reduced-motion:reduce){.todo-card.live li.in_progress .todo-mark,.ask-card{animation:none}}.thread-inner{max-width:var(--maxw)}.msg-user{font-size:var(--chat-font,15px)}.msg-ai-text{font-size:calc(var(--chat-font,15px) + 2px)}.code-wrap .code-block pre{white-space:pre-wrap;word-break:break-word}.art-panel{align-self:flex-start;position:sticky;top:0}.art-panel.full{z-index:40;border-inline-start:0;flex:none;height:100dvh;position:fixed;inset:0}.art-resize{cursor:col-resize;z-index:2;width:6px;position:absolute;top:0;bottom:0;left:-3px}.art-resize:hover,.art-resize:active{background:var(--accent);opacity:.5}.art-head{flex-wrap:wrap;gap:8px;min-height:52px}.art-title{flex:120px}.art-tab{align-items:center;gap:6px;display:inline-flex}.art-tab .i{width:15px;height:15px}.art-ver{min-height:0;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:12.5px;display:inline-flex}.art-ver .icon-btn{width:26px;height:26px;font-size:16px}.art-split{display:inline-flex;position:relative}.art-split>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.art-split>.btn:nth-child(2){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;padding:0 8px}.art-menu{z-index:5;border:1px solid var(--border-strong);background:var(--panel);border-radius:12px;flex-direction:column;gap:2px;min-width:260px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000002e}.art-menu>button{text-align:start;color:var(--fg);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.art-menu>button:hover{background:var(--panel2)}.art-menu>button .muted{text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-inline-start:auto;font-size:12px;overflow:hidden}.art-link{gap:6px;padding:4px;display:flex}.art-link input{border:1px solid var(--border-strong);background:var(--bg);border-radius:8px;flex:1;min-width:0;padding:6px 8px;font-size:12px}.art-error{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--danger,#b42318) 10%, transparent);align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.art-error .grow{flex:1;min-width:0}@media (max-width:900px){.art-resize{display:none}.art-head{flex-wrap:wrap}.art-panel{align-self:auto;position:fixed;inset:0}}.pub-art{flex-direction:column;min-height:100dvh;display:flex}.pub-bar{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:8px 14px;display:flex}.pub-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.pub-frame{background:#fff;border:0;flex:1;width:100%}.vm{z-index:60;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;animation:.25s ease-out both fade;display:flex;position:fixed;inset:0}.vm-orb{--lvl:0;cursor:pointer;background:0 0;border:0;border-radius:50%;width:168px;height:168px;padding:0;position:relative}.vm-orb>span{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent) 35%, #fff) 0%, var(--accent) 45%, color-mix(in srgb, var(--accent) 60%, #000) 100%);box-shadow:0 0 60px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 -10px 30px #00000040;transform:scale(calc(1 + var(--lvl) * .08));border-radius:50%;transition:transform .12s ease-out,filter .3s,opacity .3s;position:absolute;inset:0}.vm-orb:after{content:"";border:2px solid color-mix(in srgb, var(--accent) 35%, transparent);opacity:0;border-radius:50%;position:absolute;inset:-14px}.vm-orb.listening>span{animation:2.6s ease-in-out infinite vm-breathe}.vm-orb.listening:after{animation:2.2s ease-out infinite vm-ring}.vm-orb.thinking>span{background:conic-gradient(from 0deg, var(--accent), color-mix(in srgb, var(--accent) 40%, #fff), var(--accent), color-mix(in srgb, var(--accent) 55%, #000), var(--accent));animation:1.6s linear infinite spin}.vm-orb.speaking>span{animation:.7s ease-in-out infinite alternate vm-talk}.vm-orb.paused>span{filter:grayscale();opacity:.45;box-shadow:none}.vm-orb:focus-visible{outline:3px solid var(--accent);outline-offset:10px}@keyframes vm-breathe{50%{transform:scale(calc(1.05 + var(--lvl) * .08))}}@keyframes vm-ring{0%{opacity:.8;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}@keyframes vm-talk{0%{transform:scale(.97)}to{transform:scale(1.07)}}.vm-status{color:var(--fg);margin:8px 0 0;font-size:17px;font-weight:500}.vm-caption{text-align:center;max-width:620px;min-height:3em;color:var(--fg2);margin:0;font-size:16px;line-height:1.5}.vm-error{text-align:center;max-width:520px;color:var(--danger);margin:0;font-size:14px}.vm-controls{gap:16px;margin-top:12px;display:flex}.vm-btn{border:1px solid var(--line2);background:var(--surface);width:56px;height:56px;color:var(--fg);cursor:pointer;border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid}.vm-btn:hover{background:var(--soft);transform:translateY(-1px)}.vm-btn svg{width:22px;height:22px}.vm-btn.off{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 50%, transparent)}.vm-btn.off svg{opacity:.7}.vm-end{background:var(--danger);border-color:var(--danger);color:#fff}.vm-end:hover{background:var(--danger);filter:brightness(1.08)}@media (prefers-reduced-motion:reduce){.vm-orb>span,.vm-orb:after{animation:none!important}}.guest-note{text-align:center;margin:0}.guest-note a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.todo-card.pinned{width:100%;max-width:var(--maxw,720px);max-height:40vh;margin:0 auto 6px;padding:8px 12px;animation:.2s todo-in;overflow:auto;box-shadow:0 4px 18px #0000001f}.todo-card .todo-head{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;margin:0;padding:2px 0}.todo-card .todo-head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.todo-card ul{margin-top:8px}.todo-chev{color:var(--muted);transition:transform .2s;display:inline-flex}.todo-chev.open{transform:rotate(180deg)}@keyframes todo-in{0%{opacity:0;transform:translateY(6px)}}.ask-card.pinned{width:100%;max-width:var(--maxw,720px);max-height:50vh;margin:0 auto 6px;overflow:auto;box-shadow:0 4px 18px #0000001f}.ask-q b{flex:1;min-width:0}.ask-q .icon-btn{width:26px;height:26px;margin:-4px -4px 0 0}.ask-opt.on{border-color:var(--accent)}.ask-done{border:1px solid var(--line);background:var(--surface);max-width:100%;color:var(--muted);font:inherit;text-align:start;cursor:pointer;border-radius:12px;align-items:center;gap:8px;margin:4px 0;padding:8px 12px;font-size:13.5px;display:flex}.ask-done:hover{border-color:var(--line2);color:var(--fg)}.ask-done svg{flex:none}.ask-done>svg:first-child{color:var(--accent)}.ask-done-q{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ask-done b{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--fg);flex:none;font-weight:600;overflow:hidden}.art-card .art-dl{border:1px solid var(--border-strong);width:32px;height:32px;color:var(--fg);background:0 0;border-radius:6px;flex:none;place-items:center;display:grid}.art-card:not(.busy) .art-dl:hover{background:var(--panel2)}
