.op-stage{position:relative;width:520px;height:500px;transition:height .7s cubic-bezier(.34,1.56,.64,1)}.op-stage.collapsed{height:260px}.op-root{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:420px;height:400px;animation:op-breathe 6s cubic-bezier(.37,0,.63,1) infinite}@keyframes op-breathe{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}.op-head-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;height:320px;transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.op-head{width:100%;height:100%;position:relative;cursor:pointer;border-radius:42% 42% 52% 52%/44% 44% 46% 46%;background:radial-gradient(ellipse 105% 95% at 50% 38%,#2A2A2D 0,#1C1C1F 15%,#131315 35%,#0C0C0E 55%,#070709 80%,#040406 100%);box-shadow:inset 0 4px 0 rgba(255,255,255,.07),inset 0 -28px 50px rgba(0,0,0,.7),inset 0 20px 60px rgba(var(--op-amb-r,191),var(--op-amb-g,90),var(--op-amb-b,242),.04),0 40px 100px rgba(0,0,0,.65),0 14px 36px rgba(0,0,0,.5);transition:box-shadow 1s ease,clip-path .7s cubic-bezier(.34,1.56,.64,1);clip-path:inset(0 0 0 0 round 42% 42% 52% 52%/44% 44% 46% 46%)}.op-root:not([data-state=idle]) .op-head{clip-path:inset(28% -12% 38% -12% round 54px)}.op-head:before{top:-2px;left:14%;right:14%;height:42%;border-radius:50% 50% 35% 35%;background:linear-gradient(178deg,rgba(255,255,255,.09),rgba(255,255,255,.04) 25%,rgba(255,255,255,.01) 45%,transparent 60%)}.op-head:after,.op-head:before{content:"";position:absolute;pointer-events:none}.op-head:after{top:20%;right:1px;width:2px;height:28%;border-radius:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05),transparent)}.op-seam{position:absolute;left:6%;right:6%;top:64%;height:1.5px;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.04) 30%,rgba(255,255,255,.04) 70%,transparent 95%)}.op-visor-wrap{position:absolute;top:26%;left:-8%;right:-8%;height:34%;display:flex;align-items:center;justify-content:center;z-index:2}.op-visor{width:100%;height:100%;border-radius:54px;background:linear-gradient(180deg,rgba(16,16,18,.92),rgba(8,8,10,.96));border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 2px 0 rgba(255,255,255,.06),inset 0 -3px 0 rgba(0,0,0,.5),0 10px 32px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.4);overflow:hidden;position:relative}.op-visor-glass{background:linear-gradient(170deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 20%,transparent 40%),linear-gradient(190deg,transparent 60%,rgba(255,255,255,.02) 80%,rgba(255,255,255,.01));pointer-events:none;z-index:5}.op-visor-glass,.op-visor-shimmer{position:absolute;inset:0;border-radius:inherit}.op-visor-shimmer{overflow:hidden;opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94)}.op-shimmer-grad{position:absolute;top:-50%;left:-40%;width:180%;height:200%;background:conic-gradient(from 0deg at 50% 50%,var(--op-s1) 0deg,var(--op-s2) 50deg,var(--op-s3) 100deg,var(--op-s2) 150deg,transparent 200deg,var(--op-s2) 250deg,var(--op-s3) 300deg,var(--op-s1) 1turn);animation:op-shimRot 6s linear infinite;filter:blur(30px);opacity:.8;mix-blend-mode:screen;transition:all 1.2s}@keyframes op-shimRot{to{transform:rotate(1turn)}}.op-shimmer-sweep{position:absolute;top:0;left:-60%;width:90%;height:100%;background:linear-gradient(105deg,transparent 15%,var(--op-shimmer-hl) 42%,var(--op-shimmer-hl2) 58%,transparent 85%);animation:op-shimSweep 4s ease-in-out infinite;transition:all 1.2s}@keyframes op-shimSweep{0%,to{transform:translateX(-10%)}50%{transform:translateX(140%)}}.op-visor-tint{inset:0;background:linear-gradient(135deg,var(--op-s1,#BF5AF2) 0,var(--op-s3,#AF52DE) 100%);opacity:0;mix-blend-mode:screen}.op-visor-runner,.op-visor-tint{position:absolute;border-radius:inherit;transition:opacity .8s}.op-visor-runner{inset:-1px;overflow:hidden;opacity:1}.op-runner-glow{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,transparent 340deg,var(--op-accent) 352deg,rgba(255,255,255,.5) 356deg,var(--op-accent) 358deg,transparent 1turn);animation:op-runSpin 5s linear infinite;transition:background 1s}@keyframes op-runSpin{to{transform:rotate(1turn)}}.op-runner-mask{inset:1.5px;background:#000}.op-runner-mask,.op-runner-trail{position:absolute;border-radius:inherit}.op-runner-trail{inset:0;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,transparent 310deg,var(--op-accent) 350deg,transparent 1turn);animation:op-runSpin 5s linear infinite;filter:blur(10px);opacity:.2;transition:all .8s}.op-visor-border{position:absolute;inset:-2px;border-radius:inherit;border:1.5px solid var(--op-accent);box-shadow:0 0 10px var(--op-accent-glow),0 0 24px var(--op-accent-glow2),inset 0 0 10px var(--op-accent-glow);opacity:0;transition:opacity .6s .1s,border-color .8s,box-shadow .8s;pointer-events:none;z-index:6;animation:op-borderPulse 3s ease-in-out infinite}@keyframes op-borderPulse{0%,to{opacity:var(--op-border-op,0)}50%{opacity:calc(var(--op-border-op,0)*1.3)}}.op-visor-prox{position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(ellipse 60% 80%,var(--op-accent-glow),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.op-ear{position:absolute;top:38%;width:48px;height:48px;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#1A1A1C 0,#0A0A0C 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -6px 14px rgba(0,0,0,.5),0 6px 18px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1}.op-ear.l{left:-20px}.op-ear.r{right:-20px}.op-ear-ring{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--op-accent);box-shadow:0 0 14px var(--op-accent-glow),0 0 32px var(--op-accent-glow2),inset 0 0 10px var(--op-accent-glow);transition:border-color .8s,box-shadow .8s;position:relative}.op-ear-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--op-accent);opacity:.2;transition:background .8s}.op-ear-glow{position:absolute;width:80px;height:70px;top:50%;transform:translateY(-50%);background:radial-gradient(ellipse,var(--op-accent-glow,rgba(191,90,242,.1)) 0,transparent 70%);pointer-events:none;transition:background 1s}.op-ear.l .op-ear-glow{right:-24px}.op-ear.r .op-ear-glow{left:-24px}.op-eyes{height:100%;gap:18px;padding:0 24%;z-index:3;transition:opacity .6s}.op-eye-socket,.op-eyes{position:relative;display:flex;justify-content:center;align-items:center}.op-eye-socket{width:78px;height:60px;border-radius:40px;background:rgba(0,0,0,.5);border:.5px solid rgba(255,255,255,.02);box-shadow:inset 0 2px 8px rgba(0,0,0,.4);overflow:hidden}.op-iris-wrap{position:relative;transition:transform .12s ease-out}.op-iris{width:34px;height:42px;border-radius:50%;position:relative;transition:all 1s cubic-bezier(.25,.46,.45,.94)}.op-iris.left{background:radial-gradient(ellipse 75% 85% at 50% 42%,var(--op-iris-l1) 0,var(--op-iris-l2) 50%,rgba(94,92,230,.15) 100%);box-shadow:0 0 26px rgba(191,90,242,.3)}.op-iris.right{background:radial-gradient(ellipse 75% 85% at 50% 42%,var(--op-iris-r1) 0,var(--op-iris-r2) 50%,rgba(175,82,222,.15) 100%);box-shadow:0 0 26px rgba(218,119,242,.3)}.op-iris:before{content:"";position:absolute;inset:4px;border-radius:50%;border:.8px solid rgba(255,255,255,.08)}.op-iris-spec{position:absolute;top:15%;left:55%;width:11px;height:11px;border-radius:50%;background:white;opacity:.85;box-shadow:0 0 8px rgba(255,255,255,.5)}.op-iris-spec.sm{top:45%;left:28%;width:4px;height:4px;opacity:.3;box-shadow:none}.op-blink{position:absolute;inset:0;background:rgba(12,12,14,.98);border-radius:40px;transform:scaleY(0);transform-origin:center;animation:op-blink 5.5s ease-in-out infinite;z-index:4}.op-eye-socket:nth-child(3) .op-blink{animation-delay:.04s}@keyframes op-blink{0%,44%,48%,to{transform:scaleY(0)}46%{transform:scaleY(1)}}.op-bridge{width:8px;height:24px;border-radius:4px;background:rgba(255,255,255,.012);flex-shrink:0}.op-status-wrap{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:26px;height:26px;display:flex;align-items:center;justify-content:center;z-index:7;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}.op-root:not([data-state=idle]) .op-status-wrap{transform:translateX(-50%) translateY(40px) scale(.4);opacity:0}.op-status-outer{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--op-accent);opacity:.25;transition:all .8s;position:absolute}.op-status-dot{width:10px;height:10px;border-radius:50%;background:var(--op-accent);box-shadow:0 0 16px var(--op-accent-glow),0 0 32px var(--op-accent-glow2);animation:op-pulse 3s ease-in-out infinite;transition:all .8s}@keyframes op-pulse{0%,to{opacity:.5}50%{opacity:1}}.op-face{position:absolute;left:0;right:0;top:65%;bottom:0;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;transform:translateY(0) scale(1);opacity:1}.op-root:not([data-state=idle]) .op-face{transform:translateY(-50%) scale(.25);opacity:0}.op-cheek{position:absolute;top:4px;width:30px;height:16px;border-radius:50%;background:var(--op-accent);opacity:.06;transition:opacity .8s,background .8s}.op-cheek.l{left:20%}.op-cheek.r{right:20%}.op-mouth-wrap{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:110px;height:44px}.op-mouth-svg{width:100%;height:100%;overflow:visible}.op-mouth-line{fill:none;stroke:var(--op-accent);stroke-width:3.5;stroke-linecap:round;opacity:.9;filter:drop-shadow(0 0 6px var(--op-accent)) drop-shadow(0 0 14px var(--op-accent-glow));transition:stroke .8s}.op-mouth-fill{stroke:var(--op-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:var(--op-accent);fill-opacity:.12;opacity:0;filter:drop-shadow(0 0 8px var(--op-accent-glow));transition:stroke .8s,fill .8s}.op-mouth-glow{fill:none;stroke:var(--op-accent);stroke-width:12;stroke-linecap:round;opacity:.15;filter:blur(10px);transition:stroke .8s}.op-chin{position:absolute;top:68px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.op-chin span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.04)}.op-brows{position:absolute;top:26%;left:50%;transform:translateX(-50%) scaleX(1) translateY(0);width:220px;height:20px;pointer-events:none;z-index:6;opacity:.55;transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.op-brow-svg{width:100%;height:100%;overflow:visible}.op-brow{fill:none;stroke:var(--op-accent);stroke-width:2.2;stroke-linecap:round;opacity:.5;filter:drop-shadow(0 0 4px var(--op-accent-glow));transition:stroke .8s,opacity .6s}.op-ground{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:340px;height:80px;background:radial-gradient(ellipse at 50% 0,var(--op-accent-glow,rgba(191,90,242,.04)) 0,transparent 70%);filter:blur(10px);transition:background 1s,opacity .7s;pointer-events:none}.op-stage.collapsed .op-ground{opacity:0}.op-root[data-state=idle]{--op-accent:#BF5AF2;--op-accent-glow:rgba(191,90,242,0.4);--op-accent-glow2:rgba(191,90,242,0.15);--op-s1:#BF5AF2;--op-s2:#5E5CE6;--op-s3:#AF52DE;--op-shimmer-hl:rgba(191,90,242,0.2);--op-shimmer-hl2:rgba(94,92,230,0.12);--op-iris-l1:#BF5AF2;--op-iris-l2:#5E5CE6;--op-iris-r1:#DA77F2;--op-iris-r2:#BF5AF2;--op-amb-r:191;--op-amb-g:90;--op-amb-b:242}.op-root[data-state=thinking]{--op-accent:#64D2FF;--op-accent-glow:rgba(100,210,255,0.45);--op-accent-glow2:rgba(100,210,255,0.18);--op-s1:#4AA8D8;--op-s2:#2E6A9E;--op-s3:#1D4E80;--op-shimmer-hl:rgba(100,210,255,0.25);--op-shimmer-hl2:rgba(10,132,255,0.15);--op-iris-l1:#64D2FF;--op-iris-l2:#0A84FF;--op-iris-r1:#5AC8FA;--op-iris-r2:#64D2FF;--op-amb-r:100;--op-amb-g:210;--op-amb-b:255}.op-root[data-state=designing]{--op-accent:#FF6482;--op-accent-glow:rgba(255,100,130,0.45);--op-accent-glow2:rgba(255,100,130,0.18);--op-s1:#E8453C;--op-s2:#C42D6B;--op-s3:#8B2099;--op-shimmer-hl:rgba(255,100,130,0.25);--op-shimmer-hl2:rgba(191,90,242,0.15);--op-iris-l1:#FF6482;--op-iris-l2:#BF5AF2;--op-iris-r1:#FF9F0A;--op-iris-r2:#FF6482;--op-amb-r:255;--op-amb-g:100;--op-amb-b:130}.op-root[data-state=publishing]{--op-accent:#30D158;--op-accent-glow:rgba(48,209,88,0.45);--op-accent-glow2:rgba(48,209,88,0.18);--op-s1:#28B84C;--op-s2:#1A8F5A;--op-s3:#0E6644;--op-shimmer-hl:rgba(48,209,88,0.2);--op-shimmer-hl2:rgba(100,210,255,0.12);--op-iris-l1:#30D158;--op-iris-l2:#0BDA51;--op-iris-r1:#64D2FF;--op-iris-r2:#30D158;--op-amb-r:48;--op-amb-g:209;--op-amb-b:88}.op-root[data-state=selling]{--op-accent:#FF9F0A;--op-accent-glow:rgba(255,159,10,0.5);--op-accent-glow2:rgba(255,159,10,0.2);--op-s1:#E84530;--op-s2:#D47A18;--op-s3:#C4A820;--op-shimmer-hl:rgba(255,159,10,0.28);--op-shimmer-hl2:rgba(255,100,130,0.15);--op-iris-l1:#FF9F0A;--op-iris-l2:#FF6482;--op-iris-r1:#FFD60A;--op-iris-r2:#FF9F0A;--op-amb-r:255;--op-amb-g:159;--op-amb-b:10}[data-state=idle] .op-brows{opacity:.55;transform:translateX(-50%) scaleX(1) translateY(0)}[data-state=idle] .op-visor-border{opacity:0;--op-border-op:0}[data-state=idle] .op-visor-shimmer{opacity:0}[data-state=idle] .op-visor-tint{opacity:.06}[data-state=idle] .op-eyes,[data-state=idle] .op-visor-runner{opacity:1}[data-state=designing] .op-brows,[data-state=publishing] .op-brows,[data-state=selling] .op-brows,[data-state=thinking] .op-brows{opacity:0;transform:translateX(-50%) scaleX(2) translateY(16px)}[data-state=designing] .op-eyes,[data-state=designing] .op-visor-runner,[data-state=publishing] .op-eyes,[data-state=publishing] .op-visor-runner,[data-state=selling] .op-eyes,[data-state=selling] .op-visor-runner,[data-state=thinking] .op-eyes,[data-state=thinking] .op-visor-runner{opacity:0}[data-state=thinking] .op-visor-shimmer{opacity:.85}[data-state=thinking] .op-visor-tint{opacity:.15}[data-state=thinking] .op-visor-border{opacity:.4;--op-border-op:0.4}[data-state=thinking] .op-shimmer-grad{animation-duration:3s}[data-state=thinking] .op-shimmer-sweep{animation-duration:2s}[data-state=designing] .op-visor-shimmer{opacity:.9}[data-state=designing] .op-visor-tint{opacity:.18}[data-state=designing] .op-visor-border{opacity:.5;--op-border-op:0.5}[data-state=designing] .op-shimmer-grad{animation-duration:4.5s}[data-state=publishing] .op-visor-shimmer{opacity:.8}[data-state=publishing] .op-visor-tint{opacity:.12}[data-state=publishing] .op-visor-border{opacity:.4;--op-border-op:0.4}[data-state=selling] .op-visor-shimmer{opacity:.95}[data-state=selling] .op-visor-tint{opacity:.2}[data-state=selling] .op-visor-border{opacity:.55;--op-border-op:0.55}@media (prefers-reduced-motion:reduce){.op-root,.op-root *{animation:none!important;transition-duration:0s!important}}