.wa-stage{perspective:1200px;display:grid;justify-items:center}.wa-phone{--fx: 0;--fy: 0;position:relative;width:min(340px,86vw);border-radius:46px;padding:14px;background:linear-gradient(160deg,#1b2236,#0b0e18);box-shadow:inset 0 0 0 2px #ffffff1f,0 40px 80px -30px #000c,0 0 0 10px #ffffff08;transform:rotateY(calc(-14deg + var(--fx) * 10deg)) rotateX(calc(6deg - var(--fy) * 8deg));transition:transform .6s var(--ease-out);transform-style:preserve-3d}.wa-phone:before{content:"";position:absolute;left:50%;top:22px;width:90px;height:22px;margin-left:-45px;border-radius:12px;background:#05070d;z-index:2}.wa-screen{position:relative;border-radius:34px;overflow:hidden;background:radial-gradient(120% 80% at 80% 0%,rgba(0,174,239,.25),transparent 60%),#0e1322;min-height:440px;padding:54px 16px 18px;display:grid;align-content:end;gap:10px}.wa-screen .kicker{position:absolute;top:56px;left:18px;right:18px;color:#fff9}.msg{max-width:86%;padding:12px 16px;border-radius:22px;font-weight:700;line-height:1.4;font-size:15px;animation:msg .6s var(--ease-spring) both;transform-origin:0 100%}.msg.tech{justify-self:start;background:#ffffff14;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f;border-bottom-left-radius:6px}.msg.you{justify-self:end;background:var(--cyan);color:#111;border-bottom-right-radius:6px;transform-origin:100% 100%}.msg.win{background:linear-gradient(135deg,#2a9d8f,#00aeef);color:#04121a}.msg small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:3px}@keyframes msg{0%{opacity:0;transform:translateY(14px) scale(.7) rotateX(-40deg)}}.reply-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.reply-row .chip-btn{background:#ffffff14;color:#fff;border-color:#fff3}.reply-row .chip-btn:hover{background:var(--cyan);color:#111;border-color:var(--cyan);transform:translateY(-2px)}.wa-typing{justify-self:start;display:inline-flex;gap:4px;padding:12px 14px;border-radius:18px;background:#ffffff14}.wa-typing i{width:7px;height:7px;border-radius:50%;background:#ffffffb3;animation:wa-dot 1s ease-in-out infinite}.wa-typing i:nth-child(2){animation-delay:.15s}.wa-typing i:nth-child(3){animation-delay:.3s}@keyframes wa-dot{50%{transform:translateY(-5px);opacity:.4}}.wa-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;perspective:1000px}.wa-tool{position:relative;min-height:150px;border:0;padding:0;background:none;cursor:pointer;font:inherit;color:inherit;text-align:left;transform-style:preserve-3d;transition:transform .8s var(--ease-spring)}.wa-tool[aria-pressed=true]{transform:rotateY(180deg)}.wa-tool:hover:not([aria-pressed=true]){transform:rotateY(-12deg) rotateX(6deg) translateY(-4px)}.wa-side{position:absolute;inset:0;display:grid;align-content:space-between;gap:8px;padding:18px;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.wa-front{background:linear-gradient(160deg,#2a2f3a,#1a1e27);box-shadow:inset 0 0 0 1px #ffffff1a;color:#9aa3b2;filter:saturate(.2)}.wa-front b{font-size:18px;color:#c9d0da}.wa-front .zz{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.wa-back{transform:rotateY(180deg);background:radial-gradient(120% 120% at 20% 0%,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%),#101626;box-shadow:inset 0 0 0 2px var(--c),0 18px 40px -20px var(--c);color:#fff}.wa-back b{font-size:18px}.wa-back .pts{justify-self:start;font-weight:900;font-size:13px;padding:5px 10px;border-radius:999px;background:var(--c);color:#111}.wa-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ffffff0f}.wa-back .wa-ico{background:var(--c);color:#111}.wa-ico svg{width:22px;height:22px}.wa-hint{margin-top:12px;font-size:13px;font-weight:700;color:var(--muted)}.wa-feed{position:relative;perspective:900px;display:grid;gap:10px;margin-top:4px}.notif{--nc: var(--cyan);display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:20px;background:linear-gradient(135deg,#ffffff12,#ffffff05),var(--surface);box-shadow:inset 0 0 0 1px var(--line),0 14px 30px -18px #000000b3;border:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;animation:notif-in .7s var(--ease-spring) both;transform-origin:50% 0;transition:transform .3s var(--ease-spring)}.notif:hover{transform:translateY(-3px) scale(1.015)}@keyframes notif-in{0%{opacity:0;transform:rotateX(-80deg) translateY(-20px)}}.notif .ic{width:46px;height:46px;border-radius:15px;background:var(--nc);display:grid;place-items:center;font-weight:900;color:#111;box-shadow:0 6px color-mix(in srgb,var(--nc) 60%,#000)}.notif b{display:block;font-weight:900}.notif small{color:var(--muted)}.notif .likes{font-weight:900;font-size:13px;color:var(--red-ink);min-width:2.5em;text-align:right}.notif.liked .likes{animation:like-pop .5s var(--ease-spring)}@keyframes like-pop{40%{transform:scale(1.5)}}.wa-lab{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:30px}.wa-bench{--fx: 0;--fy: 0;position:relative;display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:end;gap:clamp(10px,2vw,26px);padding:30px 10px 26px;perspective:1000px}.wa-bench:after{content:"";position:absolute;left:4%;right:4%;bottom:8px;height:26px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cyan) 30%,transparent),transparent)}.wa-jar{position:relative;width:min(230px,46vw);height:330px;transform:rotateY(calc(var(--fx) * 14deg)) rotateX(calc(var(--fy) * -6deg));transition:transform .6s var(--ease-out);transform-style:preserve-3d;z-index:1}.wa-glass{position:absolute;inset:0;border-radius:26px 26px 70px 70px/26px 26px 60px 60px;background:linear-gradient(90deg,#ffffff29,#ffffff08 30%,#ffffff05 70%,#ffffff1f);box-shadow:inset 0 0 0 3px #ffffff59,inset 0 -10px 30px #ffffff0f,0 30px 60px -30px #000c;overflow:hidden}.wa-glass:after{content:"";position:absolute;left:12%;top:8%;width:9%;height:70%;border-radius:20px;background:linear-gradient(180deg,#ffffff8c,#fff0);z-index:3}.wa-rim{position:absolute;left:-6px;right:-6px;top:-8px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.45);background:#ffffff0d;z-index:4}.liq{position:absolute;left:0;right:0;display:grid;place-items:center;font-weight:900;transition:height .5s var(--ease-spring),bottom .5s var(--ease-spring)}.liq:before{content:"";position:absolute;left:0;right:0;top:-9px;height:18px;border-radius:50%;background:inherit;filter:brightness(1.25)}.liq.g{bottom:0;background:linear-gradient(90deg,#0090c7,#00aeef 40%,#44c8f6 70%,#0090c7);color:#04121a;z-index:2}.liq.t{background:linear-gradient(90deg,#6e2a7d,#8e3a9e 40%,#b062c2 70%,#6e2a7d);color:#fff;z-index:1}.liq span{position:relative;z-index:2;font-size:14px;letter-spacing:.04em}.wa-mark{position:absolute;left:-14px;right:-14px;bottom:75%;border-top:2px dashed rgba(244,197,66,.9);z-index:5}.wa-mark span{position:absolute;right:-6px;top:-12px;transform:translate(100%);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow-ink);white-space:nowrap}.wa-bubbles i{position:absolute;bottom:8px;width:9px;height:9px;border-radius:50%;background:#ffffffbf;animation:rise 3s ease-in infinite;z-index:2}@keyframes rise{to{transform:translateY(-280px) scale(.6);opacity:0}}.wa-jar.done .wa-glass{box-shadow:inset 0 0 0 3px #f4c542,0 0 60px -6px #f4c542b3}.wa-jar.done .wa-bubbles i{animation-duration:1.4s}.wa-drop{display:grid;justify-items:center;gap:8px;font-weight:900;font-size:13px;text-align:center}.wa-drop .sig{--s: clamp(64px, 7vw, 88px)}.wa-drop small{display:block;font-weight:700;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.wa-fall{position:absolute;top:-10px;width:18px;height:24px;border-radius:50%/60% 60% 40% 40%;z-index:6;pointer-events:none}.knobs{display:grid;gap:18px;padding:clamp(20px,2.4vw,30px);border-radius:26px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.knob-row{display:grid;gap:6px}.knob-row label{display:flex;justify-content:space-between;font-weight:900}.knob-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer}.knob-row input[type=range]::-webkit-slider-runnable-track{height:14px;border-radius:10px;background:linear-gradient(90deg,var(--kc) var(--v, 50%),var(--line) var(--v, 50%));box-shadow:inset 0 2px 4px #0000004d}.knob-row input[type=range]::-moz-range-track{height:14px;border-radius:10px;background:var(--line)}.knob-row input[type=range]::-moz-range-progress{height:14px;border-radius:10px;background:var(--kc)}.knob-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:-10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfd6e0);box-shadow:0 6px #00000059,inset 0 0 0 5px var(--kc)}.knob-row input[type=range]::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfd6e0);box-shadow:0 6px #00000059,inset 0 0 0 5px var(--kc)}.verdict{font-weight:900;font-size:20px;min-height:30px}.verdict.hot{color:var(--yellow-ink)}.wa-meter{display:flex;gap:4px}.wa-meter i{flex:1;height:8px;border-radius:4px;background:var(--line);transition:background-color .3s}.wa-meter i.on{background:var(--yellow)}@media (max-width: 860px){.wa-lab{grid-template-columns:minmax(0,1fr)}.wa-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wa-jar{height:280px}}@media (max-width: 420px){.wa-bench{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.wa-jar{width:150px;height:250px}.wa-mark span{display:none}.wa-tool{min-height:160px}}@media (prefers-reduced-motion: reduce){.msg,.notif,.wa-bubbles i,.wa-typing i{animation:none}}