.hat-sprite{transform-origin:50% 70%;width:72px;height:72px;display:block;position:relative}.hat-sprite img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.hat-sprite--idle{animation:3.8s ease-in-out infinite hat-breathe}.hat-sprite--listening{transform:rotate(-4deg)translateY(-2px)}.hat-sprite--thinking{animation:1.25s ease-in-out infinite hat-think}.hat-sprite--acting{animation:.58s ease-in-out infinite alternate hat-act}.hat-sprite--success{animation:.52s ease-out hat-nod}.hat-sprite--error{filter:saturate(.7);transform:rotate(7deg)translateY(3px)}.hat-sprite--dragging{transform:scale(1.04)rotate(-3deg)}.hat-sprite--voice-listening{animation:.54s steps(2,end) infinite hat-voice-listen}.hat-sprite--voice-processing{animation:.9s steps(4,end) infinite hat-voice-process}.hat-sprite__voice-signal{align-items:center;gap:2px;height:19px;display:flex;position:absolute;top:17px;right:0}.hat-sprite__voice-signal i{background:#77a98f;border:1px solid #0a0c0b;width:3px;display:block;box-shadow:1px 1px #ffffff73}.hat-sprite__voice-signal i:first-child{height:5px}.hat-sprite__voice-signal i:nth-child(2){height:11px}.hat-sprite__voice-signal i:nth-child(3){height:17px}.hat-agent-root--port-preview{opacity:.68;filter:contrast(1.08)saturate(.72)}.hat-agent-root--port-preview .hat-sprite{transform:scaleX(1.08)scaleY(.72)}.hat-port{z-index:1005;color:#d9ddd8;letter-spacing:0;cursor:pointer;touch-action:none;background:0 0;border:0;place-items:center;width:164px;height:28px;padding:0;font:9px/1 Monaco,Lucida Console,Courier New,monospace;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.hat-port__body{clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,100% 2px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 6px) calc(100% - 2px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 2px,4px 2px);background:#101312;border:1px solid #080a09;justify-content:center;align-items:center;width:132px;min-width:0;height:28px;transition:width .22s steps(4,end),filter .14s steps(2,end);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #343936,0 2px #00000047}.hat-port__texture{opacity:.24;pointer-events:none;background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.hat-port__band{opacity:.55;background:#727a75;height:1px;position:absolute;inset:10px 5px auto}.hat-port__rivets{gap:2px;display:grid;position:absolute;top:7px;right:10px}.hat-port__rivets i{background:#181b1a;border:1px solid #727a75;width:3px;height:3px;display:block}.hat-port__scan{opacity:0;background:#6f9f8f;width:18px;height:1px;position:absolute;top:2px;left:5px}.hat-port__voice-wave{align-items:center;gap:2px;height:15px;display:flex;position:absolute;top:6px;left:10px}.hat-port__voice-wave i{background:#8bc0aa;width:2px;animation:.46s steps(3,end) infinite alternate hat-port-voice;display:block}.hat-port__voice-wave i:first-child,.hat-port__voice-wave i:nth-child(5){height:5px}.hat-port__voice-wave i:nth-child(2),.hat-port__voice-wave i:nth-child(4){height:10px;animation-delay:80ms}.hat-port__voice-wave i:nth-child(3){height:15px;animation-delay:.14s}.hat-port__label{z-index:1;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px #080a09;max-width:calc(100% - 34px);position:relative;overflow:hidden}.hat-port--preview{pointer-events:none}.hat-port--preview .hat-port__body{background:#252a27;border-color:#606963;animation:.5s steps(2,end) infinite hat-port-preview}.hat-port[data-hat-port-dragging]{cursor:grabbing;transition:transform 80ms steps(2,end)}.hat-port[data-hat-port-dragging] .hat-port__body{filter:brightness(1.16);width:156px}.hat-port--observing .hat-port__body,.hat-port--thinking .hat-port__body,.hat-port--acting .hat-port__body,.hat-port--success .hat-port__body,.hat-port--error .hat-port__body,.hat-port--voice-listening .hat-port__body,.hat-port--voice-processing .hat-port__body{width:168px}.hat-port--observing,.hat-port--thinking,.hat-port--acting,.hat-port--success,.hat-port--error,.hat-port--voice-listening,.hat-port--voice-processing{width:200px}.hat-port--message{width:min(328px,100vw - 24px)}.hat-port--message .hat-port__body{justify-content:flex-start;width:min(320px,100vw - 32px);padding:0 28px 0 10px}.hat-port--observing .hat-port__scan{opacity:1;animation:1.1s steps(8,end) infinite hat-port-scan}.hat-port--thinking .hat-port__scan{opacity:1;background:#c1a65a;width:5px;animation:.72s steps(3,end) infinite hat-port-think}.hat-port--acting .hat-port__scan{opacity:1;background:#c1a65a;width:36px;animation:1s steps(6,end) infinite hat-port-act;top:auto;bottom:2px}.hat-port--success .hat-port__scan{opacity:1;background:#77a98f;width:calc(100% - 10px)}.hat-port--error .hat-port__scan{opacity:1;background:#a85f52;width:7px;animation:.36s steps(2,end) 2 hat-port-error}.hat-port--voice-listening .hat-port__label{transform:translate(17px)}.hat-port--voice-listening .hat-port__scan{opacity:1;background:#77a98f;width:24px;animation:.8s steps(6,end) infinite hat-port-act;top:auto;bottom:2px}.hat-port--voice-processing .hat-port__scan{opacity:1;background:#c1a65a;width:5px;animation:.72s steps(3,end) infinite hat-port-think}.hat-port--idle:hover .hat-port__body,.hat-port--idle:focus-visible .hat-port__body{filter:brightness(1.16);width:156px}.hat-port--observing:hover .hat-port__body,.hat-port--thinking:hover .hat-port__body,.hat-port--acting:hover .hat-port__body,.hat-port--success:hover .hat-port__body,.hat-port--error:hover .hat-port__body,.hat-port--observing:focus-visible .hat-port__body,.hat-port--thinking:focus-visible .hat-port__body,.hat-port--acting:focus-visible .hat-port__body,.hat-port--success:focus-visible .hat-port__body,.hat-port--error:focus-visible .hat-port__body{filter:brightness(1.16);width:192px}.hat-port:hover .hat-port__texture,.hat-port:focus-visible .hat-port__texture{opacity:.34}.hat-port:focus-visible{outline-offset:-2px;outline:1px dotted #f1f3ef}.hat-agent-response{color:#191917;letter-spacing:0;overflow-wrap:anywhere;font-family:Geneva,Lucida Grande,Microsoft YaHei,PingFang SC,sans-serif;font-size:12px;line-height:1.65}.hat-agent-response--application{font-size:14px;line-height:1.75}.hat-agent-response>:first-child{margin-top:0}.hat-agent-response>:last-child{margin-bottom:0}.hat-agent-response p{margin:0 0 8px}.hat-agent-response h1,.hat-agent-response h2,.hat-agent-response h3,.hat-agent-response h4,.hat-agent-response h5,.hat-agent-response h6{letter-spacing:0;border-bottom:1px dotted #19191747;margin:12px 0 6px;padding-bottom:3px;font-family:Monaco,Lucida Console,Courier New,monospace;font-size:11px;font-weight:700;line-height:1.45}.hat-agent-response ul,.hat-agent-response ol{margin:6px 0 9px;padding-left:20px}.hat-agent-response ul{list-style-type:square}.hat-agent-response li{margin:2px 0;padding-left:1px}.hat-agent-response a{color:#285e52;text-underline-offset:2px;text-decoration:underline}.hat-agent-response strong{font-weight:700}.hat-agent-response blockquote{color:#555a55;border-left:3px double #777c76;margin:8px 0;padding:3px 0 3px 9px}.hat-agent-response code{letter-spacing:0;background:#e8e8e2;border:1px solid #c5c7c0;padding:1px 3px;font-family:Monaco,Lucida Console,Courier New,monospace;font-size:10px}.hat-agent-response pre{background:#e3e4de;border:1px solid #9da19b;margin:8px 0;padding:8px;font-size:10px;line-height:1.55;overflow-x:auto;box-shadow:inset 1px 1px #fff}.hat-agent-response pre code{background:0 0;border:0;padding:0}.hat-agent-response table{border-collapse:collapse;width:100%;margin:8px 0;font-size:10px}.hat-agent-response th,.hat-agent-response td{text-align:left;border:1px solid #b7bab4;padding:3px 5px}.hat-agent-response th{background:#dcddd7;font-family:Monaco,Lucida Console,Courier New,monospace}.hat-agent-response hr{border:0;border-top:1px dotted #8e928c;margin:10px 0}.hat-voice-overlay{z-index:1300;color:#dfe5df;letter-spacing:0;background:#171a18;border:1px solid #080a09;border-radius:24px;align-items:center;width:216px;height:48px;font:9px/1 Monaco,Lucida Console,Courier New,monospace;display:flex;position:fixed;bottom:104px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #555c58,0 4px #00000047,0 12px 28px #00000038}.hat-voice-overlay__texture{opacity:.28;pointer-events:none;background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.hat-voice-overlay__cancel{z-index:1;color:#c7cec8;background:#242825;border:1px solid #4f5652;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;margin-left:8px;display:grid;position:relative}.hat-voice-overlay__cancel:hover,.hat-voice-overlay__cancel:focus-visible{color:#f2d6d0;border-color:#a85f52;outline:none}.hat-voice-overlay__status-dot{z-index:1;background:#77a98f;border:1px solid #080a09;flex:none;width:8px;height:8px;margin-left:18px;position:relative;box-shadow:1px 1px #3e594b}.hat-voice-overlay--error .hat-voice-overlay__status-dot{background:#a85f52;box-shadow:1px 1px #66362e}.hat-voice-overlay__content{z-index:1;flex:1;justify-content:center;align-items:center;gap:9px;min-width:0;display:flex;position:relative}.hat-voice-overlay__label{color:#cdd4ce;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px #080a09;overflow:hidden}.hat-voice-wave{align-items:center;gap:2px;height:24px;display:flex}.hat-voice-wave i{width:3px;height:var(--voice-bar-height);background:#8fc5ae;min-height:3px;max-height:24px;animation:.42s steps(3,end) infinite alternate hat-voice-wave;display:block;box-shadow:0 1px #315e50}.hat-voice-wave i:nth-child(3n+1){animation-delay:70ms}.hat-voice-wave i:nth-child(3n+2){animation-delay:.14s}.hat-voice-overlay__progress{align-items:center;gap:3px;display:flex}.hat-voice-overlay__progress i{background:#c1a65a;width:4px;height:4px;animation:.8s steps(4,end) infinite hat-voice-progress}.hat-voice-overlay__progress i:nth-child(2){animation-delay:.12s}.hat-voice-overlay__progress i:nth-child(3){animation-delay:.24s}.hat-voice-overlay__progress i:nth-child(4){animation-delay:.36s}.hat-voice-overlay__meter{z-index:1;color:#718078;text-align:right;flex:none;width:30px;margin-right:10px;position:relative}.hat-voice-overlay--recording .hat-voice-overlay__meter{color:#ba6558}.hat-voice-overlay--completed .hat-voice-overlay__meter{color:#77a98f}@keyframes hat-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes hat-think{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)translateY(-1px)}}@keyframes hat-act{0%{transform:translate(-2px)rotate(-4deg)}to{transform:translate(2px)rotate(4deg)}}@keyframes hat-nod{0%,to{transform:rotate(0)}45%{transform:rotate(0)translateY(5px)scaleY(.94)}}@keyframes hat-port-preview{0%,to{filter:brightness(.9)}50%{filter:brightness(1.25)}}@keyframes hat-port-scan{0%{transform:translate(0)}to{transform:translate(134px)}}@keyframes hat-port-think{0%{transform:translate(0)}33%{transform:translate(12px)}66%,to{transform:translate(24px)}}@keyframes hat-port-act{0%{transform:translate(0)}to{transform:translate(122px)}}@keyframes hat-port-error{0%{transform:translate(0)}to{transform:translate(14px)}}@keyframes hat-port-voice{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes hat-voice-listen{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-2px)rotate(2deg)}}@keyframes hat-voice-process{0%,to{filter:brightness(.9)}50%{filter:brightness(1.16)}}@keyframes hat-voice-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes hat-voice-progress{0%,to{opacity:.22;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.hat-sprite,.hat-port,.hat-port__body,.hat-port__scan,.hat-port__voice-wave i,.hat-voice-wave i,.hat-voice-overlay__progress i{transition:none!important;animation:none!important}}@media (max-width:1023px){.hat-voice-overlay{width:min(216px,100vw - 32px);bottom:88px}}