.st{position:relative}.st__orb{z-index:-1;filter:blur(40px);background:radial-gradient(circle at 60% 40%,#e6a7356b,#38bdf82e 60%,#0000 75%);border-radius:40%;animation:14s ease-in-out infinite tvBlobA;position:absolute;inset:-6% -3%}.st__card{backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #e8d4b0;border-radius:28px;padding:clamp(16px,1.7vw,28px);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;box-shadow:0 34px 80px #533d1438,0 0 0 6px #ffffff8c}.st:hover .st__card{transform:translateY(-5px);box-shadow:0 44px 96px #7c560f4d,0 0 0 6px #fff9}.st__q{background:#f8f4ee;border:1px dashed #dcc7a0;border-radius:18px;align-items:center;gap:14px;padding:12px 16px;display:flex}.st__qm{color:#b45309;background:#fef3c7;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:1.5rem;font-weight:800;transition:background .5s,color .5s,transform .5s cubic-bezier(.34,1.56,.64,1);animation:2.2s ease-in-out infinite stWob;display:grid}.st__qm.ok{color:#2e2005;background:#cc8c16;animation:none;transform:scale(1.1)rotate(360deg)}@keyframes stWob{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.st__q small{letter-spacing:.1em;text-transform:uppercase;color:#8a7f6a;font-size:.68rem;font-weight:800;display:block}.st__q b{color:var(--ink);font-size:clamp(.95rem,1.15vw,1.2rem);font-style:italic;display:block}.st__q>div{flex:1}.st__badge{color:#b91c1c;background:#fee2e2;border-radius:999px;flex:none;padding:6px 14px;font-size:.72rem;font-weight:800;transition:background .4s,color .4s}.st__badge.ok{color:#f2c064;background:#0f172a}.st__scene{--x:0px;height:clamp(150px,13vw,190px);margin:6px 0;position:relative}.st__line{background:repeating-linear-gradient(90deg,#e0cdaa 0 10px,#0000 10px 18px);border-radius:6px;height:6px;position:absolute;top:52px;left:0;right:0}.st__line i{background:linear-gradient(90deg,#a36e0d,#e6a735);border-radius:10px;width:0;height:10px;transition:width 1.3s cubic-bezier(.65,0,.35,1);position:absolute;top:-2px;left:0;box-shadow:0 0 14px #cc8c1699}.st__stations{justify-content:space-between;padding:0 clamp(10px,2vw,30px);display:flex;position:absolute;inset:0}.st__s{z-index:2;text-align:center;align-content:start;justify-items:center;gap:8px;width:80px;display:grid;position:relative}.st__sic{color:#8a6e3a;background:#fff;border:2px solid #e5d4b6;border-radius:18px;place-items:center;width:clamp(46px,4vw,62px);height:clamp(46px,4vw,62px);margin-top:22px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:grid;box-shadow:0 8px 18px #533d141a}.st__sic svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:52%;height:52%}.st__s b{color:#475569;font-size:clamp(.64rem,.74vw,.8rem);font-weight:700;line-height:1.2;transition:color .3s}.st__s.done .st__sic{color:#7c560f;background:#fceacb;border-color:#cc8c16}.st__s.on .st__sic{color:#f2c064;background:#0f172a;border-color:#0f172a;transform:scale(1.18);box-shadow:0 14px 28px #0f172a66,0 0 0 6px #cc8c1640}.st__s.on b{color:#0f172a}.st__tool{z-index:4;color:#2e2005;width:42px;height:42px;transform:translateX(var(--x));background:linear-gradient(135deg,#cc8c16,#e6a735);border-radius:50%;place-items:center;margin-left:-21px;transition:transform 1.3s cubic-bezier(.65,0,.35,1);display:grid;position:absolute;top:0;left:0;box-shadow:0 10px 22px #a36e0d8c}.st__tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.st__tool i{border:2px solid #cc8c1699;border-radius:50%;animation:1.6s infinite tvPulse;position:absolute;inset:-6px}.st__tool.moving svg{animation:.5s ease-in-out infinite alternate stRock}@keyframes stRock{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}.st__tool:after{content:"";background:#cc8c16;width:2px;height:10px;margin-left:-1px;position:absolute;top:100%;left:50%}.st__act{--x:0px;z-index:5;transform:translateX(calc(var(--x) - 50%)) translateY(10px) scale(.9);color:#f2c064;white-space:nowrap;opacity:0;background:#0f172a;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:clamp(.68rem,.8vw,.86rem);font-weight:800;transition:opacity .35s,transform .5s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:absolute;top:118px;left:0;box-shadow:0 14px 28px #0f172a59}.st__act.on{opacity:1;transform:translateX(calc(var(--x) - 50%)) translateY(0) scale(1)}.st__act span{color:#2e2005;background:#e6a735;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.st__act svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.st__ans{gap:8px;margin-top:6px;display:grid}.st__a{background:#fbf7ef;border:1px solid #ede2cf;border-radius:14px;grid-template-columns:150px 1fr 26px;align-items:center;gap:10px;padding:11px 14px;transition:background .4s,border-color .4s,transform .4s cubic-bezier(.34,1.56,.64,1);display:grid}.st__a .k{letter-spacing:.08em;text-transform:uppercase;color:#8a7f6a;font-size:.7rem;font-weight:800}.st__a .v{color:var(--ink);font-size:clamp(.84rem,1vw,1.04rem);font-weight:800;transition:color .3s}.st__a:not(.on) .v{color:#c1b7a4}.st__a i{background:#fff;border:2px solid #e0d5c0;border-radius:50%;width:24px;height:24px;transition:background .35s,border-color .35s;position:relative}.st__a i:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:5px;height:10px;transition:transform .3s cubic-bezier(.34,1.56,.64,1) .1s;position:absolute;top:2px;left:7px;transform:rotate(45deg)scale(0)}.st__a.on{background:#fff;border-color:#d3ae6a}.st__a.on i{background:#cc8c16;border-color:#cc8c16}.st__a.on i:after{transform:rotate(45deg)scale(1)}.st__a.flash{animation:.8s stFlash}@keyframes stFlash{0%{background:#f9d89d;transform:scale(1.02)}to{background:#fff;transform:none}}.st__steps{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.st__p{font:inherit;color:#7a6e58;cursor:pointer;background:#f8f4ee;border:1px solid #e9dfcc;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 6px;font-size:clamp(.68rem,.8vw,.86rem);font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s,border-color .3s;display:flex;position:relative}.st__p i{background:#e9dfcc;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.66rem;font-style:normal;font-weight:800;transition:background .3s,color .3s;display:grid}.st__p:hover{border-color:#cc8c16;transform:translateY(-3px)}.st__p.done{color:#624612;border-color:#e0c28a}.st__p.done i{color:#2e2005;background:#cc8c16}.st__p.on{color:#f2c064;background:#0f172a;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 10px 22px #0f172a4d}.st__p.on i{color:#2e2005;background:#e6a735}@media (width<=640px){.st__a{grid-template-columns:1fr 24px}.st__a .k{grid-column:1/-1}.st__s{width:56px}.st__s b{font-size:.58rem}.st__act{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.st__orb,.st__qm,.st__tool i,.st__tool.moving svg,.st__a.flash{animation:none!important}.st__tool,.st__line i{transition:none}}