.agentChat{background:radial-gradient(120% 90% at 64% 40%, #0a0c12 0%, var(--void) 55%);gap:clamp(14px,2vw,26px);height:100dvh;padding:16px;display:flex;overflow:hidden}.agentMain{flex-direction:column;flex:1;min-width:0;animation:.7s cubic-bezier(.16,1,.3,1) both paneRise;display:flex}@keyframes paneRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes paneFade{0%{opacity:0}to{opacity:1}}.agentChat :is(button,textarea,a):focus-visible{outline-offset:2px;border-radius:4px;outline:1px solid #7ee7c98c}.agentTranscript::-webkit-scrollbar{width:9px}.sideList::-webkit-scrollbar{width:9px}.ctxMenu::-webkit-scrollbar{width:9px}.agentTranscript::-webkit-scrollbar-thumb{background:#ece9e11f padding-box padding-box;border:2px solid #0000;border-radius:5px}.sideList::-webkit-scrollbar-thumb{background:#ece9e11f padding-box padding-box;border:2px solid #0000;border-radius:5px}.ctxMenu::-webkit-scrollbar-thumb{background:#ece9e11f padding-box padding-box;border:2px solid #0000;border-radius:5px}.agentTranscript::-webkit-scrollbar-thumb:hover{background-color:#ece9e138}.sideList::-webkit-scrollbar-thumb:hover{background-color:#ece9e138}.ctxMenu::-webkit-scrollbar-thumb:hover{background-color:#ece9e138}.agentTranscript::-webkit-scrollbar-track{background:0 0}.sideList::-webkit-scrollbar-track{background:0 0}.ctxMenu::-webkit-scrollbar-track{background:0 0}.agentSide{border:1px solid var(--hairline);background:linear-gradient(#ece9e10d,#ece9e106);border-radius:18px;flex-direction:column;flex-shrink:0;gap:12px;width:258px;padding:18px 12px 14px 16px;animation:.7s both paneFade;display:flex;box-shadow:0 18px 48px #00000080}.sideBrand{padding:0 4px 8px;font-size:19px}.sideBrand span,.brandMobile span{color:var(--mint);font-style:italic}.brandMobile{display:none}.sideNew{font-family:var(--font-mono), monospace;color:var(--ink-dim);text-align:left;border:1px solid var(--hairline);cursor:pointer;background:#ece9e10d;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;transition:color .25s,border-color .25s;display:flex}.sideNew:hover{color:var(--mint);border-color:#7ee7c973}.sideLabel{font-family:var(--font-mono), monospace;color:var(--ink-faint);padding:6px 4px 0;font-size:12px}.sideList{scrollbar-width:thin;scrollbar-color:#ece9e124 transparent;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.sideHint{font-family:var(--font-mono), monospace;color:var(--ink-faint);padding:4px;font-size:12.5px;line-height:1.6}.sideItem{border-radius:8px;align-items:center;transition:background-color .2s;display:flex}.sideItem:hover{background:#ece9e10d}.sideItem.isActive{background:#ece9e114;box-shadow:inset 2px 0 #7ee7c98c}.sideItemBtn{min-width:0;font-family:var(--font-mono), monospace;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 4px 8px 10px;display:flex}.sideTitle{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.sideItem.isActive .sideTitle{color:var(--ink)}.sideDate{color:var(--ink-faint);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.sideDel{color:var(--ink-faint);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;align-items:center;padding:8px 10px 8px 4px;transition:opacity .2s,color .2s;display:inline-flex}.sideItem:hover .sideDel,.sideDel:focus-visible{opacity:1}.sideDel:hover{color:var(--brass)}.sideFoot .connect{justify-content:center;width:100%}.sideScrim{display:none}.sideToggle{font-family:var(--font-mono), monospace;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:4px 0;font-size:12.5px;transition:color .25s;display:none}.sideToggle:hover{color:var(--mint)}.agentTop{padding:14px clamp(18px,4vw,48px) 0}.agentTopInner{align-items:center;gap:12px;width:100%;min-width:0;max-width:780px;margin:0 auto;display:flex}.ctxTag{font-family:var(--font-mono), monospace;color:var(--ink-faint);font-size:12.5px}.ctx{min-width:0;position:relative}.ctxBtn{max-width:100%;font-family:var(--font-mono), monospace;color:var(--ink-dim);border:1px solid var(--hairline);cursor:pointer;background:#ece9e10a;border-radius:999px;align-items:center;gap:9px;padding:6px 13px;font-size:12.5px;transition:color .25s,border-color .25s;display:inline-flex}.ctxBtn:hover,.ctxBtn[aria-expanded=true]{color:var(--ink);border-color:#ece9e14d}.ctxBtn.hasCtx{color:var(--mint);border-color:#7ee7c959}.ctxBtn.hasCtx:hover,.ctxBtn.hasCtx[aria-expanded=true]{border-color:#7ee7c98c}.ctxLabel{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:min(56ch,62vw);overflow:hidden}.ctxCaret{color:var(--ink-faint);align-items:center;display:inline-flex}.ctxCaret svg{transition:transform .2s}.ctxBtn[aria-expanded=true] .ctxCaret svg,.mdlBtn[aria-expanded=true] .ctxCaret svg{transform:rotate(180deg)}.ctxMenu{z-index:30;border:1px solid var(--hairline);scrollbar-width:thin;scrollbar-color:#ece9e124 transparent;background:#0b0d11;border-radius:10px;min-width:min(430px,78vw);max-height:min(440px,62vh);padding:5px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 18px 44px #0000008c}.ctxItem{text-align:left;width:100%;font-family:var(--font-mono), monospace;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:baseline;gap:10px;padding:9px 12px;font-size:12.5px;line-height:1.45;transition:background-color .15s;display:flex}.ctxItem:hover{background:#ece9e10f}.ctxItem.isActive{color:var(--ink);background:#ece9e10a}.ctxPid{color:var(--ink-faint);flex-shrink:0}.ctxItem.isActive .ctxPid{color:var(--mint)}.ctxTitle{min-width:0}.agentTranscript{scrollbar-width:thin;scrollbar-color:#ece9e124 transparent;flex-direction:column;flex:1;min-height:0;padding:20px clamp(18px,4vw,48px) 8px;display:flex;overflow-y:auto}.turnFlow{width:100%;max-width:780px;margin:0 auto;padding-bottom:10px}.agentEmpty{text-align:center;flex-direction:column;align-items:center;margin:auto;display:flex}.emptyMark{color:#e8c47f80;margin-bottom:14px;font-size:22px}.agentEmpty>p{color:var(--ink-faint);text-wrap:pretty;font-size:15.5px;font-style:italic}.sideHint,.starter{text-wrap:pretty}.starters{flex-direction:column;gap:8px;width:min(430px,78vw);margin-top:22px;display:flex}.starter{font-family:var(--font-serif), Georgia, serif;text-align:left;color:var(--ink-dim);border:1px solid var(--hairline);cursor:pointer;background:#ece9e108;border-radius:10px;padding:10px 14px;font-size:14.5px;line-height:1.5;transition:color .25s,border-color .25s}.starter:hover{color:var(--ink);border-color:#7ee7c973}.turn{animation:.4s both turnIn}@keyframes turnIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.turnYou{border:1px solid var(--hairline);background:#ece9e10a;border-radius:14px;margin-top:clamp(24px,3.5vh,34px);padding:12px 16px}.turnYou:first-child{margin-top:4px}.turnYou p{color:#ece9e1eb;white-space:pre-wrap;overflow-wrap:break-word;font-size:16px;line-height:1.6}.turnMachine{margin-top:clamp(18px,3vh,26px)}.agentProse{margin-top:0}.agentSpark{color:var(--brass);margin-top:14px;font-size:16px;line-height:1;animation:1.3s ease-in-out infinite sparkPulse;display:block}@keyframes sparkPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.agentSpark{animation:none}}.turnActions{height:18px;margin-top:6px}.turnActions button{font-family:var(--font-mono), monospace;color:var(--ink-faint);cursor:pointer;opacity:0;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;transition:opacity .2s,color .2s;display:inline-flex}.turnMachine:hover .turnActions button,.turnActions button:focus-visible{opacity:1}.turnActions button:hover{color:var(--mint)}.turnThinking{margin-bottom:14px}.turnThinking summary{font-family:var(--font-mono), monospace;color:var(--ink-faint);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;list-style:none;transition:color .25s;display:inline-flex}.turnThinking summary::-webkit-details-marker{display:none}.turnThinking summary svg{color:var(--peri);transition:transform .2s;transform:rotate(-90deg)}.turnThinking[open] summary svg{transform:none}.turnThinking summary:hover{color:var(--ink-dim)}.turnThinking div{font-family:var(--font-mono), monospace;color:var(--ink-faint);white-space:pre-wrap;overflow-wrap:break-word;border-left:1px solid #8f87ff4d;margin-top:10px;padding-left:16px;font-size:12.5px;line-height:1.7}.turnError{font-family:var(--font-mono), monospace;color:var(--brass);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13.5px;line-height:1.6;display:flex}.turnRetry{font-family:var(--font-mono), monospace;color:var(--ink-dim);border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:12.5px;transition:color .25s,border-color .25s}.turnRetry:hover{color:var(--mint);border-color:#7ee7c973}.turnNote{font-family:var(--font-mono), monospace;color:var(--ink-faint);margin-top:10px;font-size:12.5px}.agentComposer{padding:6px clamp(18px,4vw,48px) 4px}.composerBox{border:1px solid var(--hairline);background:#13151beb;border-radius:16px;max-width:780px;margin:0 auto;padding:14px 14px 10px 16px;transition:border-color .25s}.composerBox:focus-within{border-color:#7ee7c959}.composerBox textarea{width:100%;font-family:var(--font-serif), Georgia, serif;color:var(--ink);resize:none;background:0 0;border:none;min-height:25px;max-height:200px;padding:0;font-size:16.5px;line-height:1.5;display:block}.composerBox textarea:focus{outline:none}.composerBox textarea::placeholder{color:var(--ink-faint);font-style:italic}.composerFoot{justify-content:space-between;align-items:center;gap:14px;margin-top:10px;display:flex}.composerCtx{align-items:center;gap:16px;min-width:0;display:flex}.mdlBtn{font-family:var(--font-mono), monospace;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:4px 0;font-size:12.5px;transition:color .25s;display:inline-flex}.mdlBtn:hover,.mdlBtn[aria-expanded=true]{color:var(--mint)}.mdl .ctxMenu{min-width:240px;left:auto;right:0}.ctxMenu.menuUp{top:auto;bottom:calc(100% + 10px)}.mdlNote{color:var(--ink-faint);margin-left:auto;font-size:12px}.composerRight{flex-shrink:0;align-items:center;gap:12px;display:flex}.composerHint{font-family:var(--font-mono), monospace;color:var(--ink-faint);align-items:center;gap:6px;font-size:12px;display:inline-flex}.composerHint kbd{color:var(--ink-dim);border:1px solid var(--hairline);background:#ece9e10f;border-bottom-width:2px;border-radius:5px;padding:3px 6px 2px;font-family:inherit;font-size:12px;line-height:1}.composerSend{color:#06231a;background:var(--mint);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .25s,color .25s,transform .15s,opacity .2s;display:inline-flex}.composerSend:hover:not(:disabled){transform:translateY(-1px)}.composerSend:active:not(:disabled){transform:none}.composerSend.isStop{color:var(--brass);background:#e8c47f24;border:1px solid #e8c47f66}.composerSend:disabled{color:var(--ink-faint);cursor:default;background:#ece9e112}@media (max-width:900px){.agentChat{padding:0}.agentSide{z-index:40;background:#0b0d12;border-left:none;border-radius:0 18px 18px 0;width:min(300px,82vw);transition:transform .3s cubic-bezier(.22,1,.36,1);animation:none;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:24px 0 60px #0000008c}.agentSide[data-open=true]{transform:none}.sideScrim{z-index:30;background:#04050799;display:block;position:fixed;inset:0}.sideToggle{display:inline-flex}.brandMobile{z-index:20;font-size:19px;display:inline-block;position:fixed;top:16px;left:20px}.agentTop{padding-top:58px}.composerHint{display:none}.agentComposer{padding-bottom:14px}}@media (prefers-reduced-motion:reduce){.agentSide{transition:none;animation:none}.agentMain,.turn{animation:none}}