@layer components{.fs-num{display:inline-block;font-family:var(--font-mono);font-weight:700;font-size:.95rem;letter-spacing:.12em;color:var(--fs-accent,var(--accent-bright));padding-bottom:.35rem;border-bottom:3px solid var(--fs-accent,var(--accent-bright))}:root:not([data-theme=dark]) .lp-tint .fs-num{color:color-mix(in oklab,var(--fs-accent,var(--accent-bright)) 55%,var(--fg))}.fs-stage{position:relative}.fs-layer,.fs-overlays{position:absolute;inset:0;pointer-events:none}.fs-diagram,.fs-overlays{overflow:hidden}.fs-diagram{position:relative;border-radius:14px;background:var(--night);background-image:radial-gradient(30rem 16rem at 90% 0,color-mix(in oklab,var(--fs-accent,var(--signal)) 22%,transparent),transparent 70%),linear-gradient(var(--night),var(--night-2));color:var(--night-fg);box-shadow:var(--shadow-lift)}.fs-replay{position:absolute;right:.6rem;bottom:-2.6rem;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--muted);border:1px solid var(--line);background:var(--surface);opacity:0;animation:fs-fade .4s ease 4s forwards}.fs-replay:hover{color:var(--fg)}.fs-ring{position:absolute;border-radius:12px;box-shadow:0 0 0 3px var(--ring),0 0 0 9px color-mix(in oklab,var(--ring) 22%,transparent),0 18px 40px -18px color-mix(in oklab,var(--ring) 70%,transparent)}.fs-ring-hot{--ring:var(--accent-2-bright)}.fs-ring-signal{--ring:var(--accent-bright)}.fs-ring-label{position:absolute;left:-3px;bottom:calc(100% + 10px);white-space:nowrap;padding:.2rem .55rem;border-radius:6px;font-size:clamp(.62rem,.5rem + .35vw,.8rem);font-weight:700;color:#fff;background:var(--ring)}.fs-spot{border-radius:12px;box-shadow:0 0 0 200vmax rgb(7 26 32/.42)}.fs-spot,.fs-tap{position:absolute}.fs-tap{width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;border-radius:999px;border:3px solid var(--accent-2-bright);opacity:0}.fs-cursor{position:absolute;margin:-3px 0 0 -6px;color:#0f2430;filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 6px 8px rgb(7 26 32/.35))}.fs-badge{position:absolute;padding:.3rem .7rem;border-radius:999px;font-weight:800;font-size:clamp(.72rem,.55rem + .45vw,.95rem);white-space:nowrap;box-shadow:0 12px 26px -12px rgb(7 26 32/.55)}.fs-badge-hot{background:var(--accent-2-bright);color:#fff}.fs-badge-signal{background:var(--signal);color:#04252a}.fs-badge-ink,.fs-toast{background:var(--night);color:var(--night-fg)}.fs-toast{position:absolute;display:flex;align-items:flex-start;gap:.6rem;max-width:min(22rem,70%);padding:.75rem .95rem;border-radius:12px;box-shadow:0 24px 48px -20px rgb(7 26 32/.7);font-size:clamp(.72rem,.6rem + .35vw,.92rem);line-height:1.3}.fs-toast-top-right{top:5%;right:3%}.fs-toast-bottom-right{bottom:5%;right:3%}.fs-toast-bottom-left{bottom:5%;left:3%}.fs-toast-top-left{top:5%;left:3%}.fs-toast-icon{color:var(--signal);display:inline-flex;margin-top:1px}.fs-toast-title{display:block;font-weight:700}.fs-toast-body{display:block;margin-top:.1rem;color:var(--night-muted)}.fs-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .8rem;border-radius:10px;background:#fff;color:#0f2430;border:1px solid #dde4e7;box-shadow:0 10px 24px -16px rgb(7 26 32/.5);font-size:clamp(.7rem,.6rem + .3vw,.9rem)}.fs-swap{display:inline-grid;min-width:0;max-width:100%}.fs-swap>*{grid-area:1/1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fs-swap-from{visibility:hidden}@media (prefers-reduced-motion:no-preference){.fs-stage[data-play=wait] .fs-cursor,.fs-stage[data-play=wait] .fs-o{opacity:0}.fs-stage[data-play=wait] .fs-swap-from{visibility:visible}.fs-stage[data-play=on] .fs-o{animation:fs-in .52s cubic-bezier(.2,.7,.2,1) var(--at,0s) both}.fs-stage[data-play=on] .fs-ring{animation-name:fs-ring}.fs-stage[data-play=on] .fs-spot{animation-name:fs-fade;animation-duration:.7s}.fs-stage[data-play=on] .fs-pop{animation-name:fs-pop}.fs-stage[data-play=on] .fs-arrive-right{animation-name:fs-from-right}.fs-stage[data-play=on] .fs-arrive-above{animation-name:fs-from-above}.fs-stage[data-play=on] .fs-swap-to{animation-name:fs-fade;animation-duration:.3s}.fs-stage[data-play=on] .fs-swap-from{animation:fs-out .3s ease var(--at,0s) both}.fs-stage[data-play=on] .fs-tap{animation:fs-tap .65s ease-out var(--at,0s) both}}.fs-stage:not([data-play=on]) .fs-tap{display:none}@keyframes fs-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fs-from-right{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes fs-from-above{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes fs-pop{0%{opacity:0;transform:translateY(10px) scale(.92)}70%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:none}}@keyframes fs-ring{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes fs-fade{0%{opacity:0}to{opacity:1}}@keyframes fs-out{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes fs-tap{0%{opacity:0;transform:scale(.3)}8%{opacity:.9}to{opacity:0;transform:scale(1.4)}}.fs-video-card{display:block;width:100%;text-align:left;border-radius:16px;padding:.45rem;background:color-mix(in oklab,var(--night-2) 75%,white 5%);border:1px solid var(--night-line);color:var(--night-fg);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;box-shadow:0 30px 60px -34px rgb(0 0 0/.8)}.fs-video-card:hover{border-color:color-mix(in oklab,var(--fs-accent,var(--signal)) 70%,transparent);transform:translateY(-2px)}.fs-video-card:focus-visible{outline:3px solid var(--accent-2-bright);outline-offset:3px}.fs-video-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:11px;background:var(--night)}.fs-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.fs-video-play{position:absolute;inset:0;margin:auto;opacity:0;width:clamp(3.6rem,2.4rem + 3vw,5.25rem);height:clamp(3.6rem,2.4rem + 3vw,5.25rem);display:grid;place-items:center;border-radius:999px;background:var(--accent-2-bright);color:#fff;box-shadow:0 0 0 8px color-mix(in oklab,var(--accent-2-bright) 28%,transparent),0 16px 30px -10px rgb(0 0 0/.6);transition:transform .16s ease,opacity .16s ease}.fs-video-card:focus-visible .fs-video-play,.fs-video-card:hover .fs-video-play{opacity:1;transform:scale(1.07)}@media (hover:none){.fs-video-card:hover .fs-video-play{opacity:0}}.fs-video-play-sm{flex:none;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:999px;background:var(--accent-2-bright);color:#fff;box-shadow:0 0 0 5px color-mix(in oklab,var(--accent-2-bright) 24%,transparent);transition:transform .16s ease}.fs-video-card:hover .fs-video-play-sm{transform:scale(1.08)}.fs-video-dialog{width:min(72rem,calc(100vw - 1.5rem));max-width:none;max-height:calc(100dvh - 1.5rem);margin:auto;padding:0;border:1px solid var(--night-line);border-radius:18px;background:var(--night);color:var(--night-fg);overflow:auto;box-shadow:0 40px 120px -20px rgb(0 0 0/.8)}.fs-video-dialog::backdrop{background:rgb(4 15 20/.78);backdrop-filter:blur(6px)}.fs-video-close{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;color:var(--night-fg);border:1px solid var(--night-line)}.fs-video-close:hover{background:color-mix(in oklab,var(--night-fg) 10%,transparent)}.fs-video-close:focus-visible{outline:3px solid var(--accent-2-bright);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.fs-video-dialog[open]{animation:fs-pop .26s cubic-bezier(.2,.7,.2,1)}}}@layer components{.fs-overlays:has(.sp-chat,.sp-file){container-type:size}.sp-chat{position:absolute;display:grid;gap:.4rem;padding:.6rem;border-radius:12px;background:#0b141a;color:#e9edef;font-size:clamp(.5rem,1.7cqi,.85rem);line-height:1.35;box-shadow:0 24px 48px -20px rgb(7 26 32/.75)}.sp-chat-head{font-weight:700;color:#25d366}.sp-chat-bubble,.sp-chat-head{display:flex;align-items:center;gap:.35rem}.sp-chat-bubble{justify-self:start;padding:.35rem .55rem;border-radius:8px;background:#202c33}.sp-chat-mono{display:block;font-family:var(--font-mono)}.sp-action,.sp-file{position:absolute;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;font-weight:700;font-size:clamp(.55rem,1.9cqi,.9rem);white-space:nowrap;box-shadow:0 12px 26px -12px rgb(7 26 32/.55)}.sp-file{background:#fff;color:#0f2430;border:1px solid #cfd8dc}.sp-action{background:#2f4fd8;color:#fff}.sp-recv{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;height:100%;gap:5%;padding:3% 6%}.fs-diagram:has(.sp-recv){container-type:size}.sp-recv-phone{height:92cqh;width:calc(92cqh * 800 / 1710);max-width:100%;justify-self:end;aspect-ratio:800/1710}.sp-recv-phone .lp-phone-screen{height:100%}.sp-note{display:flex;align-items:center;gap:.7rem;padding:1.6cqi 2.2cqi;border-radius:12px;background:color-mix(in oklab,var(--night-2) 80%,white 6%);border:1px solid var(--night-line);font-size:clamp(.5rem,2.3cqi,.95rem);line-height:1.25;color:var(--night-muted)}.sp-note>svg{flex:none;width:clamp(.9rem,3.4cqi,1.4rem);height:auto;color:var(--fs-accent,var(--signal))}.sp-note b{display:block;color:var(--night-fg)}.sp-note-wait>svg{color:var(--signal)}.sp-swatches{display:inline-flex;flex:none;gap:3px}.sp-swatches i{width:.85rem;height:.85rem;border-radius:999px;border:1px solid rgb(255 255 255/.35)}}