.sv{grid-template-areas:"head""stage""list";row-gap:26px;padding-top:110px;padding-bottom:110px;display:grid;position:relative}.sv-copy{display:contents}.sv .head{grid-area:head}.sv-stage{grid-area:stage}.sv-list{grid-area:list}@media (min-width:900px){.sv{grid-template:"head stage""list stage"1fr/minmax(0,.95fr) minmax(0,1.05fr);gap:0 56px}.sv-stage{align-self:center}}.sv .h2{max-width:520px}.sv-list{margin:0;padding:0;list-style:none}@media (min-width:900px){.sv-list{margin-top:30px}}.sv-item{border-bottom:1px solid var(--line);position:relative}.sv-item:before{content:"";box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sv-c) 18%, transparent);opacity:0;pointer-events:none;background:#0c111d0b;border-radius:14px;position:absolute;inset:5px -14px 4px}.sv-item[data-on]:before{animation:svOutline .5s var(--ease) both}@keyframes svOutline{0%{opacity:0}to{opacity:1}}.sv-item h3{font:inherit;margin:0}.sv-item button{width:100%;font:600 17px / 1.3 var(--sans);letter-spacing:-.01em;text-align:left;color:var(--slate);cursor:pointer;background:0 0;border:0;align-items:baseline;gap:12px;padding:17px 0;transition:color .3s;display:flex;position:relative}.sv-item button:hover,.sv-item[data-on] button{color:var(--ink)}.sv-n{font:500 11px var(--mono);letter-spacing:.08em;color:var(--slate);transition:color .3s}.sv-item[data-on] .sv-n,.sv-item[data-past] .sv-n{color:var(--sv-c)}.sv-panel{transition:grid-template-rows .5s var(--ease);grid-template-rows:0fr;display:grid}.sv-item[data-on] .sv-panel{grid-template-rows:1fr}.sv-panel-in{min-height:0;padding-left:31px;position:relative;overflow:hidden}.sv-panel-in>p{color:var(--slate);margin:0;font-size:15.5px}.sv-panel-in:after{content:"";height:18px;display:block}.sv-offer{flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:14px;display:flex}.sv-open{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);border-radius:6px;align-items:center;gap:7px;padding:5px 10px 5px 9px;display:inline-flex;box-shadow:inset 0 0 0 1px #0c111d21}.sv-open i{background:var(--sv-c);border-radius:1px;width:5px;height:5px;position:relative}.sv-price{font:600 14.5px var(--sans);letter-spacing:-.01em;color:var(--ink)}.sv-grab{background:var(--ink);color:var(--paper);font:600 13.5px var(--sans);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:8px 12px 8px 14px;transition:background .3s;display:inline-flex}.sv-grab:hover{background:#fff}@media (min-width:900px){.sv[data-pin]{grid-template-rows:auto auto;align-content:center;height:100vh;padding-top:92px;padding-bottom:36px}.sv[data-pin] .sv-grid{width:min(100%,580px,72vh)}}@media (max-width:899px){.sv[data-pin]{align-content:center;row-gap:14px;height:100svh;padding-top:84px;padding-bottom:28px}.sv[data-pin] .lead{display:none}.sv[data-pin] .sv-grid{width:min(100%,300px,34svh)}.sv[data-pin] .sv-item:not([data-on]){display:none}.sv[data-pin] .sv-item{border-bottom:0}.sv[data-pin] .sv-count{gap:6px;margin:6px 0 0;display:flex}.sv-count i{background:var(--line-strong);width:6px;height:6px;transition:width .4s var(--ease), background .4s;border-radius:3px}.sv-count i[data-on]{background:var(--sv-c);width:22px}}@media (min-width:900px) and (max-height:860px){.sv[data-pin]{padding-top:78px;padding-bottom:20px}.sv[data-pin] .lead{display:none}.sv[data-pin] .head .kicker{margin-bottom:12px}.sv[data-pin] .h2{margin-bottom:0;font-size:clamp(26px,5.4svh,44px)}.sv[data-pin] .sv-list{margin-top:14px}.sv[data-pin] .sv-item button{padding:12px 0}.sv[data-pin] .sv-panel-in:after{height:12px}.sv[data-pin] .sv-offer{padding-top:10px}}@media (min-width:900px) and (max-height:680px){.sv[data-pin]{padding-top:74px;padding-bottom:12px}.sv[data-pin] .sv-item button{font-size:var(--fs-body);padding:8px 0}.sv[data-pin] .sv-panel-in>p{font-size:var(--fs-small)}}@media (max-width:899px) and (max-height:700px){.sv[data-pin]{row-gap:10px;padding-top:72px;padding-bottom:16px}.sv[data-pin] .head .kicker{margin-bottom:8px}.sv[data-pin] .h2{margin-bottom:0;font-size:25px}.sv[data-pin] .sv-grid{width:min(100%,260px,28svh)}.sv[data-pin] .sv-item button{padding:10px 0}.sv[data-pin] .sv-panel-in:after{height:6px}}.sv-track{pointer-events:none;height:12px;position:absolute;bottom:-6px;left:0;right:0;container-type:inline-size}.sv-bar{width:100%;height:100%;display:block;overflow:visible}.sv-bar path,.sv-bar line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sv-item[data-past]:not([data-on]) .sv-bar path{opacity:.45}.sv-still{display:none}.sv:not([data-pin]) .sv-item[data-on] .sv-still{display:inline}.sv-tile[data-k="1"]{--sv-k:1}.sv-tile[data-k="2"]{--sv-k:2}.sv-tile[data-k="3"]{--sv-k:3}.sv-tile[data-k="4"]{--sv-k:4}.sv-knob{background:var(--sv-c);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--sv-c) 22%, transparent), 0 0 14px 2px color-mix(in srgb, var(--sv-c) 60%, transparent);opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;top:2px;left:-4px}.sv-count{display:none}.sv-thread{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sv-thread g{opacity:0}.sv-thread path{fill:none;stroke-linecap:round;stroke-linejoin:round}.sv-thread .th-glow{stroke-width:4px;stroke-opacity:.16}.sv-thread .th-line{stroke-width:1.25px}.sv-thread .th-halo{fill:color-mix(in srgb, var(--sv-c) 25%, transparent)}.sv-thread .th-head{fill:var(--sv-c)}@media (prefers-reduced-motion:reduce){.sv-tile[data-on]{transform:none}.sv-thread{display:none}}.sv-stage{place-items:center;display:grid;position:relative}.sv-stage:before{content:"";filter:blur(30px);pointer-events:none;background:radial-gradient(closest-side,#2154d01a,#0000 75%);border-radius:50%;position:absolute;inset:8%}.sv-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(7px,1.6vw,16px);width:min(100%,360px);display:grid;position:relative}@media (min-width:900px){.sv-grid{width:min(100%,580px)}}.sv-cell{display:grid}.sv-tile{aspect-ratio:1;opacity:var(--sv-rest,.4);filter:grayscale();background:#0c111d0e;border-radius:24%;place-items:center;transition:opacity .2s,transform .2s ease-out,background .2s,filter .2s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0c111d17;container-type:inline-size}.sv-tile[data-d="1"]{--sv-rest:.44}.sv-tile[data-d="2"]{--sv-rest:.38}.sv-tile[data-d="3"]{--sv-rest:.33}.sv-tile[data-d="4"]{--sv-rest:.28}.sv-tile[data-on]{opacity:1;filter:none;background:linear-gradient(160deg, color-mix(in srgb, var(--sv-c) 13%, transparent), color-mix(in srgb, var(--sv-c) 6%, transparent));transition:opacity .24s,transform .56s cubic-bezier(.3,1.55,.5,1),background .3s,filter .24s;transition-delay:calc(60ms + var(--sv-k,0) * 50ms);transform:scale(1.08)}.sv-tile:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--sv-c), 0 0 18px color-mix(in srgb, var(--sv-c) 22%, transparent);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.sv-tile[data-on]:after{opacity:1;transition:opacity .3s calc(60ms + var(--sv-k,0) * 50ms)}.sv[data-reach] .sv-tile[data-on],.sv[data-reach] .sv-tile[data-on]:after{transition-delay:calc(.25s + var(--sv-k,0) * 45ms)}.sv-tile.sv-core{opacity:1;filter:none;background:radial-gradient(circle at 50% 45%,#2154d01a,#0000 70%);transform:none;box-shadow:inset 0 0 0 1px #0c111d13}.sv-core:after{content:none}.sv-core .tile-mark{--tm:50cqi}.sv-w{width:76cqi;height:76cqi;color:var(--ink);opacity:.55;align-content:center;place-items:center;gap:7cqi;font-size:9.5cqi;line-height:1.15;transition:opacity .2s;display:grid;position:relative}.sv-tile[data-on] .sv-w{opacity:1;animation:svIn .5s var(--ease) both;animation-delay:calc(60ms + var(--sv-k,0) * 50ms)}.sv[data-reach] .sv-tile[data-on] .sv-w{animation-delay:calc(.25s + var(--sv-k,0) * 45ms)}@keyframes svIn{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sv[data-rush] .sv-panel{transition-duration:.14s}.sv[data-rush] .sv-item[data-on]:before{animation-duration:.22s}.sv[data-rush] .sv-tile,.sv[data-rush] .sv-tile:after,.sv[data-rush] .sv-w{transition-duration:.14s;transition-delay:0s}.sv[data-rush] .sv-tile[data-on] .sv-w{animation-duration:.2s;animation-delay:0s}.sv[data-done] .sv-tile[data-on]{transition-delay:calc(var(--sv-k,0) * 70ms);transform:none}.sv[data-done] .sv-tile[data-on]:after{opacity:.4;transition-delay:calc(var(--sv-k,0) * 70ms)}.sv[data-done] .sv-core{animation:svCore 1.4s var(--ease) both}@keyframes svCore{40%{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sv-c) 27%, transparent), 0 0 70px -10px #2154d047}}.sv-w svg{width:30cqi;height:30cqi}.w-ico{color:var(--sv-c);place-items:center;display:grid}.w-ring{background:color-mix(in srgb, var(--sv-c) 13%, transparent);border-radius:50%;width:44cqi;height:44cqi}.w-ring svg{width:24cqi;height:24cqi}.w-txt{white-space:nowrap;color:var(--ink-2);align-items:center;gap:4cqi;font-weight:600;display:inline-flex}.w-txt svg{width:12cqi;height:12cqi;color:var(--sv-c)}.w-pill{background:color-mix(in srgb, var(--sv-c) 13%, transparent);border-radius:99px;padding:3cqi 6cqi}.w-mono{font-family:var(--mono);color:var(--slate);font-weight:500}@container (max-width:92px){.w-txt,.w-num small,.w-bub:first-child{display:none}.sv-w{gap:0}}.w-eq{align-items:center;gap:4cqi;height:16cqi;display:flex}.w-eq i,.w-bars i{background:var(--sv-c);border-radius:3cqi;width:5cqi}.w-eq i{height:100%;transform:scaleY(.4)}.sv[data-run] .sv-tile[data-on] .w-eq i{animation:.9s ease-in-out infinite alternate wEq}.w-eq i:nth-child(2){animation-delay:-.3s}.w-eq i:nth-child(3){animation-delay:-.6s}.w-eq i:nth-child(4){animation-delay:-.15s}.w-eq i:nth-child(5){animation-delay:-.45s}@keyframes wEq{to{transform:scaleY(1)}}.w-bub{white-space:nowrap;text-overflow:ellipsis;background:#0c111d1a;border-radius:9cqi 9cqi 9cqi 3cqi;justify-self:start;max-width:100%;padding:4cqi 7cqi;overflow:hidden}.w-bub-me{background:var(--accent);border-radius:9cqi 9cqi 3cqi;justify-self:end}.w-dots{gap:3cqi;padding:2cqi 0;display:flex}.w-dots i{opacity:.5;background:#fff;border-radius:50%;width:4.5cqi;height:4.5cqi}.sv[data-run] .sv-tile[data-on] .w-dots i{animation:1.2s ease-in-out infinite wDot}.w-dots i:nth-child(2){animation-delay:.2s}.w-dots i:nth-child(3){animation-delay:.4s}@keyframes wDot{40%{opacity:1;transform:translateY(-1.5cqi)}}.w-cal{grid-template-columns:repeat(4,1fr);gap:3cqi;width:64cqi;display:grid}.w-cal i{aspect-ratio:1.3;background:#0c111d1c;border-radius:2.5cqi}.w-cal i[data-on]{background:var(--sv-c);box-shadow:0 0 0 1.5cqi color-mix(in srgb, var(--sv-c) 22%, transparent)}.w-rows{gap:4cqi;width:58cqi;display:grid}.w-rows i{background:#0c111d2a;border-radius:3cqi;height:5cqi}.w-rows i:nth-child(2){width:78%}.w-rows i:nth-child(3){background:color-mix(in srgb, var(--sv-c) 45%, transparent);width:56%}.w-rows-short i:last-child{width:64%}.w-svg{fill:none;stroke:#0c111d4f;stroke-width:2.2px;width:70cqi!important;height:70cqi!important}.w-svg circle{fill:#fff;stroke:#0c111d61}.w-svg .w-hot{fill:var(--sv-c);stroke:none}.w-tags{gap:3cqi;width:54cqi;display:grid}.w-tags i{height:6cqi;box-shadow:inset 8cqi 0 0 var(--c);background:#0c111d25;border-radius:3cqi}.w-tags i[data-c=a]{--c:var(--sv-c)}.w-tags i[data-c=b]{--c:#5a3dc4;width:80%}.w-tags i[data-c=c]{--c:#0f6b63;width:62%}.w-bars{align-items:flex-end;gap:5cqi;height:52cqi;display:flex}.w-bars i{opacity:.55;width:8cqi}.w-bars i:first-child{height:30%}.w-bars i:nth-child(2){height:46%}.w-bars i:nth-child(3){height:40%}.w-bars i:nth-child(4){height:66%}.w-bars i:nth-child(5){opacity:1;height:92%}.w-post{background:#0c111d15;border-radius:10cqi;width:62cqi;height:62cqi;display:block;position:relative;overflow:hidden}.w-post i{background:linear-gradient(135deg,#5d7bff,#b07bff);border-radius:6cqi;position:absolute;inset:8cqi 8cqi 22cqi}.w-post svg{color:var(--danger);fill:currentColor;position:absolute;bottom:4cqi;right:7cqi;width:13cqi!important;height:13cqi!important}.w-switch{background:var(--accent);border-radius:99px;width:40cqi;height:22cqi;position:relative}.w-switch i{background:#fff;border-radius:50%;width:16cqi;height:16cqi;position:absolute;top:3cqi;right:3cqi}.sv-tile:not([data-on]) .w-switch{background:#0c111d2e}.sv-tile:not([data-on]) .w-switch i{left:3cqi;right:auto}.w-stars{gap:1.5cqi;display:flex}.w-stars svg{color:#8a5100;fill:currentColor;width:13cqi!important;height:13cqi!important}.w-kan{align-items:flex-start;gap:4cqi;display:flex}.w-kan>span{background:#0c111d13;border-radius:4cqi;gap:3cqi;width:17cqi;padding:3cqi;display:grid}.w-kan i{background:#0c111d33;border-radius:2cqi;height:8cqi}.w-kan>span:last-child i{background:var(--sv-c)}.w-badge{position:relative}.w-badge:after{content:"";background:var(--danger);border-radius:50%;width:8cqi;height:8cqi;position:absolute;top:0;right:0}.w-heads{gap:3cqi;display:flex}.w-heads i{background:#0c111d45;border-radius:50%;width:10cqi;height:10cqi}.w-swap{white-space:nowrap;justify-items:center;gap:4cqi;font-size:10cqi;display:grid}.w-swap s{color:var(--slate);-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.w-swap b{font:600 9.5cqi var(--mono);color:var(--sv-c);background:color-mix(in srgb, var(--sv-c) 14%, transparent);border-radius:4cqi;padding:3cqi 6cqi}@container (max-width:92px){.w-swap s{display:none}.w-swap b{font-size:11cqi}}.w-code{place-items:center;width:70cqi;height:70cqi;display:grid;position:relative}.w-code b{font:600 11cqi var(--mono);letter-spacing:.04em;white-space:nowrap}.w-code i{background:conic-gradient(var(--sv-c) 0 68%, #0c111d1c 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 86%,#000 88%);mask:radial-gradient(closest-side,#0000 86%,#000 88%)}.w-num{justify-items:center;gap:2cqi;display:grid}.w-num b{font:560 28cqi / 1 var(--display);letter-spacing:-.04em}.w-num small{color:var(--slate);white-space:nowrap;font-size:8.5cqi}.pm{font-variant-numeric:tabular-nums;white-space:nowrap}.pm-d{text-align:center;width:1ch;display:inline-block;position:relative}.pm-d[data-bar]{color:#0000}.pm-d[data-bar]:after{content:"";background:linear-gradient(100deg, color-mix(in srgb, var(--sv-c) 18%, transparent) 35%, color-mix(in srgb, var(--sv-c) 56%, transparent) 50%, color-mix(in srgb, var(--sv-c) 18%, transparent) 65%);background-size:320% 100%;border-radius:.14em;animation:2.6s linear infinite pmShine;position:absolute;inset:30% 12% 18%}.pm-d:nth-of-type(2):after{animation-delay:.1s}.pm-d:nth-of-type(3):after{animation-delay:.2s}.pm-d:nth-of-type(4):after{animation-delay:.3s}.pm-d:nth-of-type(5):after{animation-delay:.4s}@keyframes pmShine{0%{background-position:110% 0}to{background-position:-210% 0}}.pm-d[data-roll]{color:var(--sv-c)}.pm[data-open] .pm-d:not([data-bar],[data-roll]){animation:.4s cubic-bezier(.34,1.56,.64,1) pmLand}@keyframes pmLand{0%{color:var(--sv-c);transform:translateY(-.18em)scale(1.12)}}
.sv-light{--paper:#fff;--ink-2:var(--text-2);--slate:var(--text-3);--accent:#2154d0;--sans:var(--font);--display:var(--font);--ease:var(--ease-out);--fs-body:var(--fs-lg);--fs-small:var(--fs-md);--sv-c:#2154d0;--sv-w:#eaf0fd;padding-top:0;padding-bottom:0}.sv-light [data-s=rooms]{--sv-c:#1e4fa8;--sv-w:#dce7fb}.sv-light [data-s=send]{--sv-c:#0f6b63;--sv-w:#e1f3f0}.sv-light [data-s=view]{--sv-c:#5a3dc4;--sv-w:#efebfe}.sv-light [data-s=sign]{--sv-c:#8a5100;--sv-w:#fdf0d5}.sv-light [data-s=keys]{--sv-c:#1a6e37;--sv-w:#e3f4e8}.sv-light [data-s=archive]{--sv-c:#343f86;--sv-w:#dfe3f6}.sv-light .ch-head{margin-bottom:0}.k18 .sv-light .ch-two{font-size:clamp(24px,2.4vw,32px)}.sv-light .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:900px){.sv-light .sv-list{margin-top:28px}}.sv-light .sv-item:before{box-shadow:0 1px 2px #0c111d0f, 0 10px 28px -16px #0c111d38, inset 0 0 0 1px color-mix(in srgb, var(--sv-c) 26%, transparent);background:#fff}.sv-light .sv-item button{color:var(--text-2);transition:color var(--hover);font-weight:600}.sv-light .sv-item button:hover,.sv-light .sv-item[data-on] button{color:var(--text)}.sv-light .sv-n{color:var(--text-3)}.sv-light .sv-panel-in>p{color:var(--text-2)}.sv-light .sv-open{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-2)}.sv-light .sv-grab{background:var(--sv-c);color:#fff;transition:background-color var(--hover), transform var(--hover);text-decoration:none}.sv-light .sv-grab:hover{background:var(--text);transform:translateY(-1px)}.sv-light .sv-grab svg{transition:transform var(--hover)}.sv-light .sv-grab:hover svg{transform:translate(2px,-2px)}.sv-light .sv-bar stop:first-child{stop-color:var(--line-strong)}.sv-light .sv-bar stop:last-child{stop-color:var(--sv-c)}.sv-light .sv-thread stop:first-child{stop-color:#b9c8ee}.sv-light .sv-thread stop:last-child{stop-color:#2154d0}.sv-light .sv-thread .th-glow{stroke-opacity:.12}.sv-light .sv-knob{box-shadow:0 0 0 2px var(--sv-c), 0 2px 8px #0c111d33;background:#fff}@media (max-width:899px){.sv-light[data-pin]{padding-top:calc(var(--bar-h) + 20px)}.sv-light .sv-count i{background:var(--line-strong)}.sv-light .sv-count i[data-on]{background:#2154d0}.sv-light[data-pin] .ch-lead{display:none}.sv-light[data-pin] .ch-two{font-size:24px}}@media (min-width:900px){.sv-light[data-pin]{padding-top:calc(var(--bar-h) + 36px);padding-bottom:28px}}@media (min-width:900px) and (max-height:860px){.sv-light[data-pin] .ch-lead{display:none}.sv-light[data-pin] .ch-two{font-size:clamp(24px,min(4svh,2.4vw),32px)}.sv-light[data-pin]{padding-top:calc(var(--bar-h) + 20px)}}.sv-light .sv-stage:before{background:radial-gradient(closest-side,#2154d024,#0000 75%)}.sv-light .sv-tile{box-shadow:inset 0 0 0 1px var(--line), 0 1px 2px #0c111d0a;filter:grayscale();background:#fff}.sv-light .sv-tile[data-d="1"]{--sv-rest:.72}.sv-light .sv-tile[data-d="2"]{--sv-rest:.62}.sv-light .sv-tile[data-d="3"]{--sv-rest:.54}.sv-light .sv-tile[data-d="4"]{--sv-rest:.46}.sv-light .sv-tile[data-on]{filter:none;background:linear-gradient(160deg, #fff, var(--sv-w));box-shadow:0 2px 4px #0c111d0d, 0 14px 30px -18px color-mix(in srgb, var(--sv-c) 70%, transparent)}.sv-light .sv-tile:after{box-shadow:inset 0 0 0 1.5px var(--sv-c)}.sv-light .sv-w{color:var(--text)}.sv-light .sv-tile.sv-core{box-shadow:inset 0 0 0 1px var(--line);background:radial-gradient(circle at 50% 45%,#eaf0fd,#fff 72%)}.sv-light .sv-core .brk{fill:#2154d0;width:40cqi;height:40cqi;transition:transform .4s var(--ease-out)}.sv-light[data-done] .sv-core .brk{transform:scale(1.08)}.sv-light .pm-d[data-bar]:after{background:linear-gradient(100deg,#0c111d1a 35%,#0c111d47 50%,#0c111d1a 65%) 0 0/320% 100%}
.fs{margin-top:var(--sp-8);position:relative}.fs-in{gap:var(--sp-8);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;display:grid}.fs-say{min-width:0;position:relative}.fs-sample{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text-3)}.fs-rail{display:none}.fs-steps{gap:var(--sp-4);margin-top:var(--sp-4);display:grid}.fs-step-top{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.fs-n{width:28px;height:28px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);background:var(--surface-muted);color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.fs-step h3{font-size:20px;line-height:28px;font-weight:var(--fw-semibold);letter-spacing:-.01em}.fs-step p{margin-top:var(--sp-2);color:var(--text-2);font-size:var(--fs-md);max-width:52ch;padding-left:40px;line-height:22px}.fs-step .fs-note{margin-top:var(--sp-2);color:var(--text-3);font-size:var(--fs-sm);line-height:var(--lh-sm)}.fs-holds{margin-top:var(--sp-6);padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.fs-holds-k{font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-medium);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.fs-holds ul{margin-top:var(--sp-2);gap:6px;display:grid}.fs-hold{padding-left:var(--sp-5);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-2);position:relative}.fs-hold:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px;position:absolute;top:6px;left:2px}.fs-scene{min-width:0;height:440px;box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -30px #000c;background:radial-gradient(70% 60% at 50% 0,#2d5bea38,#2d5bea00 70%),linear-gradient(#111318,#0b0c10);border-radius:14px;position:relative;overflow:hidden}.fs-places{grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.fs-place{--lit:1;text-align:center;flex-direction:column;align-items:center;gap:2px;padding:26px 8px 0;display:flex;position:relative}.fs-place-ico{color:#c3c6ce;background:#181a20;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:8px;transition:color .3s,background .3s,box-shadow .3s;display:grid;box-shadow:inset 0 0 0 1px #2c2f38}.fs-place b{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semibold);color:var(--text)}.fs-place small{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text-3)}.fs-line{--f:1;background:#2c2f38;border-radius:1px;width:calc(100% - 60px);height:2px;position:absolute;top:48px;left:calc(50% + 30px);overflow:hidden}.fs-line:after{content:"";transform-origin:0;transform:scaleX(var(--f));background:linear-gradient(90deg,#2d5bea,#9db3ff);position:absolute;inset:0}.fs-slot{width:0;height:0;position:absolute;left:50%}.fs-slot-t{top:168px}.fs-slot-f{top:290px}.fs-slot-k{top:372px}.fs-slot-l{top:352px}.fs-slot-c{top:402px}.fs-orb{pointer-events:none;will-change:transform;width:190px;height:190px;position:absolute;top:0;left:0}.fs-orb canvas{width:100%;height:100%;display:block}.fs-file{--seal:0;width:150px;color:var(--text);will-change:transform;background:#181a20;border-radius:10px;padding:10px 12px 12px;font-size:12px;line-height:16px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #2c2f38,0 16px 30px -16px #000000e6}.fs-file-top{font-weight:var(--fw-semibold);align-items:center;gap:6px;display:flex}.fs-file-top svg{color:#9db3ff;flex:none}.fs-file-plain,.fs-file-sealed{height:46px;margin-top:8px;display:block}.fs-file-plain{opacity:calc(1 - var(--seal));align-content:start;gap:6px;display:grid}.fs-file-plain i{opacity:.55;background:#c3c6ce;border-radius:3px;height:6px}.fs-file-plain i:nth-child(2){width:82%}.fs-file-plain i:nth-child(3){width:60%}.fs-file-sealed{font:500 10.5px/15px var(--mono);color:#9db3ff;letter-spacing:.02em;opacity:var(--seal);margin:0;position:absolute;top:26px;left:12px;right:12px}.fs-lock{font-family:var(--font);font-weight:var(--fw-semibold);color:#72d495;align-items:center;gap:4px;margin-top:2px;display:inline-flex}.fs-file-mark{color:#c3c6ce;margin-top:6px;font-size:10.5px;line-height:14px;display:none}.fs-file[data-open] .fs-file-mark{display:block}.fs-chip{white-space:nowrap;height:26px;font-size:11.5px;font-weight:var(--fw-medium);color:var(--text);will-change:transform;background:#1f2229;border-radius:13px;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #2c2f38}.fs-key svg,.fs-key-there svg{color:#72d495}.fs-link svg{color:#9db3ff}.fs-code svg{color:#f0b65a}.fs:not([data-live]) .fs-orb{top:73px;left:calc(83.33% - 95px)}.fs:not([data-live]) .fs-file{top:250px;left:calc(83.33% - 75px)}.fs:not([data-live]) .fs-file-plain{opacity:1}.fs:not([data-live]) .fs-file-sealed{opacity:0}.fs:not([data-live]) .fs-key{top:359px;left:calc(16.67% - 70px)}.fs:not([data-live]) .fs-key-there{top:359px;left:calc(83.33% - 56px)}.fs:not([data-live]) .fs-link,.fs:not([data-live]) .fs-code{display:none}.fs[data-live]{height:100svh;padding-top:calc(var(--bar-h) + 16px);align-items:center;margin-top:0;padding-bottom:16px;display:grid}.fs[data-live] .fs-in{width:100%}@media (min-width:900px){.fs[data-live]{padding-bottom:max(16px,9svh)}}.fs[data-live] .fs-rail{margin-top:var(--sp-3);grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.fs-rail i{--f:0;background:#2c2f38;border-radius:2px;height:3px;position:relative;overflow:hidden}.fs-rail i:after{content:"";transform-origin:0;transform:scaleX(var(--f));background:#9db3ff;position:absolute;inset:0}.fs[data-live] .fs-steps{margin-top:var(--sp-5);display:grid;position:relative}.fs[data-live] .fs-step{opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out), transform .45s var(--ease-out);grid-area:1/1;transform:translateY(10px)}.fs[data-live] .fs-step[data-on]{opacity:1;pointer-events:auto;transition:opacity .4s var(--ease-out) 80ms, transform .5s var(--ease-out) 80ms;transform:none}.fs[data-live] .fs-step[data-on] .fs-n{color:#fff;background:#2d5bea}.fs[data-live] .fs-hold{color:var(--text-3);transition:color .3s}.fs[data-live] .fs-hold:before{background:#2c2f38;transition:background .3s}.fs[data-live] .fs-hold[data-on]{color:var(--text)}.fs[data-live] .fs-hold[data-on]:before{background:var(--accent)}.fs[data-live] .fs-place-ico{color:rgb(195 198 206/calc(.5 + var(--lit) * .5))}.fs[data-live] .fs-place{--lit:0}@media (max-width:899.98px){.fs-in{gap:var(--sp-4);grid-template-columns:1fr}.fs-scene{order:-1;height:310px}.fs-place{padding-top:16px}.fs-place small{display:none}.fs-place-ico{border-radius:10px;width:36px;height:36px;margin-bottom:6px}.fs-line{width:calc(100% - 48px);top:34px;left:calc(50% + 24px)}.fs-slot-t{top:108px}.fs-slot-f{top:200px}.fs-slot-k{top:272px}.fs-slot-l{top:262px}.fs-slot-c{top:290px}.fs-place:first-child .fs-slot-k{left:calc(50% + 22px)}.fs-place:last-child .fs-slot-k{left:calc(50% - 22px)}.fs-orb{width:120px;height:120px}.fs-file{width:120px;padding:8px 9px 9px;font-size:11px}.fs-file-top{white-space:nowrap}.fs-file-sealed{font-size:9px;line-height:13px;top:24px;left:9px;right:9px}.fs-file-plain,.fs-file-sealed{height:38px}.fs-chip{gap:4px;height:22px;padding:0 8px;font-size:10.5px}.fs:not([data-live]) .fs-orb{top:48px;left:calc(83.33% - 60px)}.fs:not([data-live]) .fs-file{top:158px;left:calc(83.33% - 60px)}.fs:not([data-live]) .fs-key{top:261px;left:calc(16.67% - 38px)}.fs:not([data-live]) .fs-key-there{top:261px;left:calc(83.33% - 72px)}.fs[data-live]{padding-top:calc(var(--bar-h) + 12px)}.fs[data-live] .fs-in{gap:var(--sp-3)}.fs[data-live] .fs-steps{margin-top:var(--sp-3)}.fs[data-live] .fs-holds{display:none}.fs-step h3{font-size:18px;line-height:24px}.fs-step p{padding-left:0}}@media (max-width:899.98px) and (max-height:720px){.fs-scene{height:280px}.fs-slot-t{top:98px}.fs-slot-f{top:182px}.fs-slot-k{top:250px}.fs-slot-l{top:240px}.fs-slot-c{top:264px}.fs-orb{width:100px;height:100px}.fs[data-live] .fs-step .fs-note,.fs[data-live] .fs-sample{display:none}}@media (min-width:900px) and (max-height:760px){.fs-scene{height:380px}.fs-slot-t{top:150px}.fs-slot-f{top:250px}.fs-slot-k{top:330px}.fs-slot-l{top:312px}.fs-slot-c{top:350px}.fs-orb{width:160px;height:160px}.fs[data-live] .fs-holds{margin-top:var(--sp-4)}}@media (max-width:380px){.fs-file{width:106px;padding:7px 8px 8px;font-size:10px}.fs-file-top{gap:4px}.fs-file-sealed{font-size:8.5px;left:8px;right:8px}.fs-place b{font-size:12px}}@media (max-width:899.98px){.fs-file[data-open] .fs-file-mark{display:none}}@media (max-width:340px){.fs-file{width:92px}.fs-file-top svg{display:none}.fs-chip{padding:0 6px;font-size:10px}.fs-place:first-child :is(.fs-slot-f,.fs-slot-c,.fs-slot-l){left:calc(50% + 4px)}.fs-place:last-child :is(.fs-slot-f,.fs-slot-c,.fs-slot-l){left:calc(50% - 4px)}}
