.mascot-sprite{cursor:grab;touch-action:none;z-index:25;filter:drop-shadow(0 8px 14px #0006);-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:120px;height:120px;padding:0;transition:transform .16s;position:absolute;bottom:22px;right:22px}.mascot-sprite:active{cursor:grabbing}.mascot-sprite.is-loading{background:#a6ff001f;border-radius:18px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #a6ff0066}.mascot-sprite__placeholder{color:#a6ff00;letter-spacing:1px;font-size:16px;font-weight:700}.mascot-video{cursor:grab;touch-action:none;z-index:50;filter:drop-shadow(0 8px 14px #0006);-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:120px;height:120px;padding:0;transition:transform .16s;position:absolute;bottom:22px;right:22px}.mascot-video:hover{transform:translateY(-3px)scale(1.04)}.mascot-video:active{cursor:grabbing}.mascot-video__media{object-fit:contain;pointer-events:none;width:120px;height:120px}.mascot-video.is-loading{background:#a6ff001f;border-radius:18px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #a6ff0066}.mascot-video__placeholder{color:#a6ff00;letter-spacing:1px;font-size:16px;font-weight:700}.mascot-sprite canvas{image-rendering:auto;width:120px;height:120px;display:block}.mascot-sprite:hover{transform:translateY(-3px)scale(1.04)}.mascot-sprite:active{transform:translateY(-1px)scale(.98)}.mascot-sprite--work{animation:.9s ease-in-out infinite mascot-busy}@keyframes mascot-busy{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(-1.5deg)}}.agent-panel{z-index:40;color:#e7e9ee;background:#0f1115;border-left:1px solid #ffffff14;flex-direction:column;width:380px;height:calc(100% - 72px);font-size:13px;display:flex;position:absolute;top:72px;right:0;box-shadow:-8px 0 32px #00000059}.agent-panel.is-entering{animation:.22s agent-panel-in}.agent-panel.is-exiting{animation:.22s forwards agent-panel-out}@keyframes agent-panel-in{0%{opacity:0;transform:translate(16px)}}@keyframes agent-panel-out{to{opacity:0;transform:translate(16px)}}.agent-panel__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.agent-panel__title{align-items:center;gap:8px;font-weight:600;display:flex}.agent-panel__dot{background:#a6ff00;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #a6ff00cc}.agent-panel__header-actions{gap:4px;display:flex}.agent-panel__icon-btn{color:#c7cad1;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;width:28px;height:28px}.agent-panel__icon-btn:hover{background:#ffffff1f}.agent-panel__sessions-backdrop{z-index:5;position:absolute;inset:0}.agent-panel__sessions{z-index:6;background:#161922;border:1px solid #ffffff1a;border-radius:12px;width:300px;max-height:60%;padding:6px;position:absolute;top:52px;right:10px;overflow-y:auto;box-shadow:0 18px 48px #00000080}.agent-panel__sessions-head{color:#8b90a0;justify-content:space-between;align-items:center;padding:6px 8px;font-size:12px;display:flex}.agent-panel__sessions-new{color:#a6ff00;cursor:pointer;background:#a6ff001f;border:none;border-radius:6px;padding:3px 8px;font-size:12px}.agent-panel__sessions-empty{color:#8b8f99;text-align:center;padding:14px 8px}.agent-panel__session{border-radius:8px;align-items:center;gap:4px;padding:4px 6px;display:flex}.agent-panel__session:hover{background:#ffffff0a}.agent-panel__session.is-active{background:#a6ff001a}.agent-panel__session-open{text-align:left;color:#d6d9df;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;padding:4px 2px;display:flex;overflow:hidden}.agent-panel__session-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-panel__session-time{color:#6b6f78;font-size:11px}.agent-panel__session-input{color:#e7e9ee;background:#0f1115;border:1px solid #a6ff0080;border-radius:6px;outline:none;flex:1;padding:5px 7px;font-size:13px}.agent-panel__session-actions{opacity:0;gap:2px;transition:opacity .12s;display:flex}.agent-panel__session:hover .agent-panel__session-actions{opacity:1}.agent-panel__session-act{color:#8b90a0;cursor:pointer;background:0 0;border:none;border-radius:5px;width:24px;height:24px}.agent-panel__session-act:hover{color:#e7e9ee;background:#ffffff14}.agent-panel__messages{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.agent-panel__welcome{color:#9aa0ac;line-height:1.6}.agent-msg{flex-direction:column;gap:6px;display:flex}.agent-msg--user{color:#071006;white-space:pre-wrap;word-break:break-word;background:linear-gradient(#bdff32 0%,#a6ff00 54%,#82db00 100%);border-radius:12px 12px 2px;align-self:flex-end;max-width:85%;padding:9px 12px;font-weight:500}.agent-msg--assistant{align-self:flex-start;max-width:96%}.agent-block{word-break:break-word;border-radius:8px;margin-bottom:6px;padding:8px 10px;line-height:1.55}.agent-block--thought{color:#8b90a0;background:#ffffff08;font-style:italic}.agent-block--status{color:#8b90a0;background:0 0;align-items:center;gap:7px;padding:5px 8px;font-size:12.5px;display:flex}.agent-status__icon{font-size:12px;line-height:1}.agent-status__icon.is-spinning{color:#a6ff00;animation:1.1s linear infinite agent-spin;display:inline-block}.agent-status__icon.is-done{color:#82db00}.agent-status__icon.is-error{color:#fca5a5}@keyframes agent-spin{to{transform:rotate(360deg)}}.agent-status__label{color:#9aa0ac}.agent-status__error{color:#fca5a5}.agent-block--plan{background:#a6ff0014;border:1px solid #a6ff004d}.agent-plan__title{margin-bottom:4px;font-weight:600}.agent-plan__steps{margin:0;padding-left:18px}.agent-block--text{white-space:pre-wrap;background:#ffffff0a}.agent-block--error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444447}.agent-block--notice{border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.agent-block--notice-success{color:#86efac;background:#22c55e14;border:1px solid #22c55e3d}.agent-block--notice-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444447}.agent-notice__icon{flex:none}.agent-notice__text{flex:1;min-width:0}.agent-notice__retry{color:#fecaca;cursor:pointer;background:#ef444424;border:1px solid #ef444466;border-radius:6px;flex:none;padding:3px 12px;font-size:12px}.agent-notice__retry:hover:not(:disabled){background:#ef44443d}.agent-notice__retry:disabled{opacity:.5;cursor:default}.agent-panel__typing{color:#8b90a0;font-style:italic}.agent-panel__plan-bar{background:#a6ff0014;border-top:1px solid #a6ff004d;flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px;display:flex}.agent-panel__plan-info{color:#d6d9df}.agent-panel__plan-actions{gap:8px;display:flex}.agent-panel__plan-confirm{color:#071006;cursor:pointer;background:linear-gradient(#bdff32 0%,#a6ff00 54%,#82db00 100%);border:none;border-radius:8px;flex:1;padding:8px 12px;font-weight:700}.agent-panel__plan-review{color:#a6ff00;cursor:pointer;background:0 0;border:1px solid #a6ff0080;border-radius:8px;flex:1;padding:8px 12px;font-weight:600}.agent-panel__plan-confirm:disabled,.agent-panel__plan-review:disabled{opacity:.5;cursor:not-allowed}.agent-panel__composer{border-top:1px solid #ffffff14;gap:8px;padding:12px 14px;display:flex}.agent-panel__input{resize:none;color:#e7e9ee;background:#161922;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:9px 11px;font-family:inherit;font-size:13px}.agent-panel__input:focus{border-color:#a6ff0099}.agent-panel__send{color:#071006;cursor:pointer;background:linear-gradient(#bdff32 0%,#a6ff00 54%,#82db00 100%);border:none;border-radius:10px;align-self:flex-end;padding:9px 16px;font-weight:700}.agent-panel__send:disabled{opacity:.45;cursor:not-allowed}.agent-panel__send.is-stop{background:#3a3f4b}