.pic[data-astro-cid-ex7vxvjw]{display:flex;justify-content:center;margin-top:2rem}.pic[data-astro-cid-ex7vxvjw] :is(.example,.sxp){--zoom: 1.55;zoom:var(--zoom)}@media(min-width:48rem){.pic[data-astro-cid-ex7vxvjw] :is(.example,.sxp){--zoom: 1.3}}@media(min-width:64rem){.pic[data-astro-cid-ex7vxvjw]{justify-content:flex-start}.pic[data-astro-cid-ex7vxvjw] :is(.example,.sxp){--zoom: 1.1}}.example[data-astro-cid-gv57ed2h]{--h: 5.75rem;width:max-content;margin:0;pointer-events:none}@media(min-width:48rem){.example[data-astro-cid-gv57ed2h]{--h: 7rem}}.devices[data-astro-cid-gv57ed2h],.stage[data-astro-cid-gv57ed2h]{display:flex;align-items:flex-end;justify-content:flex-end;filter:drop-shadow(0 1rem 1.25rem rgb(28 25 23 / .22)) drop-shadow(0 .2rem .35rem rgb(28 25 23 / .14))}.screens[data-astro-cid-gv57ed2h]{display:grid}.screens[data-astro-cid-gv57ed2h] img[data-astro-cid-gv57ed2h]{grid-area:1 / 1;opacity:0;transition:opacity .3s ease}.screens[data-astro-cid-gv57ed2h] img[data-astro-cid-gv57ed2h].is-on{opacity:1}.phone[data-astro-cid-gv57ed2h]{--pad: calc(var(--h) * .022);position:relative;flex-shrink:0;height:var(--h);padding:calc(var(--pad) * 2.6) var(--pad);border-radius:calc(var(--h) * .085);background:linear-gradient(160deg,#3a3836,#121110 45%,#1f1d1b);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 calc(var(--pad) * .6) #0c0b0a}.phone[data-astro-cid-gv57ed2h]:before{content:"";position:absolute;top:calc(var(--pad) * 1.1);left:50%;width:18%;height:calc(var(--pad) * .45);translate:-50% 0;border-radius:999px;background:#2d2b29}.phone[data-astro-cid-gv57ed2h]:after{content:"";position:absolute;right:-2px;top:22%;width:2px;height:9%;border-radius:0 2px 2px 0;background:#3a3836;box-shadow:0 calc(var(--h) * .13) 0 0 #3a3836,0 calc(var(--h) * .2) 0 0 #3a3836}.phone[data-astro-cid-gv57ed2h] img[data-astro-cid-gv57ed2h],.phone[data-astro-cid-gv57ed2h] .screens[data-astro-cid-gv57ed2h]{display:block;height:100%;width:auto;aspect-ratio:auto 1080 / 1731;border-radius:calc(var(--h) * .03)}.phone[data-astro-cid-gv57ed2h] .screens[data-astro-cid-gv57ed2h]{display:grid;aspect-ratio:390 / 844;overflow:hidden}.phone[data-astro-cid-gv57ed2h] .screens[data-astro-cid-gv57ed2h] img[data-astro-cid-gv57ed2h]{width:100%;height:100%;object-fit:cover;border-radius:0}.browser[data-astro-cid-gv57ed2h]{flex-shrink:0;overflow:hidden;border-radius:.5rem;background:#1f1d1b;box-shadow:inset 0 0 0 1px #ffffff1f}.browser-bar[data-astro-cid-gv57ed2h]{contain:inline-size;display:flex;align-items:center;gap:.25rem;height:1.2rem;padding:0 .5rem;background:#2a2725}.browser-bar[data-astro-cid-gv57ed2h] span[data-astro-cid-gv57ed2h]{flex-shrink:0;width:.35rem;height:.35rem;border-radius:50%;background:#ff5f57}.browser-bar[data-astro-cid-gv57ed2h] span[data-astro-cid-gv57ed2h]:nth-child(2){background:#febc2e}.browser-bar[data-astro-cid-gv57ed2h] span[data-astro-cid-gv57ed2h]:nth-child(3){background:#28c840}.browser-bar[data-astro-cid-gv57ed2h] em[data-astro-cid-gv57ed2h]{flex:1 1 0;min-width:0;min-height:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:.4rem;padding:0 .4rem;border-radius:999px;background:#3a3633;font-size:.5rem;line-height:.8rem;font-style:normal;color:#d6d3d1}.browser-bar[data-astro-cid-gv57ed2h] em[data-astro-cid-gv57ed2h].is-typing:after{content:"";display:inline-block;width:1px;height:.55rem;margin-left:1px;vertical-align:-.08rem;background:currentColor}.browser[data-astro-cid-gv57ed2h] img[data-astro-cid-gv57ed2h]{display:block;height:calc(var(--h) - 1.2rem);width:auto;aspect-ratio:1024 / 640}.is-pyramid[data-astro-cid-gv57ed2h] .devices[data-astro-cid-gv57ed2h]>[data-astro-cid-gv57ed2h]{transform-origin:bottom center;scale:.82;translate:0 calc(var(--h) * -.06)}.is-pyramid[data-astro-cid-gv57ed2h] .devices[data-astro-cid-gv57ed2h]>[data-astro-cid-gv57ed2h]:nth-last-child(2){order:2}.is-pyramid[data-astro-cid-gv57ed2h] .devices[data-astro-cid-gv57ed2h]>[data-astro-cid-gv57ed2h]:last-child{order:1;position:relative;z-index:1;scale:none;translate:none;margin-inline:calc(var(--h) * -.22)}.is-site[data-astro-cid-gv57ed2h]{--h: 6.5rem}@media(min-width:48rem){.is-site[data-astro-cid-gv57ed2h]{--h: 8rem}}.is-site[data-astro-cid-gv57ed2h] .devices[data-astro-cid-gv57ed2h]{--overhang: calc(var(--h) * .1);position:relative}.is-site[data-astro-cid-gv57ed2h] .devices[data-astro-cid-gv57ed2h]>.browser[data-astro-cid-gv57ed2h]{margin:0 var(--overhang) var(--overhang) 0}.is-site[data-astro-cid-gv57ed2h] .devices[data-astro-cid-gv57ed2h]>.phone[data-astro-cid-gv57ed2h]{position:absolute;right:0;bottom:0;height:calc(var(--h) * .8)}.is-carousel[data-astro-cid-gv57ed2h]{--bezel: calc(var(--h) * .035);--long: calc(var(--h) - var(--bezel) * 2);--short: calc(var(--long) * 9 / 16);--browser-w: calc(var(--h) * 1.45);--bar: 1.2rem;--move: .5s ease}.stage[data-astro-cid-gv57ed2h]{position:relative;align-items:center;justify-content:center;width:var(--browser-w);height:calc(var(--browser-w) / 1.6 + var(--bar))}.device[data-astro-cid-gv57ed2h]{position:relative;z-index:1;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:width var(--move),height var(--move),padding var(--move),border-radius var(--move),background-color var(--move),rotate var(--move)}.side[data-astro-cid-gv57ed2h]{--spread: 0px;position:absolute;left:50%;top:50%;overflow:hidden;padding:var(--bezel);border-radius:calc(var(--h) * .08);background-color:#161513;box-shadow:inset 0 0 0 1px #ffffff2e;transform-origin:bottom center;scale:.82;translate:calc(-50% + var(--spread)) calc(-50% - var(--h) * .06);transition:translate var(--move),opacity var(--move)}.side[data-astro-cid-gv57ed2h] .screens[data-astro-cid-gv57ed2h]{position:relative;height:100%;overflow:hidden;border-radius:calc(var(--h) * .035)}.side[data-astro-cid-gv57ed2h] .screens[data-astro-cid-gv57ed2h] img[data-astro-cid-gv57ed2h]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.side[data-astro-cid-gv57ed2h].is-portrait{--gap: calc(var(--short) + var(--bezel) * 2 - var(--h) * .22);width:calc(var(--short) + var(--bezel) * 2);height:var(--h)}.side[data-astro-cid-gv57ed2h].is-landscape{--gap: calc(var(--h) * .4);width:var(--h);height:calc(var(--short) + var(--bezel) * 2)}.side[data-astro-cid-gv57ed2h].is-left{--spread: calc(var(--gap) * -1)}.side[data-astro-cid-gv57ed2h].is-right{--spread: var(--gap)}.side[data-astro-cid-gv57ed2h].is-hidden{--spread: 0px;opacity:0}.side[data-astro-cid-gv57ed2h].no-motion{transition:none}.device[data-astro-cid-gv57ed2h] .browser-bar[data-astro-cid-gv57ed2h]{flex-shrink:0;transition:height var(--move),opacity var(--move)}.device[data-astro-cid-gv57ed2h] .screens[data-astro-cid-gv57ed2h]{position:relative;flex:1;min-height:0;overflow:hidden;transition:border-radius var(--move)}.device[data-astro-cid-gv57ed2h] .screens[data-astro-cid-gv57ed2h] img[data-astro-cid-gv57ed2h]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.device[data-astro-cid-gv57ed2h].no-motion,.device[data-astro-cid-gv57ed2h].no-motion [data-astro-cid-gv57ed2h]{transition:none}.device[data-astro-cid-gv57ed2h].is-browser{width:var(--browser-w);height:calc(var(--browser-w) / 1.6 + var(--bar));padding:0;border-radius:.5rem;background-color:#1f1d1b;box-shadow:inset 0 0 0 1px #ffffff1f}.device[data-astro-cid-gv57ed2h]:not(.is-browser){padding:var(--bezel);border-radius:calc(var(--h) * .08);background-color:#161513;box-shadow:inset 0 0 0 1px #ffffff2e}.device[data-astro-cid-gv57ed2h]:not(.is-browser) .browser-bar[data-astro-cid-gv57ed2h]{height:0;opacity:0}.device[data-astro-cid-gv57ed2h]:not(.is-browser) .screens[data-astro-cid-gv57ed2h]{border-radius:calc(var(--h) * .035)}.device[data-astro-cid-gv57ed2h].is-portrait{width:calc(var(--short) + var(--bezel) * 2);height:var(--h)}.device[data-astro-cid-gv57ed2h].is-landscape{width:var(--h);height:calc(var(--short) + var(--bezel) * 2)}.device[data-astro-cid-gv57ed2h].is-turning.to-left{rotate:-90deg}.device[data-astro-cid-gv57ed2h].is-turning.to-right{rotate:90deg}.sxp{--hn: 6.5;--h: calc(var(--hn) * 1rem);--move: .5s ease;width:max-content;margin:0;pointer-events:none}@media(min-width:48rem){.sxp{--hn: 8}}.sxp .stg{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;filter:drop-shadow(0 1rem 1.25rem rgb(28 25 23 / .22)) drop-shadow(0 .2rem .35rem rgb(28 25 23 / .14));transition:opacity var(--move)}.sxp.is-out .stg{opacity:0}.sxp.no-motion .stg *,.sxp.no-motion .stg *:before,.sxp.no-motion .stg *:after{transition:none!important;animation:none!important}.sxp .vp{position:relative;overflow:hidden}.sxp .cv{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;font:400 13px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:normal;text-align:left;color:#1c1917}.sxp .cv p,.sxp .cv h3,.sxp .cv ul,.sxp .cv ol{margin:0;padding:0;list-style:none}.sxp .cv i,.sxp .cv em{font-style:normal}.sxp .cv small{font-size:12px}.sxp .ico{flex-shrink:0;width:14px;height:14px}.sxp .note-svg,.sxp .desk-svg{display:block;width:100%;height:100%}.sxp .bw{flex-shrink:0;overflow:hidden;border-radius:.5rem;background:#1f1d1b;box-shadow:inset 0 0 0 1px #ffffff1f}.sxp .bw-bar{contain:inline-size;display:flex;align-items:center;gap:.25rem;height:1.2rem;padding:0 .5rem;background:#2a2725}.sxp .bw-bar span{flex-shrink:0;width:.35rem;height:.35rem;border-radius:50%;background:#ff5f57}.sxp .bw-bar span:nth-child(2){background:#febc2e}.sxp .bw-bar span:nth-child(3){background:#28c840}.sxp .bw-bar em{flex:1 1 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:.4rem;padding:0 .4rem;border-radius:999px;background:#3a3633;font-size:.5rem;line-height:.8rem;font-style:normal;color:#d6d3d1}.sxp .bw .vp{height:calc(var(--h) - 1.2rem);aspect-ratio:1.6}.sxp .bw .cv{width:calc(var(--vh) * 1.6px);height:calc(var(--vh) * 1px);scale:calc((var(--hn) - 1.2) * 16 / var(--vh))}.sxp .ph{--pn: var(--hn);--pad: calc(var(--pn) * .022rem);position:relative;z-index:1;flex-shrink:0;height:calc(var(--pn) * 1rem);padding:calc(var(--pad) * 2.6) var(--pad);border-radius:calc(var(--pn) * .085rem);background:linear-gradient(160deg,#3a3836,#121110 45%,#1f1d1b);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 calc(var(--pad) * .6) #0c0b0a}.sxp .ph:before{content:"";position:absolute;top:calc(var(--pad) * 1.1);left:50%;width:18%;height:calc(var(--pad) * .45);translate:-50% 0;border-radius:999px;background:#2d2b29}.sxp .ph:after{content:"";position:absolute;right:-2px;top:22%;width:2px;height:9%;border-radius:0 2px 2px 0;background:#3a3836;box-shadow:0 calc(var(--pn) * .13rem) 0 0 #3a3836,0 calc(var(--pn) * .2rem) 0 0 #3a3836}.sxp .ph .vp{height:100%;aspect-ratio:390 / 844;border-radius:calc(var(--pn) * .03rem);background:#000}.sxp .ph .cv{width:calc(var(--pv) * .4621px);height:calc(var(--pv) * 1px);scale:calc(var(--pn) * 16 * .8856 / var(--pv));font-size:12px}.sxp .is-pair{--overhang: calc(var(--h) * .1)}.sxp .is-pair>.bw{margin:0 var(--overhang) var(--overhang) 0}.sxp .is-pair>.ph{--pn: calc(var(--hn) * .8);position:absolute;right:0;bottom:0}.sxp .av{flex-shrink:0;position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#57534e;color:#fff;font-size:9px;font-weight:700;letter-spacing:.02em}.sxp .av.a1{background:#2f7d6d}.sxp .av.a2{background:#b4532a}.sxp .av.a5{background:#4b7f2f}.sxp .av.bot{border-radius:30%;background:var(--color-accent);color:#1c1917}.sxp .tag{display:inline-block;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.sxp .tag.run{background:#e0ecff;color:#2350a8}.sxp .tag.done{background:#e3f4e8;color:#23733f}.sxp .tag.new{background:var(--color-accent);color:#1c1917}.sxp .doc-logo{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--color-accent);color:#1c1917;font-size:9px;font-weight:800}.sxp .flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}@keyframes sxp-flash{0%{opacity:.95}to{opacity:0}}@keyframes sxp-rise{0%{opacity:0;translate:0 10px}}.sxp .typed.is-typing:after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-.15em;background:currentColor}.sxp .spk{position:relative;flex-shrink:0;width:18px;height:18px}.sxp .spk i{position:absolute;inset:17%;border-radius:12%;background:var(--color-accent)}.sxp .spk i:first-child{background:var(--color-accent-hover);animation:sxp-turn-a 1.6s ease-in-out infinite}.sxp .spk i:last-child{rotate:45deg;animation:sxp-turn-b 1.6s ease-in-out infinite}@keyframes sxp-turn-a{0%{rotate:0deg;scale:1}50%{rotate:90deg;scale:.6}to{rotate:180deg;scale:1}}@keyframes sxp-turn-b{0%{rotate:45deg;scale:.6}50%{rotate:-45deg;scale:1}to{rotate:-135deg;scale:.6}}.sxp .w2{display:flex;background:#fafaf9}.sxp .w2-rail{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:36px;padding:10px 0;background:#1c1917;color:#a8a29e}.sxp .w2-rail .doc-logo{margin-bottom:4px}.sxp .w2-rail span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px}.sxp .w2-rail .is-active{background:#34302c;color:#fff}.sxp .w2-main{flex:1;min-width:0;padding:10px 12px 0}.sxp .w2-main header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sxp .w2-main h3{font-size:18px;font-weight:800;letter-spacing:-.01em}.sxp .w2-btn{display:flex;align-items:center;gap:3px;padding:4px 8px;border-radius:7px;background:var(--color-accent);font-size:11px;font-weight:700}.sxp .w2-btn .ico{width:11px;height:11px;stroke-width:3}.sxp .w2-rows{margin-right:38px}.sxp .w2-row{display:flex;align-items:center;gap:6px;height:34px;margin-bottom:5px;padding:0 7px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px #ece9e6;overflow:hidden}.sxp .w2-row>div{flex:1;min-width:0}.sxp .w2-row b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.sxp .w2-row small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#78716c}.sxp .w2-thumb{flex-shrink:0;width:18px;height:24px}.sxp .w2-new{background:#fff3e3;box-shadow:0 0 0 1.5px var(--color-accent);transition:height .45s ease,margin .45s ease,opacity .45s ease}.sxp .wo-dim{position:absolute;inset:0;background:#1c191759;transition:opacity .4s ease}.sxp .w2-doc{position:absolute;left:26px;top:8px;bottom:0;width:186px;overflow:hidden;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 10px 30px #00000059;transition:translate .5s var(--ease-out-soft)}.sxp .doc2{display:flex;flex-direction:column;gap:1px;padding:8px 11px 4px;color:#1c1917;line-height:1.2}.sxp .d2-head{display:flex;gap:7px;align-items:center;margin-bottom:3px;padding-bottom:5px;border-bottom:1.5px solid #1c1917}.sxp .d2-head b{display:block;font-size:15px}.sxp .d2-head small{display:block;font-size:10px;color:#78716c}.sxp .d2-tr{display:flex;justify-content:space-between;gap:8px;padding:1px 0;font-size:13px}.sxp .d2-tr span:last-child{font-variant-numeric:tabular-nums}.sxp .d2-total{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:3px;padding:4px 8px;border-radius:6px;background:var(--color-accent-light);color:var(--color-accent-deep);font-size:13px;font-weight:800}.sxp .d2-total small{display:block;font-size:8px;font-weight:600}.sxp .d2-total b{font-size:19px}.sxp .d2-sign{display:flex;flex-direction:column;align-items:flex-end}.sxp .circ{position:absolute;right:-4px;top:50%;width:98px;height:38px;translate:0 -50%;overflow:visible}.sxp .sig{width:76px;height:20px}.sxp .circ ellipse,.sxp .sig path{fill:none;stroke-linecap:round;stroke-dasharray:1}.sxp .circ ellipse{stroke:#e2541b;stroke-width:2.4;transition:stroke-dashoffset .6s ease 2.4s}.sxp .sig path{stroke:#22398c;stroke-width:2.2;transition:stroke-dashoffset .8s ease 2.9s}.sxp .doc2 .ln{transition:clip-path .4s ease calc(.3s + var(--i) * .3s)}.sxp .cam2{background:#000}.sxp .cam2 .desk-svg{position:absolute;inset:0}.sxp .cam2-note{position:absolute;left:14px;top:46px;width:111px;height:148px;filter:drop-shadow(0 6px 5px rgb(0 0 0 / .45))}.sxp .quad{position:absolute;left:11px;top:43px;width:117px;height:154px;border:1.5px solid color-mix(in srgb,var(--color-accent) 70%,transparent);border-radius:4px;background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.sxp .cam2-shutter{position:absolute;left:50%;bottom:18px;width:38px;height:38px;translate:-50% 0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #000,0 0 0 6px #fff}.sxp .cam2-done{position:absolute;left:8px;right:8px;bottom:12px;display:flex;align-items:center;gap:8px;padding:9px;border-radius:12px;background:#fff;color:#1c1917;box-shadow:0 6px 18px #0006;transition:translate .45s var(--ease-out-soft),opacity .3s ease}.sxp .cam2-done i{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#23733f;color:#fff}.sxp .cam2-done i .ico{width:16px;height:16px;stroke-width:3}.sxp .cam2-done b{display:block;font-size:16px}.sxp .cam2-done small{display:block;font-size:11px;color:#78716c}.sxp.is-tools.s1:not(.s2) .flash{animation:sxp-flash .45s ease-out}.sxp.is-tools:not(.s2) .cam2-done{translate:0 140%;opacity:0}.sxp.is-tools:not(.s2) .w2-new{height:0;margin-bottom:0;opacity:0}.sxp.is-tools:not(.s3) .wo-dim{opacity:0}.sxp.is-tools:not(.s3) .w2-doc{translate:0 105%}.sxp.is-tools:not(.s3) .doc2 .ln{clip-path:inset(0 100% 0 0)}.sxp.is-tools:not(.s3) .circ ellipse,.sxp.is-tools:not(.s3) .sig path{stroke-dashoffset:1}.sxp .v2b{display:flex;flex-direction:column;background:#12100f;color:#e7e5e4}.sxp .v2-top{flex-shrink:0;display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-bottom:1px solid #292524}.sxp .v2-top b{font-size:15px}.sxp .live{display:flex;align-items:center;gap:4px;padding:1px 6px;border-radius:999px;background:#ff5f5726;color:#ff8a80;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.sxp .live i{width:5px;height:5px;border-radius:50%;background:#ff5f57;animation:sxp-blink 1.2s ease-in-out infinite}@keyframes sxp-blink{50%{opacity:.25}}.sxp .v2-body{flex:1;min-height:0;display:flex;gap:7px;padding:7px}.sxp .feed{position:relative;flex:1;overflow:hidden;border-radius:8px;background:radial-gradient(120% 90% at 40% 10%,#4a443d,#1d1a17 70%)}.sxp .belt{position:absolute;left:-2%;right:-2%;top:31%;height:46%;overflow:hidden;background:linear-gradient(#262321,#34302c 20%,#2a2725 80%,#191715);box-shadow:inset 0 14px 18px #00000073,inset 0 -10px 14px #00000080}.sxp .belt-run{position:absolute;inset:0 -40px 0 0;background:repeating-linear-gradient(90deg,transparent 0 17px,rgb(255 255 255 / .05) 17px 18.5px,rgb(0 0 0 / .25) 18.5px 20px);animation:sxp-belt 1s linear infinite}@keyframes sxp-belt{to{translate:40px 0}}.sxp .rail{position:absolute;left:0;right:0;height:7px;background:linear-gradient(#e7e5e4,#8f8a84 45%,#57534e 55%,#a8a29e)}.sxp .r-top{top:calc(31% - 6px)}.sxp .r-bot{top:calc(77% - 2px);box-shadow:0 5px 8px #00000080}.sxp .r-bot:after{content:"";position:absolute;left:0;right:0;top:100%;height:7px;background:repeating-linear-gradient(-45deg,#ffd23a 0 6px,#1c1917 6px 12px);opacity:.8}.sxp .scanline{position:absolute;left:42%;top:22%;bottom:14%;width:2px;background:var(--color-accent);box-shadow:0 0 10px 3px #ffa04073}.sxp .ride{position:absolute;top:43%;left:var(--x);width:52px;height:44px;animation:sxp-ride 9s linear infinite;animation-delay:calc(var(--i) * -3s)}@keyframes sxp-ride{0%{left:-22%}to{left:100%}}.sxp .thing{position:absolute;inset:0;filter:drop-shadow(0 5px 4px rgb(0 0 0 / .55))}.sxp .thing svg{display:block;width:100%;height:100%}.sxp .bb{--c: var(--color-accent);position:absolute;inset:-4px;border-radius:4px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 55%,transparent);background:linear-gradient(var(--c),var(--c)) 0 0 / 9px 2.5px,linear-gradient(var(--c),var(--c)) 0 0 / 2.5px 9px,linear-gradient(var(--c),var(--c)) 100% 0 / 9px 2.5px,linear-gradient(var(--c),var(--c)) 100% 0 / 2.5px 9px,linear-gradient(var(--c),var(--c)) 0 100% / 9px 2.5px,linear-gradient(var(--c),var(--c)) 0 100% / 2.5px 9px,linear-gradient(var(--c),var(--c)) 100% 100% / 9px 2.5px,linear-gradient(var(--c),var(--c)) 100% 100% / 2.5px 9px,color-mix(in srgb,var(--c) 10%,transparent);background-repeat:no-repeat;animation:sxp-detect 9s linear infinite;animation-delay:calc(var(--i) * -3s)}@keyframes sxp-detect{0%,40%{opacity:0}43%,to{opacity:1}}.sxp .bb em{position:absolute;left:0;bottom:calc(100% + 3px);padding:1px 6px;border-radius:4px;background:var(--c);color:#1c1917;font-size:15px;font-weight:700;white-space:nowrap}.sxp .k-box{--c: var(--color-accent)}.sxp .k-bottle{--c: #7cc4f0}.sxp .k-can{--c: #d6d3d1}.sxp .k-jar{--c: #7fd19b}.sxp .feed-shade{position:absolute;inset:0;background:radial-gradient(90% 80% at 45% 40%,transparent 60%,rgb(0 0 0 / .45))}.sxp .v2-log{flex-shrink:0;display:flex;flex-direction:column;width:88px;overflow:hidden;border-radius:8px;background:#1c1917;box-shadow:inset 0 0 0 1px #292524}.sxp .v2-log header{padding:6px 8px 3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#a8a29e}.sxp .v2-log ul{flex:1;overflow:hidden;padding:0 4px}.sxp .v2-log li{display:flex;align-items:center;gap:6px;height:25px;padding:0 5px;border-radius:5px}.sxp .v2-log li b{font-size:15px}.sxp .v2-log li:first-child{background:#ffffff12}.sxp .v2-log li.is-new{animation:sxp-logged 1.4s ease-out}@keyframes sxp-logged{0%{opacity:0;translate:0 -12px;background:#ffa04040}25%{opacity:1;translate:0 0}to{background:transparent}}.sxp .v2-dot{flex-shrink:0;width:9px;height:9px;rotate:45deg;border-radius:2px;background:var(--c)}.sxp .c2{display:flex;flex-direction:column;background:#1c1917;color:#e7e5e4}.sxp .c2-head{flex-shrink:0;display:flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-bottom:1px solid #292524}.sxp .c2-head .ico{color:#78716c}.sxp .c2-head b{font-size:15px;color:#fff}.sxp .c2-head small{margin-left:4px;font-size:11px;color:#78716c}.sxp .c2-log{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:6px 10px 5px;overflow:hidden}.sxp .c2-msg{flex-shrink:0;display:flex;gap:7px;align-items:flex-start}.sxp .c2-msg>div{min-width:0}.sxp .c2-who{display:flex;align-items:center;gap:5px;font-size:12px}.sxp .c2-who b{color:#fff}.sxp .c2-who time{font-size:9px;color:#78716c}.sxp .app{padding:0 3px;border-radius:4px;background:var(--color-accent);color:#1c1917;font-size:8px;font-weight:800}.sxp .c2 .c2-call{flex-shrink:0;display:flex;align-items:center;gap:4px;margin:0 0 -4px 12px;font-size:10px;color:#a8a29e}.sxp .c2-call b{color:#e7e5e4}.sxp .c2 code{padding:0 4px;border-radius:5px;background:#ffa04029;color:var(--color-accent);font:600 10px ui-monospace,Consolas,monospace}.sxp .c2-think{display:flex;align-items:center;gap:5px;font-size:12px;font-style:italic;color:#a8a29e}.sxp .dots{display:flex;gap:4px}.sxp .dots i{width:4px;height:4px;border-radius:50%;background:#a8a29e;animation:sxp-dot 1s ease-in-out infinite}.sxp .dots i:nth-child(2){animation-delay:.15s}.sxp .dots i:nth-child(3){animation-delay:.3s}@keyframes sxp-dot{0%,to{opacity:.3;translate:0 0}50%{opacity:1;translate:0 -3px}}.sxp .c2-embed{display:flex;gap:8px;max-width:196px;margin-top:2px;padding:5px 9px 6px;border-radius:5px;border-left:3px solid var(--color-accent);background:#292524}.sxp .c2-embed>div{min-width:0}.sxp .c2-title{display:block;margin-bottom:1px;font-size:15px;font-weight:800;color:#fff}.sxp .c2-thumb{display:block;flex-shrink:0;width:30px;height:30px}.sxp .c2-thumb svg{display:block;width:100%;height:100%}.sxp .c2-rk li{display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.3}.sxp .place{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;color:#1c1917;font-size:9px;font-weight:800}.sxp .place.p1{background:#ffd23a}.sxp .place.p2{background:#d6d3d1}.sxp .place.p3{background:#c98a52}.sxp .c2-rk b{font-weight:600;color:#fff}.sxp .c2-rk .n{margin-left:auto;padding-left:12px;color:#d6d3d1;font-variant-numeric:tabular-nums}.sxp .c2-embed p{font-size:13px;color:#d6d3d1}.sxp .c2-embed p b{color:#fff}.sxp .c2-embed p .hl{color:var(--color-accent)}.sxp .c2-embed small{font-size:10px;color:#a8a29e}.sxp .c2-sug{position:absolute;left:8px;right:8px;bottom:36px;z-index:2;padding:4px;border-radius:7px;background:#292524;box-shadow:0 8px 20px #00000080,inset 0 0 0 1px #3a3633;opacity:0;translate:0 6px;transition:opacity .2s ease,translate .2s ease}.sxp .c2-sug div{display:flex;align-items:baseline;gap:6px;padding:3px 5px;overflow:hidden;border-radius:4px;white-space:nowrap}.sxp .c2-sug div:first-child{background:#3a3633}.sxp .c2-sug b{font-size:13px;color:#fff}.sxp .c2-sug span{overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#a8a29e}.sxp .c2-comp{flex-shrink:0;display:flex;align-items:center;gap:7px;height:28px;margin:0 8px 7px;padding:0 8px;border-radius:7px;background:#292524}.sxp .cmp-plus{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#57534e;color:#1c1917}.sxp .cmp-plus .ico{width:11px;height:11px;stroke-width:3}.sxp .c2-text{flex:1;display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;font-size:13px;color:#e7e5e4}.sxp .c2-chip{padding:1px 5px;border-radius:4px;background:#ffa0402e;color:var(--color-accent);font-weight:700}.sxp .c2 .phd{color:#78716c}.sxp .opts2{flex-shrink:0;gap:4px;padding:0 8px 4px}.sxp .opt2{padding:2px 6px;border-radius:5px;background:#292524;box-shadow:inset 0 0 0 1px #44403c;font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.sxp .opt2 small{display:block;font-size:8px;font-weight:700;color:var(--color-accent)}.sxp .c2 .r-call,.sxp .c2 .r-wait,.sxp .c2 .r-card,.sxp .c2 .g-call,.sxp .c2 .g-wait,.sxp .c2 .g-card{animation:sxp-rise .3s ease-out}.sxp .c2 .t-r,.sxp .c2 .t-g,.sxp .c2-chip,.sxp .opts2,.sxp .c2 .phd{display:none}.sxp.is-chat:not(.s3) .r-call,.sxp.is-chat:not(.s3) .r-wait,.sxp.is-chat.s4 .r-wait,.sxp.is-chat:not(.s4) .r-card,.sxp.is-chat:not(.s7) .g-call,.sxp.is-chat:not(.s7) .g-wait,.sxp.is-chat.s8 .g-wait,.sxp.is-chat:not(.s8) .g-card{display:none}.sxp.is-chat.s1:not(.s3) .sug-r,.sxp.is-chat.s5:not(.s6) .sug-g{opacity:1;translate:0 0}.sxp.is-chat.s1:not(.s2) .t-r,.sxp.is-chat.s5:not(.s6) .t-g{display:inline}.sxp.is-chat.s2:not(.s3) .chip-r,.sxp.is-chat.s6:not(.s7) .chip-g{display:inline-block}.sxp.is-chat.s6:not(.s7) .opts2{display:flex}.sxp.is-chat:not(.s1) .phd,.sxp.is-chat.s3:not(.s5) .phd,.sxp.is-chat.s7 .phd{display:inline}@media(prefers-reduced-motion:reduce){.sxp .stg *,.sxp .stg *:before,.sxp .stg *:after{animation:none!important;transition:none!important}}