:root{color-scheme:dark;--pink:#ed6bff;--purple:#a936ff;--line:#603a8f70;--cyan:#5dfce3;--green:#00efab}*{box-sizing:border-box}body{margin:0;background:#06040d;color:#eeebf8;font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(ellipse at 52% 35%,#4e12632a,transparent 60%),linear-gradient(120deg,#120b23aa,transparent 40%,#0b0920)}button,textarea,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.frame{margin:12px auto 0;max-width:1850px;min-height:calc(100svh - 24px);padding:18px 17px 9px;border:1px solid #8c3bd26e;border-radius:15px;background:linear-gradient(150deg,#0b0911ee,#05050ad9);box-shadow:inset 0 0 24px #7831ac15,0 0 35px #7020a12b;position:relative;overflow:hidden}.frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#a271d103 5px 6px)}header{height:72px;display:flex;justify-content:space-between;align-items:flex-start;padding:1px 13px;position:relative;z-index:2}.branding{display:flex;gap:18px;align-items:center}.brand-wolf{width:45px;height:49px;overflow:hidden;position:relative;filter:drop-shadow(0 0 6px #a739eb)}.brand-wolf img{position:absolute;width:1500px;max-width:none;left:-61px;top:-22px}.brand-name{font-size:clamp(17px,1.5vw,28px);letter-spacing:7px;font-weight:500;white-space:nowrap}.brand-name span{color:#db47ff}.brand-sub{font-size:8px;letter-spacing:3px;color:#c697fa;margin-top:10px}.motto{font-size:8px;letter-spacing:2.5px;color:#b48add;line-height:2.2;padding-top:1px}.top-tools{display:flex;gap:12px;align-items:center}.access{background:#130b1e;border:1px solid #64368c70;color:#c4a7e8;border-radius:7px;padding:7px 10px;font-size:10px;letter-spacing:.8px}.dashboard{display:grid;grid-template-columns:minmax(280px,.99fr) minmax(400px,1.46fr) minmax(280px,1fr);gap:13px;position:relative}.left,.right,.center{min-width:0}.panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#11101bda,#07070ef5);box-shadow:inset 0 1px 0 #b075e91a,0 0 16px #68258b08;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px 11px;font-size:11px;letter-spacing:1.9px;font-weight:600}.panel-head .chev{font-size:12px;color:#bc74ee;letter-spacing:0;margin-right:7px}.status-badge{font-size:9px;font-weight:400;color:var(--cyan);letter-spacing:0}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 8px #00efa72b}.chat-panel{height:588px;display:flex;flex-direction:column}.tiny{border:0;background:none;color:#9779b6;font-size:17px}.tabs{display:flex;margin:0 13px 10px;border:1px solid #403052;border-radius:9px;overflow:hidden;flex:none}.tabs button{flex:1;font-size:8px;letter-spacing:.3px;border:0;background:none;color:#a89abc;padding:9px 3px}.tabs button.selected{background:linear-gradient(#6a2e8e50,#44205c50);color:#f1d9ff;box-shadow:inset 0 -1px 0 #d55dff}.messages{padding:8px 17px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#573568 transparent}.message{display:grid;grid-template-columns:29px 1fr;gap:10px;margin-bottom:20px}.message-avatar{width:29px;height:29px;border-radius:50%;background:#262332;display:grid;place-items:center;color:#e5dbf4;font-size:14px}.message.ai .message-avatar{background:none;color:#d66bff;filter:drop-shadow(0 0 7px #af43ff)}.message-name{font-size:10px;color:#caa0f8;margin:0 0 6px;display:flex;justify-content:space-between}.message-name time{color:#7b6b94;font-size:8px}.message-content{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#d6d0e2}.message.ai .message-content{background:linear-gradient(120deg,#1b192b,#10111b);border-radius:10px;padding:13px 12px;border:1px solid #c386ff06}.message-tools{margin-top:7px}.message-tools button{border:1px solid #4b315d;background:#170e20;color:#c09adf;border-radius:5px;padding:3px 7px;font-size:9px}.suggestions{display:flex;gap:6px;margin:6px 13px 13px;flex-wrap:wrap}.suggestions button{background:#100c19;color:#b394d5;border:1px solid #5935807a;border-radius:8px;padding:8px 9px;font-size:9px}.suggestions button:hover{border-color:var(--pink);color:#efcaff}.composer{display:flex;gap:7px;align-items:flex-end;padding:10px 11px;margin:0 13px 14px;border:1px solid #ca54f7;border-radius:9px;background:#100b19;box-shadow:0 0 13px #d637ff35,inset 0 0 15px #70238820}.composer textarea{border:0;background:none;outline:none!important;resize:none;width:100%;height:31px;max-height:120px;min-height:31px;color:#f0e6ff;padding:6px 0;font-size:11px}.composer textarea::placeholder{color:#a480c5}.send{background:none;border:0;color:#e282ff;font-size:22px;padding:0 1px 3px}.chat-footer{display:flex;justify-content:space-between;font-size:8px;color:#6f6084;padding:0 15px 12px;letter-spacing:.4px}.quote{border-left:2px solid #db4efa;padding-left:17px;margin:31px 10px;font-size:11px;letter-spacing:2.5px;color:#b485e5;line-height:1.9}.quote span{color:#735986;font-size:8px;display:block;margin-top:9px;letter-spacing:1.2px}.center{position:relative;margin-top:-88px;display:flex;flex-direction:column}.hologram{position:relative;aspect-ratio:680/665;width:100%;isolation:isolate;min-height:420px;overflow:hidden}.hologram:before{content:"";position:absolute;inset:17% 18% 20%;background:radial-gradient(ellipse,#7d1ddc1e,transparent 70%);filter:blur(20px)}.hologram svg{display:block;width:100%;height:100%;overflow:visible}.scene-art{opacity:.98}.wolf-layer{transform-origin:840px 325px;animation:levitate 7s ease-in-out infinite;filter:drop-shadow(0 0 5px #9d2aff40)}.eye{mix-blend-mode:screen;fill:#f1d4ff;filter:blur(6px);opacity:.08;animation:eyes 6s ease-in-out infinite}.ring{fill:none;stroke:#c75aff;stroke-width:1;opacity:.35;stroke-dasharray:3 16;transform-origin:840px 320px;animation:orbit 45s linear infinite}.ring.second{stroke:#edabff;stroke-width:.7;animation-direction:reverse;animation-duration:60s;opacity:.2}.scan{stroke:#e395ff;stroke-width:.7;opacity:.08;animation:scan 7s linear infinite}.hologram.thinking .ring{animation-duration:5s;opacity:.8}.hologram.thinking .eye{opacity:.35}.hologram.speaking .wolf-layer{filter:drop-shadow(0 0 calc(5px + var(--energy,0)*20px) #dc58ff);animation-duration:4s}.hologram.speaking .eye{opacity:calc(.2 + var(--energy,0)*.8);animation:none}.holo-label{position:absolute;left:0;right:0;text-align:center;bottom:6px;font-size:9px;letter-spacing:3px;color:#c28ded}.holo-label:before,.holo-label:after{content:"";width:25px;height:1px;background:#d362ff;display:inline-block;vertical-align:middle;margin:0 12px}.projects{margin-top:6px}.projects .panel-head{padding:10px 12px 8px}.view-all{font-size:7px;letter-spacing:1px;color:#c085f0;background:none;border:0}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 10px 10px}.project{min-width:0;background:linear-gradient(130deg,#181328,#0a0b13);border:1px solid #5a378b77;border-radius:9px;padding:11px 9px 7px;text-align:left}.project strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.project small{font-size:8px;color:#8d78ac;display:block;margin-top:5px;line-height:1.6}.project-status{font-size:7px;color:#b3a0c7;display:block;margin-top:13px}.spark{height:17px;display:flex;gap:2px;align-items:center;margin-top:7px;opacity:.7}.spark i{height:var(--h);width:2px;flex:1;background:#b54fff;box-shadow:0 0 4px #b54fff80}.right{display:flex;flex-direction:column;gap:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:9px 11px 18px;gap:9px}.gauge{aspect-ratio:1;border-radius:50%;background:conic-gradient(from 32deg,#be37f9 0 200deg,#252033 200deg);padding:6px;position:relative}.gauge:nth-child(2){background:conic-gradient(from 50deg,#8c286e 0 150deg,#252033 150deg)}.gauge:nth-child(3){background:conic-gradient(from 20deg,#d233eb 0 230deg,#252033 230deg)}.gauge:nth-child(4){background:conic-gradient(from 20deg,#9e26f2 0 270deg,#252033 270deg)}.gauge div{height:100%;width:100%;border-radius:50%;background:#090810;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge small{font-size:8px;letter-spacing:.8px;color:#b496d6}.gauge strong{font-size:17px;font-weight:500;margin-top:3px}.systems{padding:0 16px 16px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:10px;color:#a89abb}.systems em{font-style:normal;color:#9f87c1;font-size:9px}.systems .pending{background:#89739d;box-shadow:none}.metric-note{font-size:8px;color:#63566e;padding:0 16px 13px;line-height:1.5}.voice-content{padding:0 16px 14px}.voice-row{display:flex;justify-content:space-between;align-items:center}.voice-desc{font-size:9px;color:#d785fc;line-height:1.9}.wave{height:40px;display:flex;align-items:center;gap:3px;flex:1;margin:5px 14px 6px 0}.wave i{height:var(--h);background:linear-gradient(#ed6bff,#8e15d2);width:2px;flex:1;box-shadow:0 0 4px #e85bff33;transform:scaleY(.6);transition:transform .1s}.speaking .wave i{animation:wave .6s calc(var(--i)*-50ms) ease-in-out infinite}.voice-play{width:49px;height:49px;border-radius:50%;border:2px solid #9935d2;border-top-color:#ed9eff;background:#140a20;color:#d471ff;box-shadow:0 0 15px #9e36e71c;font-size:20px;flex:none}.voice-bottom{display:flex;justify-content:space-between;color:#8c72aa;font-size:9px;margin-top:4px}.mic{background:none;border:0;color:#b692d1;font-size:9px}.mic.recording{color:#ff719e}.agent-console{padding:0 16px 15px;font:9px/2.1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b59fd4}.agent-console span{color:#655474}.agent-console .success{color:var(--green)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 12px 13px}.actions button{border:1px solid #30253e;background:linear-gradient(#171221,#0d0b14);padding:10px 4px;font-size:9px;border-radius:7px;white-space:nowrap}.actions button:hover{border-color:#9f48ce;color:#e2a3ff}footer{display:flex;justify-content:center;gap:25px;letter-spacing:2.2px;color:#8b5db5;font-size:7px;margin-top:12px;text-align:center}.version{position:absolute;bottom:9px;right:19px;font-size:7px;letter-spacing:1.6px;color:#a060cc}.phase{font-size:8px;letter-spacing:1px;color:#a073bc}.offline{color:#7f728f}.loading{display:flex;gap:4px;padding:8px}.loading i{width:4px;height:4px;border-radius:50%;background:#ca6eff;animation:blink 1s infinite}.loading i:nth-child(2){animation-delay:.2s}.loading i:nth-child(3){animation-delay:.4s}dialog{color:#e9def7;background:linear-gradient(140deg,#1a1027,#090710);border:1px solid #8d3fb3;border-radius:14px;width:min(450px,92vw);padding:27px;line-height:1.7;box-shadow:0 0 80px #8c32c62f}dialog::backdrop{background:#030108ba;backdrop-filter:blur(8px)}dialog h2{font-size:19px;font-weight:500;letter-spacing:1px;margin:0 0 12px}dialog p{color:#ae97c3;font-size:12px}dialog input{width:100%;background:#100a1a;border:1px solid #674284;color:white;padding:12px;border-radius:8px;margin-bottom:13px}dialog button{background:#7825a4;border:1px solid #c26ce5;color:#fff;padding:9px 16px;border-radius:7px;margin-right:8px}.secondary{background:transparent!important;border-color:#4f335d!important}.modal-error{font-size:11px;color:#ffa1c5;min-height:20px}audio{display:none}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}@keyframes levitate{0%,100%{transform:translateY(-5px) rotate(-.5deg)}50%{transform:translateY(6px) rotate(.5deg)}}@keyframes eyes{0%,100%{opacity:.06}50%{opacity:.3}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes scan{0%{transform:translateY(-120px)}100%{transform:translateY(120px)}}@keyframes wave{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1.4)}}@keyframes blink{50%{opacity:.15}}
@media(min-width:1450px){.frame{padding:24px 24px 11px}.chat-panel{height:645px}.panel-head{font-size:12px}.message-content{font-size:13px}.metrics{gap:15px}.systems{font-size:11px;gap:11px}.agent-console{font-size:10px}.right{gap:12px}.voice-content{padding-bottom:19px}.actions button{padding:13px 5px;font-size:10px}.hologram{min-height:500px}}
@media(max-width:1100px){.dashboard{grid-template-columns:minmax(270px,1fr) minmax(350px,1.4fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.center{margin-top:-72px}.motto{display:none}.brand-name{letter-spacing:5px}.chat-panel{height:560px}.quote{margin:20px 8px}.projects{margin-bottom:10px}.metrics{max-width:370px;margin:auto}.gauge{max-width:72px}.voice-content{padding-bottom:20px}.voice-row{margin-top:22px}.agent-console{font-size:10px}.hologram{min-height:440px}.frame{margin:8px;min-height:calc(100svh - 16px)}}
@media(max-width:700px){.frame{padding:13px 10px 10px;margin:6px;border-radius:12px}.branding{gap:11px}.brand-name{font-size:15px;letter-spacing:3px}.brand-sub{font-size:6px;letter-spacing:1.5px}.brand-wolf{width:34px;height:40px}.brand-wolf img{width:1200px;left:-49px;top:-18px}header{height:60px;padding:0 5px}.access{font-size:8px;padding:7px}.dashboard{display:flex;flex-direction:column;gap:13px}.center{order:0;margin-top:-58px;pointer-events:none}.hologram{max-height:480px;min-height:0;aspect-ratio:680/655;margin:auto;width:min(100%,500px)}.holo-label{bottom:7px;font-size:8px}.projects{pointer-events:auto;margin-top:4px}.project-grid{gap:5px}.project{padding:9px 7px}.project strong{font-size:8px}.project small{font-size:7px}.project-status{font-size:6px;margin-top:9px}.left{order:1}.chat-panel{height:470px}.quote{display:none}.right{order:2;display:grid;grid-template-columns:1fr}.right .system-panel{order:2}.right .voice-panel{order:0}.right .agent-panel{order:1}.right .actions-panel{order:3}.voice-row{margin-top:0}.metrics{max-width:390px}.systems{grid-template-columns:1fr auto}.tabs button{font-size:9px}.suggestions button{font-size:10px}.composer textarea{font-size:12px}.voice-play{height:45px;width:45px}.actions button{font-size:10px}footer{font-size:6px;line-height:1.8;letter-spacing:1.3px;margin-bottom:18px;gap:7px}.version{font-size:6px}.top-tools{position:relative;z-index:4}.agent-console{font-size:10px}.system-panel .metric-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}