.agent-aurora{isolation:isolate;background:#0a0a0b;overflow:hidden}.agent-aurora:before,.agent-aurora:after{content:"";z-index:-1;filter:blur(38px);position:absolute;inset:-40%}.agent-aurora:before{background:radial-gradient(38% 42% at 30% 40%, color-mix(in srgb, var(--color-accent) 55%, transparent), transparent 70%), radial-gradient(30% 36% at 70% 60%, #7c5cff73, transparent 70%), radial-gradient(26% 30% at 55% 25%, #38bdf84d, transparent 70%);animation:18s ease-in-out infinite alternate agent-drift}.agent-aurora:after{background:radial-gradient(22% 26% at 20% 75%, #fbbf2447, transparent 70%), radial-gradient(28% 30% at 80% 30%, color-mix(in srgb, var(--color-accent) 30%, transparent), transparent 70%);animation:24s ease-in-out infinite alternate-reverse agent-drift}@keyframes agent-drift{0%{transform:translate(-6%,-3%)rotate(0)scale(1)}50%{transform:translate(5%,4%)rotate(20deg)scale(1.12)}to{transform:translate(-3%,6%)rotate(-12deg)scale(1.04)}}.agent-grain:after{content:"";pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.agent-clip{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}.agent-clip>canvas{border-radius:inherit}.agent-hero{--hx:50%;--hy:50%;--hh:0;transition:box-shadow .4s}.agent-hero-glass{pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff13 0%,#ffffff04 38%,#0000 55%) 0 0/100% 100%,linear-gradient(115deg,#0000 30%,#ffffff0e 44%,#0000 52%) 0 0/260% 100%;animation:11s ease-in-out infinite agent-sheen;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0a,inset 0 -30px 60px -40px #0009}@keyframes agent-sheen{0%,to{background-position:0 0,120% 0}50%{background-position:0 0,-20% 0}}.agent-hero-spec{pointer-events:none;border-radius:inherit;opacity:var(--hh);background:radial-gradient(160px 120px at var(--hx) var(--hy), #ffffff29, #ffbe960f 45%, transparent 70%), radial-gradient(420px 260px at var(--hx) var(--hy), color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 70%);mix-blend-mode:screen;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0)}.agent-hero-spec:after{content:"";border-radius:inherit;background:radial-gradient(220px 160px at var(--hx) var(--hy), #ffffff8c, transparent 70%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.agent-orb{box-shadow:0 12px 32px -10px color-mix(in srgb, var(--color-accent) 60%, transparent), 0 4px 14px -4px #000000b3, inset 0 0 0 1px #ffffff14}.agent-orb:hover{scale:1.07}.agent-orb:active{scale:.96}.agent-orb[data-dragging=true]{box-shadow:0 26px 60px -14px color-mix(in srgb, var(--color-accent) 70%, transparent), 0 10px 30px -8px #000c, inset 0 0 0 1px #ffffff1f;scale:1.12}.agent-orb:focus-visible{box-shadow:0 0 0 3px var(--color-base), 0 0 0 5px var(--color-accent)}.agent-orb[data-voice=listening]{scale:calc(1.08 + var(--voice-level,0) * .2);box-shadow:0 0 0 1px #34d3998c, 0 0 calc(20px + var(--voice-level,0) * 32px) calc(2px + var(--voice-level,0) * 7px) #34d39961, 0 12px 32px -10px #000000b3}.agent-orb-listen{pointer-events:none;border:2px solid #34d399bf;border-radius:9999px;animation:1.9s ease-in-out infinite agent-listen-breathe;position:absolute;inset:-9px}@keyframes agent-listen-breathe{0%,to{opacity:.6;box-shadow:0 0 12px 1px #34d39952,inset 0 0 10px #34d3992e}50%{opacity:1;box-shadow:0 0 28px 6px #34d39980,inset 0 0 18px #34d39952}}.agent-orb[data-voice=speaking]{scale:calc(1.04 + var(--voice-level,0) * .24);box-shadow:0 0 calc(14px + var(--voice-level,0) * 46px) calc(var(--voice-level,0) * 12px) #fe7c308c, 0 12px 32px -10px #000000b3, inset 0 0 0 1px #ffffff1f}.agent-orb-speak{pointer-events:none;opacity:calc(.2 + var(--voice-level,0) * .8);transform:scale(calc(1 + var(--voice-level,0) * .3));border:1.5px solid #ffc496d9;border-radius:9999px;position:absolute;inset:-5px}@media (prefers-reduced-motion:reduce){.agent-orb-listen{opacity:.9;animation:none}.agent-orb[data-voice=listening]{scale:1.1}.agent-orb[data-voice=speaking]{scale:1.06}.agent-orb-speak{opacity:.6;transform:none}}.agent-orb-icon{color:#fff;place-items:center;transition:opacity .22s,transform .32s cubic-bezier(.2,.9,.25,1.2);display:grid}.agent-orb-icon[data-show=false]{opacity:0;transform:rotate(-90deg)scale(.6)}.agent-orb-icon[data-show=true]{opacity:1;transform:none}.agent-orb-ring{pointer-events:none;background:conic-gradient(from 0deg, transparent 0 55%, color-mix(in srgb, var(--color-accent) 20%, transparent) 70%, var(--color-accent) 88%, #fff 96%, transparent 100%);border-radius:9999px;animation:1.15s linear infinite agent-spin;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}@keyframes agent-spin{to{transform:rotate(360deg)}}.agent-window{box-shadow:0 40px 90px -30px #000000d9, 0 18px 50px -30px color-mix(in srgb, var(--color-accent) 35%, transparent), inset 0 1px 0 #ffffff0d;transition:opacity .2s,transform .32s cubic-bezier(.2,.9,.25,1.06),visibility linear}.agent-window[data-open=false]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .2s cubic-bezier(.4,0,1,1),visibility 0s linear .2s;transform:scale(.86)}.agent-window[data-docked=true]{border-top-width:0;border-bottom-width:0;border-right-width:0;border-radius:0;box-shadow:-30px 0 70px -45px #000000e6,inset 1px 0 #ffffff08}.agent-window[data-docked=true][data-open=false]{transform:translate(24px)}html:not([data-agent-resizing]) main{transition:padding-right .46s cubic-bezier(.2, .9, .25, 1), padding-left var(--rail-motion-duration,.24s) var(--rail-motion-ease,cubic-bezier(.32, .72, 0, 1))}html[data-agent-resizing] main{transition:padding-left var(--rail-motion-duration,.24s) var(--rail-motion-ease,cubic-bezier(.32, .72, 0, 1))}@media (prefers-reduced-motion:reduce){html:not([data-agent-resizing]) main{transition:padding-right .46s cubic-bezier(.2,.9,.25,1)}html[data-agent-resizing] main{transition:none}}html[data-agent-resizing],html[data-agent-resizing] *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.agent-dock-handle:after{content:"";opacity:0;background:#ffffff24;border-radius:3px;width:3px;height:48px;margin-top:-24px;transition:opacity .16s,background-color .16s;position:absolute;top:50%;left:1px}.agent-dock-handle:hover:after,.agent-dock-handle[data-active=true]:after{opacity:1;background:color-mix(in srgb, var(--color-accent) 85%, transparent)}.agent-window[data-open=true][data-peek=true]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .24s cubic-bezier(.4,0,1,1),visibility 0s linear .24s;transform:scale(.9)}@media (prefers-reduced-motion:reduce){.agent-orb-ring{animation:none}.agent-window,.agent-window[data-open=false],.agent-orb-icon{transition-duration:1ms}}.agent-slide{opacity:0;transition:opacity 1.6s;position:absolute;inset:0}.agent-slide[data-on=true]{opacity:1}.agent-slide img{object-fit:cover;width:100%;height:100%;animation:14s ease-out both agent-kenburns}@keyframes agent-kenburns{0%{transform:scale(1.12)translate(1.5%,1%)}to{transform:scale(1)translate(0,0)}}.agent-composer{transition:border-color .16s,box-shadow .22s,background-color .16s;box-shadow:0 18px 50px -24px #000000b3}.agent-composer:focus-within,.agent-composer[data-drop=true]{border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-border));box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 9%, transparent), 0 24px 70px -28px color-mix(in srgb, var(--color-accent) 35%, transparent)}.agent-skeleton{background:linear-gradient(100deg, transparent 20%, #ffffff12 45%, transparent 70%) , radial-gradient(120% 90% at 30% 20%, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 60%), #141414;background-size:220% 100%,100% 100%,100% 100%;animation:1.9s linear infinite agent-sweep}@keyframes agent-sweep{0%{background-position:180% 0,0 0,0 0}to{background-position:-80% 0,0 0,0 0}}.agent-shimmer-text{background:linear-gradient(90deg, var(--color-dim) 0%, var(--color-text) 45%, var(--color-dim) 90%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite agent-text}@keyframes agent-text{0%{background-position:120% 0}to{background-position:-120% 0}}.agent-rise{animation:.38s cubic-bezier(.2,.8,.2,1) both agent-rise}@keyframes agent-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.agent-pop{animation:.52s cubic-bezier(.2,.9,.25,1.15) both agent-pop}@keyframes agent-pop{0%{opacity:0;filter:blur(6px);transform:scale(.965)}to{opacity:1;filter:blur();transform:scale(1)}}.agent-tile .agent-tile-actions{opacity:0;transition:opacity .14s,transform .14s;transform:translateY(-2px)}.agent-tile:hover .agent-tile-actions,.agent-tile:focus-within .agent-tile-actions{opacity:1;transform:none}.agent-tile .agent-tile-media{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.agent-tile:hover .agent-tile-media{transform:scale(1.025)}.agent-template .agent-template-art{transition:transform .9s cubic-bezier(.2,.8,.2,1)}.agent-template:hover .agent-template-art{transform:scale(1.06)}.agent-dot{background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 60%, transparent);border-radius:9999px;animation:1.6s ease-out infinite agent-ping}@keyframes agent-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 55%, transparent)}to{box-shadow:0 0 0 9px color-mix(in srgb, var(--color-accent) 0%, transparent)}}.agent-scroll{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.agent-effort-rail{background:#ffffff0f;box-shadow:inset 0 1px 2px #0009}.agent-effort-fill{background:linear-gradient(90deg,#5c5c5c,#9a9a9a);transition:width .28s cubic-bezier(.2,.9,.25,1.05),box-shadow .4s}.agent-effort-thumb{z-index:2;background:#fff;border-radius:9999px;width:24px;height:24px;margin-top:-12px;margin-left:-12px;transition:left .28s cubic-bezier(.2,.9,.25,1.05),transform .16s,box-shadow .4s;box-shadow:0 0 0 3px #ffffff14,0 2px 8px #0009}.agent-effort-tick{background:#ffffff24;border-radius:2px;width:2px;height:8px;margin-top:-4px;margin-left:-1px}.agent-effort[data-dragging=true] .agent-effort-fill,.agent-effort[data-dragging=true] .agent-effort-thumb{transition:none}.agent-effort[data-dragging=true] .agent-effort-thumb{transform:scale(1.12)}.agent-effort-aura{opacity:0;pointer-events:none;filter:blur(26px);transition:opacity .5s;position:absolute;inset:-45% -25%}.agent-effort[data-level=medium] .agent-effort-fill{background:linear-gradient(90deg, #a83a0a, var(--color-accent));box-shadow:0 0 10px color-mix(in srgb, var(--color-accent) 35%, transparent)}.agent-effort[data-level=high] .agent-effort-fill,.agent-effort[data-level=xhigh] .agent-effort-fill{background-size:300% 100%;animation:9s ease-in-out infinite alternate agent-effort-flow}.agent-effort[data-level=high] .agent-effort-fill{background-image:linear-gradient(90deg, var(--color-accent), #ff3d7f 45%, #b36bff 70%, var(--color-accent));box-shadow:0 0 14px color-mix(in srgb, var(--color-accent) 55%, transparent), 0 0 30px #b36bff47}.agent-effort[data-level=high] .agent-effort-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 35%, transparent), 0 0 18px color-mix(in srgb, var(--color-accent) 75%, transparent)}.agent-effort[data-level=high] .agent-effort-name{color:#ff9a62;text-shadow:0 0 12px color-mix(in srgb, var(--color-accent) 65%, transparent)}.agent-effort[data-level=high] .agent-effort-aura{opacity:.32;background:radial-gradient(40% 50% at 30% 62%, color-mix(in srgb, var(--color-accent) 65%, transparent), transparent 70%), radial-gradient(35% 45% at 76% 40%, #b36bff80, transparent 70%);animation:14s ease-in-out infinite alternate agent-drift}.agent-effort[data-level=xhigh] .agent-effort-fill{background-image:linear-gradient(90deg, var(--color-accent), #ff2d95, #a855f7, #22d3ee, #a855f7, #ff2d95, var(--color-accent));animation:14s ease-in-out infinite alternate agent-effort-flow,5.5s ease-in-out infinite agent-effort-neon}.agent-effort[data-level=xhigh] .agent-effort-thumb{animation:5.5s ease-in-out infinite agent-effort-thumb}.agent-effort[data-level=xhigh] .agent-effort-name{background:linear-gradient(90deg,#ffb38a,#ff5fb0,#c79bff,#7ee7f7,#ff5fb0,#ffb38a) 0 0/300% 100%;color:#0000;filter:drop-shadow(0 0 8px #ff2d958c);-webkit-background-clip:text;background-clip:text;animation:12s ease-in-out infinite alternate agent-effort-flow}.agent-effort[data-level=xhigh] .agent-effort-aura{opacity:.5;background:radial-gradient(40% 50% at 22% 62%, color-mix(in srgb, var(--color-accent) 60%, transparent), transparent 70%), radial-gradient(34% 44% at 68% 32%, #ff2d9580, transparent 70%), radial-gradient(34% 44% at 84% 82%, #22d3ee73, transparent 70%);animation:11s ease-in-out infinite alternate agent-drift}@keyframes agent-effort-flow{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes agent-effort-neon{0%,to{box-shadow:0 0 12px color-mix(in srgb, var(--color-accent) 45%, transparent), 0 0 30px #a855f740}50%{box-shadow:0 0 18px #ff2d9599,0 0 44px #22d3ee52}}@keyframes agent-effort-thumb{0%,to{box-shadow:0 0 0 3px #ff2d9559,0 0 16px #ff2d95b3}50%{box-shadow:0 0 0 5px #22d3ee38,0 0 24px #22d3eeb3}}@media (prefers-reduced-motion:reduce){.agent-effort-fill,.agent-effort-thumb,.agent-effort-name,.agent-effort-aura{animation:none!important}}.agent-md>.agent-speaking{background-color:color-mix(in srgb, var(--color-accent) 7%, transparent);box-shadow:0 0 0 6px color-mix(in srgb, var(--color-accent) 7%, transparent), inset 0 0 0 0 transparent;border-radius:8px;transition:background-color .28s,box-shadow .28s}.agent-md>*{transition:background-color .28s,box-shadow .28s}.agent-reveal-flash{border-radius:inherit;animation:2.4s cubic-bezier(.2,.8,.2,1) both agent-reveal-ring;position:relative}@keyframes agent-reveal-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent), 0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent)}12%{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 95%, transparent), 0 0 34px 6px color-mix(in srgb, var(--color-accent) 35%, transparent)}55%{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 70%, transparent), 0 0 24px 2px color-mix(in srgb, var(--color-accent) 20%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent), 0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.agent-reveal-flash{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 90%, transparent);animation-duration:1ms}}.agent-approval[data-attention]{border-color:color-mix(in srgb, var(--color-accent) 75%, transparent);animation:1.8s ease-in-out infinite agent-approval-pulse}@keyframes agent-approval-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 55%, transparent), 0 0 0 0 color-mix(in srgb, var(--color-accent) 28%, transparent), 0 10px 40px -18px color-mix(in srgb, var(--color-accent) 60%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 90%, transparent), 0 0 0 9px color-mix(in srgb, var(--color-accent) 0%, transparent), 0 14px 52px -14px color-mix(in srgb, var(--color-accent) 85%, transparent)}}@media (prefers-reduced-motion:reduce){.agent-approval[data-attention]{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 85%, transparent);animation:none}}.agent-caret{vertical-align:-.16em;background:var(--color-accent);width:.5em;height:1.05em;box-shadow:0 0 12px color-mix(in srgb, var(--color-accent) 60%, transparent);border-radius:2px;margin-left:2px;animation:1s step-end infinite agent-blink;display:inline-block}@keyframes agent-blink{50%{opacity:.15}}@media (prefers-reduced-motion:reduce){.agent-caret{animation:none}.agent-aurora:before,.agent-aurora:after,.agent-slide img,.agent-skeleton,.agent-shimmer-text,.agent-rise,.agent-pop,.agent-dot{animation:none!important}}