.ot{height:320vh;color:var(--ink);background:#fff;position:relative}.ot-sticky{height:100svh;padding:96px 20px 24px;position:sticky;top:0}.ot-stage{grid-template-rows:auto minmax(0,1fr);gap:12px;max-width:78rem;height:100%;margin:0 auto;display:grid;position:relative}.ot-kick{background:#e14b8e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #fff,0 0 0 4px #e14b8e59}.ot-lines{position:relative}.ot-count{align-items:baseline;gap:10px;margin-top:14px;display:flex}.ot-num{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#e14b8e;min-width:1ch;font-size:clamp(2.4rem,3.4vw,3.2rem);font-weight:600;line-height:1;animation:.45s cubic-bezier(.34,1.56,.64,1) both ot-num;display:inline-block}.ot-area{min-height:0;position:relative;overflow:clip}.ot-rig{--fit:.9;left:50%;top:calc(50% - 30px * var(--fit));width:1120px;height:640px;transform:translate(-50%, -50%) scale(var(--fit));position:absolute}.ot-rig:before{content:"";background-image:linear-gradient(#1011140b 1px,#0000 1px),linear-gradient(90deg,#1011140b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:-40px;-webkit-mask-image:radial-gradient(60% 60%,#000 30%,#0000 100%);mask-image:radial-gradient(60% 60%,#000 30%,#0000 100%)}.ot-k{--k:clamp(0, (var(--p) - var(--a)) / var(--d), 1);--e:calc(var(--k) * var(--k) * (3 - 2 * var(--k)))}.ot-threads{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ot-narrow{display:none}.ot-thread{stroke:#e14b8e;stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(var(--e) * -1);opacity:calc(1 - var(--e) * .6)}.ot-you{z-index:3;color:#fff;opacity:calc(1 - var(--e));translate:-50% -50%;transform:scale(calc(1 - var(--e) * .4));background:#101114;border-radius:999px;align-items:center;gap:6px;padding:7px 14px 7px 9px;font-size:13px;font-weight:600;animation:2.4s ease-in-out infinite ot-tug;display:flex;position:absolute;top:318px;left:560px;box-shadow:0 0 0 6px #e14b8e29,0 12px 24px -10px #10111480}.ot-win{--w:240px;--h:158px;--s:1;--cx:560px;--cy:318px;--x:var(--wx);--y:var(--wy);z-index:2;left:calc(var(--x) - var(--w) / 2);top:calc(var(--y) - var(--h) / 2);width:var(--w);height:var(--h);transform:translate(calc((var(--cx) - var(--x)) * var(--e)), calc((var(--cy) - var(--y)) * var(--e))) rotate(calc(var(--r) * (1 - var(--e)))) scale(calc(var(--s) * (1 - var(--e) * .7)));opacity:calc(1 - var(--e) * var(--e));will-change:transform, opacity;position:absolute}.ot-bob{height:100%;animation:5s ease-in-out infinite ot-bob;position:relative}.ot-pin{z-index:2;background:#e14b8e;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:50%;translate:-50%;box-shadow:0 0 0 3px #fff,0 3px 6px #1011144d}.ot-chrome{color:#3d4049;background:#f4f5f8;border-radius:12px 12px 0 0;align-items:center;gap:8px;height:26px;padding:0 10px;font-size:10.5px;font-weight:600;display:flex}.ot-body{background:#fff;border-radius:0 0 12px 12px;height:calc(100% - 26px);overflow:hidden}.ot-bob:after{content:"";pointer-events:none;border-radius:12px;position:absolute;inset:0;box-shadow:0 0 0 1px #10111414,0 20px 40px -22px #10111473}.ot-chore{white-space:nowrap;color:#101114;opacity:calc(1 - var(--e));translate:-50%;transform:translateY(calc(var(--e) * 10px));background:#fff;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600;position:absolute;top:calc(100% + 12px);left:50%;box-shadow:inset 0 0 0 1.5px #e14b8e}.ot-console{z-index:4;width:660px;height:380px;opacity:var(--e);transform:scale(calc(.86 + var(--e) * .14));pointer-events:none;background:#fff;border-radius:22px;position:absolute;top:128px;left:230px;overflow:hidden;box-shadow:0 40px 90px -40px #10111473}.ot-frame{width:100%;height:100%;position:absolute;inset:0}.ot-frame-line{stroke:#e14b8e;stroke-width:2px;stroke-dasharray:1;width:calc(100% - 2px);height:calc(100% - 2px);stroke-dashoffset:calc(1 - var(--e));opacity:calc(1 - var(--e) * .55)}.ot-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.ot-tile{height:146px;opacity:calc(.35 + var(--e) * .65);background:#f6f7f9;border-radius:16px;flex-direction:column;align-items:flex-start;padding:14px;display:flex;position:relative}.ot-done{color:#1f8a4c;opacity:var(--e);transform:scale(calc(.6 + var(--e) * .4));background:#e3f6ea;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 6px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.ot-mini{transform-origin:0 0;height:56px;display:block;transform:scale(1.3)}[dir=rtl] .ot-mini{transform-origin:100% 0}.ot-drag{animation:2.6s ease-in-out infinite ot-drag}.ot-switch{background:#d6d9e0;border-radius:999px;width:22px;height:12px;animation:2.8s step-end infinite ot-switch;position:relative}.ot-switch:after{content:"";width:8px;height:8px;animation:2.8s step-end infinite ot-knob;animation-delay:inherit;background:#fff;border-radius:50%;transition:left .2s;position:absolute;top:2px;left:2px}.ot-paste{color:#4a66f5;font-weight:600;animation:1.6s ease-in-out infinite ot-paste}.ot-code{animation:2s ease-in-out infinite ot-code}.ot-typing{animation:3s ease-in-out infinite ot-fade}.ot-dns{animation:2.2s ease-in-out infinite ot-code}.ot-fill{animation:2.4s ease-in-out infinite ot-fill}.ot-fill:nth-child(8){animation-delay:.3s}.ot-fill:nth-child(9){animation-delay:.6s}@keyframes ot-num{0%{opacity:0;transform:translateY(14px)scale(.8)}to{opacity:1;transform:none}}@keyframes ot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ot-tug{0%,to{box-shadow:0 0 0 6px #e14b8e29,0 12px 24px -10px #10111480}50%{box-shadow:0 0 0 11px #e14b8e14,0 12px 24px -10px #10111480}}@keyframes ot-drag{0%,to{transform:translate(0)}50%{transform:translate(6px,30px)rotate(-2deg);box-shadow:0 8px 14px -8px #10111466}}@keyframes ot-switch{0%{background:#d6d9e0}50%{background:#16a34a}}@keyframes ot-knob{0%{left:2px}50%{left:12px}}@keyframes ot-paste{0%,to{background:0 0}50%{background:#e8edff}}@keyframes ot-code{0%,to{background:0 0}50%{background:#fff1f0}}@keyframes ot-fade{0%,30%{opacity:0}45%,to{opacity:1}}@keyframes ot-fill{0%,20%{background:#fff}40%,80%{background:#c4ecd2}to{background:#fff}}@media (max-width:767px){.ot{height:300svh}.ot-sticky{padding:84px 16px 10px}.ot-lines{font-size:14px;line-height:1.5}.ot-stage{gap:8px}.ot-head h2{margin-top:12px;font-size:1.75rem}.ot-count{margin-top:8px}.ot-num{font-size:2.2rem}.ot-rig{width:390px;height:560px;top:50%}.ot-wide{display:none}.ot-narrow{display:block}.ot-you{top:285px;left:195px}.ot-win{--x:var(--px);--y:var(--py);--cx:195px;--cy:285px;--s:.6}.ot-chore{display:none}.ot-console{width:360px;height:500px;top:30px;left:15px}.ot-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.ot-tile{height:132px;padding:12px}.ot-mini{transform:scale(1.05)}.ot-done{top:8px;right:8px}}@media (prefers-reduced-motion:reduce){.ot *,.ot :before,.ot :after{animation:none!important}.ot-win,.ot-console{will-change:auto}}
.pf[data-on=false] *,.pf[data-on=false] :before,.pf[data-on=false] :after{animation-play-state:paused!important}.pf-card{background:#fff;border-radius:26px;flex-direction:column;transition:box-shadow .5s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden;box-shadow:0 1px 2px #1011140a,0 0 0 1px #10111409}.pf-card:hover{box-shadow:0 1px 2px #1011140a,0 0 0 1px #10111412,0 24px 48px -32px #10111447}.pf-stage{background-color:#f6f7f9;background-image:radial-gradient(#10111412 1px,#0000 1.3px);background-size:14px 14px;border-radius:19px;place-items:center;height:232px;margin:8px 8px 0;display:grid;position:relative;overflow:hidden;container:stage/inline-size}.pf-stage:after{content:"";pointer-events:none;background:radial-gradient(70% 72% at 50% 48%,#0000 35%,#f6f7f9 92%);position:absolute;inset:0}.pf-wide .pf-stage{container-name:wide}.pf-board{z-index:1;transform-origin:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.pf-b{position:relative}@container stage (max-width:318px){.pf-board{scale:.88}}@container stage (max-width:285px){.pf-board{scale:.76}}@container wide (max-width:600px){.pf-board{scale:.88}}@container wide (max-width:520px){.pf-board{scale:.76}}@container wide (max-width:440px){.pf-board{scale:.64}}@container wide (max-width:370px){.pf-board{scale:.58}}.pf-wire{stroke:#1011142e;stroke-width:1.4px;stroke-dasharray:4 5}.pf-trail{stroke:#4a66f5;stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px;animation:4.5s cubic-bezier(.45,0,.25,1) infinite pf-trail}.pf-live{background:#2fcf6f;border-radius:50%;flex:none;width:8px;height:8px;animation:1.8s ease-out infinite pf-live;display:inline-block;position:relative}.pf-led{animation:1.2s step-end infinite pf-led}.pf-disc{display:block}.pf-ring{border:1px solid #10111424;border-radius:50%;animation:3s ease-out infinite pf-ring;position:absolute;inset:0}.pf-packet{offset-anchor:center;offset-rotate:0deg;opacity:0;background:#4a66f5;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #4a66f52e}.pf-meta-pkt{animation:3.2s cubic-bezier(.45,0,.25,1) infinite pf-meta}.pf-tag{color:#4a66f5;background:#fff;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:600;animation:3.2s ease-in-out infinite pf-tag;box-shadow:0 0 0 1px #10111414}.pf-count{color:#fff;white-space:nowrap;background:#101114;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:600;animation:3.2s cubic-bezier(.34,1.56,.64,1) infinite pf-count}.pf-ticker{animation:6s cubic-bezier(.65,0,.35,1) infinite pf-ticker}.pf-stop{--c:#c8ccd6;flex-direction:column;align-items:center;animation:4.5s ease-out infinite pf-stop;display:flex;position:absolute;top:108px;translate:-50% -50%}.pf-stop-label{white-space:nowrap;color:#101114;font-size:11.5px;font-weight:600;position:absolute;bottom:22px}.pf-stop-dot{width:16px;height:16px;box-shadow:inset 0 0 0 4px var(--c), 0 0 0 1px #1011140f;background:#fff;border-radius:50%;transition:box-shadow .3s}.pf-stop-code{white-space:nowrap;color:#8a8f9c;font-size:9.5px;font-weight:500;position:absolute;top:22px}.pf-bead{offset-rotate:0deg;background:#4a66f5;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:4.5s cubic-bezier(.45,0,.25,1) infinite pf-bead;position:absolute;top:0;left:0;box-shadow:0 0 0 5px #4a66f533,0 0 16px #4a66f5b3}.pf-fork-pkt{width:8px;height:8px;margin:-4px 0 0 -4px;animation:4.5s cubic-bezier(.45,0,.25,1) infinite pf-fork}.pf-hit{animation:4.5s cubic-bezier(.34,1.56,.64,1) infinite pf-hit}.pf-cell{animation:6s ease-out infinite pf-flash}.pf-cell-in{white-space:nowrap;animation:6s ease-out infinite pf-type;display:block}.pf-drop{color:#101114;opacity:0;background:#fff;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;animation:3s cubic-bezier(.55,0,.45,1) infinite pf-drop;position:absolute;top:14px;left:50%;translate:-50%;box-shadow:0 0 0 1px #10111414,0 8px 16px -10px #1011144d}.pf-slot{animation:1s ease-out infinite pf-slot}.pf-got{animation:3s ease-out infinite pf-got}.pf-shackle{transform-origin:100% 100%;border-color:#8a8f9c;animation:6s ease-in-out infinite pf-shackle}.pf-body{background:#8a8f9c;animation:6s ease-in-out infinite pf-lockbody}.pf-type{white-space:nowrap;border-inline-end:1.5px solid #101114;padding-inline-end:1px;animation:6s steps(14,end) infinite pf-typing;display:inline-block}.pf-check-ring{stroke:#d6d9e0;stroke-width:1.5px;fill:#fff;animation:6s ease-out infinite pf-ring-on}.pf-check{stroke:#16a34a;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:6s ease-out infinite pf-check}@keyframes pf-live{0%{box-shadow:0 0 #2fcf6f99}to{box-shadow:0 0 0 9px #2fcf6f00}}@keyframes pf-led{50%{opacity:.25}}@keyframes pf-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes pf-meta{0%{offset-distance:0%;opacity:0}8%{opacity:1}55%{offset-distance:100%;opacity:1}58%,to{offset-distance:100%;opacity:0}}@keyframes pf-tag{0%,30%{opacity:0;transform:translateY(4px)}40%,75%{opacity:1;transform:none}90%,to{opacity:0}}@keyframes pf-count{0%,55%{opacity:0;transform:scale(.6)}62%,88%{opacity:1;transform:none}to{opacity:0}}@keyframes pf-ticker{0%,22%{transform:translateY(0)}33%,55%{transform:translateY(-36px)}66%,88%{transform:translateY(-72px)}to{transform:translateY(-108px)}}@keyframes pf-trail{0%{stroke-dashoffset:1px;opacity:1}50%,78%{stroke-dashoffset:0;opacity:1}92%,to{stroke-dashoffset:0;opacity:0}}@keyframes pf-stop{0%{--c:#c8ccd6;transform:scale(1)}3%{--c:#4a66f5;transform:scale(1.25)}10%{transform:scale(1)}70%{--c:#4a66f5}85%,to{--c:#c8ccd6}}@keyframes pf-bead{0%{offset-distance:0%;opacity:0}4%{opacity:1}50%{offset-distance:100%;opacity:1}54%,to{offset-distance:100%;opacity:0}}@keyframes pf-fork{0%,50%{offset-distance:0%;opacity:0}52%{opacity:1}62%{offset-distance:100%;opacity:1}64%,to{offset-distance:100%;opacity:0}}@keyframes pf-hit{0%,61%{transform:scale(1)}66%{transform:scale(1.18)}72%,to{transform:scale(1)}}@keyframes pf-flash{0%{background:0 0}2%{background:#e3f6ea}18%,to{background:0 0}}@keyframes pf-type{0%{clip-path:inset(0 100% 0 0);opacity:1}6%{clip-path:inset(0)}85%{clip-path:inset(0);opacity:1}92%,to{opacity:0;clip-path:inset(0)}}@keyframes pf-drop{0%{opacity:0;top:6px;transform:scale(1)}12%{opacity:1}38%{opacity:1;top:82px;transform:scale(.92)}46%,to{opacity:0;top:96px;transform:scale(.7)}}@keyframes pf-slot{0%,30%{opacity:.3}40%{opacity:1;box-shadow:0 0 12px #246fdb}70%,to{opacity:.3;box-shadow:none}}@keyframes pf-typing{0%{clip-path:inset(0 100% 0 0)}30%,92%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes pf-got{0%,36%{color:#8a8f9c;background:#f4f5f8}40%,90%{color:#1a56c4;background:#e8f0fe}to{color:#8a8f9c;background:#f4f5f8}}@keyframes pf-shackle{0%,34%{border-color:#8a8f9c;transform:translateY(-3px)rotate(-28deg)}40%,92%{border-color:#16a34a;transform:none}to{border-color:#8a8f9c;transform:translateY(-3px)rotate(-28deg)}}@keyframes pf-lockbody{0%,34%{background:#8a8f9c}40%,92%{background:#16a34a}to{background:#8a8f9c}}@keyframes pf-ring-on{0%,26%{stroke:#d6d9e0;fill:#fff}32%,90%{stroke:#16a34a;fill:#e9f7ee}to{stroke:#d6d9e0;fill:#fff}}@keyframes pf-check{0%,26%{stroke-dashoffset:1px}34%,90%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}@property --c{syntax:"<color>";inherits:true;initial-value:#c8ccd6}@media (prefers-reduced-motion:reduce){.pf *,.pf :before,.pf :after{animation:none!important}.pf-packet,.pf-fork-pkt,.pf-drop,.pf-bead,.pf-ring{display:none}.pf-trail,.pf-check{stroke-dashoffset:0}.pf-stop{--c:#4a66f5}.pf-shackle{border-color:#16a34a}.pf-body{background:#16a34a}.pf-check-ring{stroke:#16a34a;fill:#e9f7ee}.pf-got{color:#1a56c4;background:#e8f0fe}}
.bx{background:#fff}.bx[data-on=false] *,.bx[data-on=false] :before,.bx[data-on=false] :after{animation-play-state:paused!important}.bx-kick{background:#101114;border-radius:3px;width:10px;height:10px;box-shadow:4px 4px #4a66f5}.bx-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:340px;gap:14px;display:grid}.bx-wide{grid-column:span 2}.bx-card{isolation:isolate;color:#101114;background:linear-gradient(160deg,#f7f8fa 0%,#f1f2f5 100%);border-radius:30px;flex-direction:column;padding:30px 30px 0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1011140a}.bx-line{color:#5f6473}.bx-art{flex:auto;min-height:0;margin-top:22px;position:relative}.bx-window{background:#fff;border-radius:18px 0 0;height:260px;position:absolute;top:0;left:0;right:-30px;overflow:hidden;box-shadow:0 0 0 1px #1011140f,0 30px 60px -30px #1011144d}.bx-phone{background:#fff;border:2.5px solid #1b1b1f;border-bottom:0;border-radius:16px 16px 0 0;height:200px;padding:7px 6px}.bx-build{animation:6s ease-out infinite bx-build}.bx-type{transform-origin:0;animation:6s ease-out infinite bx-type}.bx-ring{width:150px;height:150px;margin:8px auto 0;position:relative}.bx-ring-fill{stroke-dasharray:1;stroke-dashoffset:.7px;animation:6s cubic-bezier(.65,0,.35,1) infinite bx-ring}.bx-ring-core{color:#101114;background:#fff;border-radius:22px;place-items:center;display:grid;position:absolute;inset:36px;box-shadow:0 0 0 1px #1011140d,0 10px 22px -12px #1011144d}.bx-ring-word{letter-spacing:-.01em;opacity:0;grid-area:1/1;font-size:17px;font-weight:700;animation:6s step-end infinite bx-word}.bx-rail{position:absolute;inset:0 -30px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 80%,#0000);mask-image:linear-gradient(#0000,#000 14% 80%,#0000)}.bx-rail-roll{animation:12s linear infinite bx-roll}.bx-slot{background:#fff;border-inline-start:4px solid;border-radius:12px 0 0 12px;flex:1;min-width:0;padding:8px 12px;box-shadow:0 1px 2px #1011140f}.bx-slot.is-ok{border-color:#22c55e}.bx-slot.is-new{border-color:#4a66f5}.bx-nudges{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:34px;left:0;right:-10px}.bx-nudge{color:#101114;white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:9px;padding:9px 13px;font-size:13px;font-weight:500;animation:5s ease-in-out infinite bx-float;display:inline-flex;box-shadow:0 0 0 1px #1011140f,0 12px 24px -14px #1011144d}.bx-nudge-2{margin-inline-start:36px;animation-delay:-2.5s}.bx-bars{gap:10px;padding-bottom:0;display:flex;position:absolute;inset:0}.bx-bar{transform-origin:bottom;background:#4a66f5;border-radius:6px 6px 0 0;transition:transform 1s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto 0 0;transform:scaleY(0)}.bx[data-seen=true] .bx-bar{transform:none}.bx-hatch{background:repeating-linear-gradient(135deg,#1011141f 0 1px,#0000 1px 8px);border-radius:6px 6px 0 0;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #10111414}.bx-photo{animation:20s ease-in-out infinite alternate bx-drift}.bx-frame{background:#17130e;border-radius:18px 0 0;position:absolute;inset:0 -30px 0 0;overflow:hidden}.bx-url{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:18px;left:18px;box-shadow:inset 0 0 0 1px #ffffff2e}@keyframes bx-build{0%,8%{opacity:0;transform:translateY(5px)}18%,88%{opacity:1;transform:none}to{opacity:0}}@keyframes bx-type{0%,5%{transform:scaleX(0)}25%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes bx-ring{0%,22%{stroke-dashoffset:.7px}33%,55%{stroke-dashoffset:.4px}66%,88%{stroke-dashoffset:.08px}to{stroke-dashoffset:.7px}}@keyframes bx-word{0%{opacity:1}33.33%{opacity:0}}@keyframes bx-roll{0%{transform:translateY(0)}to{transform:translateY(-280px)}}@keyframes bx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bx-drift{0%{transform:scale(1.04)}to{transform:scale(1.14)translate(-2%,-1%)}}@media (max-width:1100px){.bx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.bx-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:330px}.bx-wide{grid-column:auto}.bx-card{border-radius:26px;padding:24px 24px 0}}@media (prefers-reduced-motion:reduce){.bx *,.bx :before,.bx :after{transition:none!important;animation:none!important}.bx-bar{transform:none}.bx-ring-word{opacity:0}.bx-ring-word:nth-child(2){opacity:1}.bx-ring-fill{stroke-dashoffset:.4px}}
.tr{background:#fff}.tr[data-on=false] *,.tr[data-on=false] :before,.tr[data-on=false] :after{animation-play-state:paused!important}.tr-stage{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:14px;display:grid}.tr-people{flex-direction:column;gap:10px;display:flex}.tr-person{text-align:start;background:linear-gradient(160deg,#f7f8fa 0%,#f1f2f5 100%);border-radius:24px;outline:none;align-items:flex-start;gap:14px;padding:18px;transition:background-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1011140a}.tr-person:hover{box-shadow:inset 0 0 0 1px #1011141a}.tr-person.is-on{box-shadow:inset 0 0 0 1.5px var(--c), 0 20px 40px -26px #10111459;background:#fff}.tr-person:focus-visible{box-shadow:inset 0 0 0 2px #4a66f5}.tr-avatar{background:var(--c,var(--role));color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;transition:background-color .4s;display:grid}.tr-avatar.is-small{width:30px;height:30px;font-size:12px}.tr-line{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1);display:grid}.tr-line>span{color:#5f6473;opacity:0;font-size:13.5px;line-height:1.45;transition:opacity .35s;overflow:hidden}.tr-person.is-on .tr-line{grid-template-rows:1fr}.tr-person.is-on .tr-line>span{opacity:1;padding-top:4px;transition-delay:.1s}.tr-bar{background:var(--c);transform-origin:0;width:100%;height:3px;animation:linear both tr-bar;position:absolute;bottom:0;left:0}[dir=rtl] .tr-bar{transform-origin:100%}.tr-window{background:linear-gradient(160deg,#f7f8fa 0%,#f1f2f5 100%);border-radius:28px;grid-template-columns:210px minmax(0,1fr);min-height:430px;transition:box-shadow .5s;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #1011140a}.tr-menu{padding:16px 12px}.tr-who{background:#fff;border-radius:14px;align-items:center;gap:10px;padding:8px;display:flex;box-shadow:0 1px 2px #1011140f}.tr-item{border-radius:10px;align-items:center;gap:9px;height:32px;padding:0 10px;font-size:12.5px;transition:color .35s,background-color .35s,opacity .35s;display:flex;position:relative}.tr-item.is-allowed{color:#101114}.tr-item.is-locked{color:#b3b8c3}.tr-item.is-open{box-shadow:0 1px 2px #1011140f, inset 3px 0 0 var(--role);background:#fff;font-weight:600}[dir=rtl] .tr-item.is-open{box-shadow:0 1px 2px #1011140f, inset -3px 0 0 var(--role)}.tr-lock{opacity:0;flex:none;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1);transform:scale(.6)}.tr-item.is-locked .tr-lock{opacity:1;transform:none}.tr-main{background:#fff;border-radius:20px;margin:10px 10px 10px 0;padding:22px;animation:.5s cubic-bezier(.22,1,.36,1) both tr-in;box-shadow:0 1px 2px #1011140d}[dir=rtl] .tr-main{margin:10px 0 10px 10px}.tr-title{letter-spacing:-.015em;font-size:17px;font-weight:600}.tr-row{background:#f7f8fa;border-radius:14px;padding:10px 12px;animation:.5s cubic-bezier(.22,1,.36,1) both tr-row}.tr-fade{animation:.4s both tr-fade}.tr-fill{transform-origin:0;animation:.9s cubic-bezier(.22,1,.36,1) both tr-grow}.tr-perm{color:#8a8f9c;background:#eceef2;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:10.5px;font-weight:600;transition:background-color .3s,color .3s;display:inline-flex}.tr-perm i{background:#d6d9e0;border-radius:999px;width:20px;height:12px;transition:background-color .3s;position:relative}.tr-perm i:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;transition:transform .3s;position:absolute;top:2px;left:2px}.tr-perm.is-on{color:#3550d8;background:#e8edff}.tr-perm.is-on i{background:#4a66f5}.tr-perm.is-on i:after{transform:translate(8px)}.tr-flip{animation:3s step-end 1s infinite tr-flip}.tr-flip i{animation:3s step-end 1s infinite tr-flip-track}.tr-flip i:after{animation:3s step-end 1s infinite tr-flip-knob}.tr-tick{animation:.45s cubic-bezier(.34,1.56,.64,1) both tr-tick}.tr-deliver{display:grid}.tr-deliver-a,.tr-deliver-b{white-space:nowrap;border-radius:8px;grid-area:1/1;padding:4px 10px;font-size:10.5px;font-weight:700}.tr-deliver-a{color:#fff;background:#101114;animation:5s step-end infinite tr-swap-a}.tr-deliver-b{color:#1f8a4c;background:#e3f6ea;animation:5s step-end infinite tr-swap-b}.tr-visual{animation:5s cubic-bezier(.34,1.56,.64,1) infinite tr-visual}@keyframes tr-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tr-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tr-row{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tr-fade{0%{opacity:0}to{opacity:1}}@keyframes tr-grow{0%{transform:scaleX(0)}to{transform:none}}@keyframes tr-flip{0%{color:#8a8f9c;background:#eceef2}50%{color:#3550d8;background:#e8edff}}@keyframes tr-flip-track{0%{background:#d6d9e0}50%{background:#4a66f5}}@keyframes tr-flip-knob{0%{transform:none}50%{transform:translate(8px)}}@keyframes tr-tick{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes tr-swap-a{0%,39%{opacity:1}40%,95%{opacity:0}96%,to{opacity:1}}@keyframes tr-swap-b{0%,39%{opacity:0}40%,95%{opacity:1}96%,to{opacity:0}}@keyframes tr-visual{0%,12%{opacity:.25;filter:grayscale();transform:scale(.85)}20%,92%{opacity:1;filter:none;transform:none}to{opacity:.25;filter:grayscale();transform:scale(.85)}}@media (max-width:1023px){.tr-stage{grid-template-columns:minmax(0,1fr)}.tr-people{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tr-person{flex-direction:column;gap:10px;padding:14px}.tr-line{display:none}}@media (max-width:639px){.tr-people{gap:6px}.tr-person{text-align:center;align-items:center;padding:12px 6px}.tr-person>span:nth-child(2)>span:first-child{justify-content:center}.tr-person>span:nth-child(2)>span:first-child>span:last-child{display:none}.tr-window{border-radius:24px;grid-template-columns:52px minmax(0,1fr);min-height:420px}.tr-menu{padding:12px 6px}.tr-who{justify-content:center;padding:6px 0}.tr-who>span:last-child{display:none}.tr-item{justify-content:center;padding:0}.tr-item>span,.tr-item .tr-lock{display:none}.tr-item.is-locked{opacity:.35}.tr-main{padding:14px}}@media (prefers-reduced-motion:reduce){.tr *,.tr :before,.tr :after{transition:none!important;animation:none!important}}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}