@layer components{.pf{font-family:var(--font-dm-sans), Arial, sans-serif;color:var(--ink);background:var(--pf-bg);overflow-x:clip}.pf a{color:inherit;text-decoration:none}.pf .scn text{font-family:var(--font-geist-mono), ui-monospace, monospace}.pf .scn-box{aspect-ratio:1536/792;width:100%;position:relative}@media (max-width:760px){.pf .scn-box{aspect-ratio:760/1420}}.pf .scn-box>svg{position:absolute;inset:0}.pf .osi.gen{width:18px;height:18px}.pf{--pf-bg:var(--background);--pf-surface:var(--card);--pf-ink:#1f2328;--pf-ink-2:#3b3f46;--pf-mute:#6b7280;--pf-mute-2:#9aa0a8;--pf-line:#e5e7eb;--pf-line-2:#d5d9df;--pf-soft:#f7f8fa;--pf-blue:var(--primary);--pf-blue-ink:#1f6fd6;--pf-blue-soft:#eef4ff;--ink:#0a0a0a;--grey:var(--pf-mute);--line:var(--pf-line);--ui:var(--pf-blue);--ease:cubic-bezier(.4, 0, .2, 1);--T:10s}.pf,.pf *{box-sizing:border-box;margin:0}.pf .mono{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em}.pf .hero{text-align:center;padding:clamp(28px,6vw,72px) 20px 0}.pf h1{letter-spacing:-.04em;max-width:980px;margin:0 auto;font-size:clamp(40px,6.4vw,84px);font-weight:700;line-height:1.02}.pf .sub{color:var(--grey);max-width:620px;margin:18px auto 0;font-size:clamp(17px,1.6vw,21px);line-height:1.45}.pf .ways{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.pf .btn{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:13px 24px;font-size:16px;font-weight:600;display:inline-flex}.pf .btn.blue{background:var(--ui);color:#fff}.pf .btn.blue:hover{background:var(--pf-blue-ink)}.pf .btn.soft{background:var(--pf-soft)}.pf .btn.soft:hover{background:var(--pf-line)}.pf .btn code{font:600 13px var(--font-geist-mono), monospace;background:var(--pf-surface);color:var(--pf-ink-2);border-radius:6px;padding:2px 6px}.pf .frame{border:1.5px solid var(--pf-line-2);background:var(--pf-surface);border-radius:22px;grid-template-columns:280px 1fr;max-width:1180px;min-height:620px;margin:clamp(36px,5vw,64px) auto clamp(48px,6vw,88px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a14}.pf .side{border-right:1px solid var(--line);background:var(--pf-soft);padding:16px 12px}.pf .dots{gap:7px;padding:4px 6px 16px;display:flex}.pf .dots i{background:var(--pf-line);border-radius:50%;width:11px;height:11px}.pf .search{border:1px solid var(--line);background:var(--pf-surface);color:var(--pf-mute-2);border-radius:10px;margin-bottom:14px;padding:9px 12px;font-size:14px}.pf .mate{border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex;position:relative}.pf .mate.on{background:var(--pf-surface);box-shadow:0 1px 3px #0000000f}.pf .av{background:color-mix(in srgb, var(--a) 16%, var(--pf-surface));border:1.5px solid color-mix(in srgb, var(--a) 45%, var(--pf-surface));border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pf .av img{height:30px}.pf .mate b{font-size:15.5px;display:block}.pf .mate small{font:500 11.5px var(--font-geist-mono), monospace;letter-spacing:.05em;color:var(--k);text-transform:uppercase;margin-top:2px;display:block}.pf .main{flex-direction:column;display:flex}.pf .head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 22px;font-weight:600;display:flex}.pf .head .av{width:30px;height:30px}.pf .head .av img{height:21px}.pf .head .tag{font:500 11px var(--font-geist-mono), monospace;letter-spacing:.1em;color:var(--grey);margin-left:auto}.pf .thread{flex-direction:column;flex:1;gap:18px;padding:24px clamp(16px,3vw,34px);display:flex}.pf .msg{align-items:flex-start;gap:12px;max-width:640px;display:flex}.pf .msg .av{width:34px;height:34px}.pf .msg .av img{height:24px}.pf .who{margin-bottom:6px;font-size:14.5px;font-weight:600}.pf .who small{font:500 11px var(--font-geist-mono), monospace;color:var(--k);letter-spacing:.08em;margin-left:8px}.pf .you{background:var(--pf-soft);border-radius:16px 16px 4px;align-self:flex-end;padding:11px 16px;font-size:15.5px}.pf .card{border:1.5px solid var(--line);background:var(--pf-surface);border-radius:14px;width:min(460px,100%);padding:14px 16px}.pf .chips{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.pf .l6{border:1.5px solid var(--pf-ink);font:500 12px var(--font-geist-mono), monospace;letter-spacing:.08em;border-radius:7px;display:inline-flex;overflow:hidden}.pf .l6 b{color:#fff;background:#ff7a1a;padding:5px 8px}.pf .l6 span{padding:5px 9px}.pf .l5{border:1.5px solid var(--pf-ink);font:500 12px var(--font-geist-mono), monospace;border-radius:9px;align-items:center;gap:7px;padding:5px 10px;display:inline-flex}.pf .l5 i{background:#ff7a1a;border-radius:50%;width:7px;height:7px}.pf .row{border-top:1px solid var(--pf-soft);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.pf .row:first-of-type{border-top:0}.pf .bld{border:1.5px solid var(--pf-mute-2);border-radius:6px;flex:none;width:22px;height:22px}.pf .bar{background:var(--pf-line);border-radius:3px;flex:1;height:6px}.pf .bar.s{flex:.5}.pf .draft .ln{background:var(--pf-line);transform-origin:0;border-radius:4px;height:7px;margin:9px 0}.pf .draft .to{font:500 12px var(--font-geist-mono), monospace;color:var(--pf-ink-2);letter-spacing:.06em}.pf .typing{background:var(--pf-soft);border-radius:12px;gap:4px;padding:10px 12px;display:inline-flex}.pf .typing i{background:var(--pf-mute-2);border-radius:50%;width:6px;height:6px}.pf .fly{z-index:5;background:var(--pf-surface);width:150px;font:500 11px var(--font-geist-mono), monospace;letter-spacing:.06em;opacity:0;pointer-events:none;border:2px solid #ff7a1a;border-radius:10px;padding:8px 10px;position:absolute;box-shadow:0 8px 22px #0000001f}.pf .fly i{background:var(--pf-line);border-radius:2px;height:4px;margin-top:5px;display:block}.pf .mchip{display:none}.pf .frame:not(.run),.pf .frame:not(.run) *{animation-play-state:paused!important}@media (prefers-reduced-motion:no-preference){.pf .a1{animation:pf-in1 var(--T) var(--ease) infinite both}.pf .a2{animation:pf-in2 var(--T) var(--ease) infinite both}.pf .a3{animation:pf-in3 var(--T) var(--ease) infinite both}.pf .a4{animation:pf-in4 var(--T) var(--ease) infinite both}.pf .f1{animation:pf-fly1 var(--T) var(--ease) infinite both}.pf .f2{animation:pf-fly2 var(--T) var(--ease) infinite both}.pf .a5{animation:pf-in5 var(--T) var(--ease) infinite both}.pf .mate.co{animation:pf-hlc var(--T) var(--ease) infinite both}.pf .mchip{animation:pf-mchip var(--T) var(--ease) infinite both}.pf .mate.ob{animation:pf-hl var(--T) var(--ease) infinite both}.pf .draft .ln{animation:pf-grow var(--T) var(--ease) infinite both}.pf .draft .ln:nth-child(3){animation-name:pf-grow2}.pf .draft .ln:nth-child(4){animation-name:pf-grow3}.pf .typing{animation:pf-typ var(--T) linear infinite both}}@keyframes pf-in1{0%{opacity:0;transform:translateY(10px)}4%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pf-typ{0%,6%{opacity:0}7%,12%{opacity:1}13%,to{opacity:0}}@keyframes pf-in2{0%,12%{opacity:0;transform:translateY(10px)}17%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pf-fly1{0%,22%{opacity:0;transform:translate(0)scale(.9)}25%{opacity:1;transform:none}34%{opacity:1;transform:translate(var(--fx), var(--fy)) scale(.6)}37%,to{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.5)}}@keyframes pf-fly2{0%,50%{opacity:0;transform:translate(0)scale(.9)}53%{opacity:1;transform:none}62%{opacity:1;transform:translate(var(--fx), var(--fy)) scale(.6)}65%,to{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.5)}}@keyframes pf-hlc{0%,33%{box-shadow:none}36%,94%{background:var(--pf-surface);box-shadow:inset 0 0 0 2px #b5426f}to{box-shadow:none}}@keyframes pf-hl{0%,61%{box-shadow:none}64%,94%{background:var(--pf-surface);box-shadow:0 0 0 2px var(--pf-blue-ink) inset}to{box-shadow:none}}@keyframes pf-in5{0%,37%{opacity:0;transform:translateY(10px)}42%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pf-in3{0%,65%{opacity:0;transform:translateY(10px)}70%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pf-grow{0%,70%{transform:scaleX(0)}75%,to{transform:scaleX(1)}}@keyframes pf-grow2{0%,74%{transform:scaleX(0)}79%,to{transform:scaleX(.8)}}@keyframes pf-grow3{0%,78%{transform:scaleX(0)}83%,to{transform:scaleX(.55)}}@keyframes pf-in4{0%,84%{opacity:0}88%,94%{opacity:1}to{opacity:0}}@keyframes pf-mchip{0%,22%{opacity:0;transform:translate(0)}25%{opacity:1;transform:translate(0)}34%,52%{opacity:1;background:#e46c9c;transform:translate(70px)}62%,88%{opacity:1;background:#2484fc;transform:translate(140px)}94%,to{opacity:0;transform:translate(140px)}}@media (prefers-reduced-motion:reduce){.pf .typing,.pf .fly,.pf .mchip{display:none}.pf .draft .ln:nth-child(3){transform:scaleX(.8)}.pf .draft .ln:nth-child(4){transform:scaleX(.55)}}@media (max-width:760px){.pf .frame{border-radius:18px;grid-template-columns:1fr;min-height:0;margin:32px 12px 48px}.pf .side{border-right:0;border-bottom:1px solid var(--line);gap:6px;padding:12px;display:flex;overflow-x:auto}.pf .dots,.pf .search{display:none}.pf .mate{flex-direction:column;gap:5px;min-width:64px;padding:6px 8px}.pf .mate small{display:none}.pf .mate b{font-size:12px}.pf .av{width:40px;height:40px}.pf .fly{display:none}.pf .side{padding-top:20px;position:relative}.pf .mchip{border:1.5px solid var(--pf-ink);opacity:0;background:#ff7a1a;border-radius:5px;width:34px;height:9px;display:block;position:absolute;top:7px;left:30px}.pf .thread{padding:18px 14px}.pf .head .tag{display:none}.pf .btn{padding:12px 20px}}.pf .scn{width:100%;height:auto;display:block}.pf .scn-m{display:none}@media (max-width:760px){.pf .scn-d{display:none}.pf .scn-m{display:block}}.pf .scn .fl,.pf .scn .act,.pf .scn [class*=arm],.pf .scn .life-hook{transform-box:view-box}.pf .scn .an-hl rect{transform-box:fill-box;transform-origin:50% 100%}.pf .scn .life-ship,.pf .scn .life-ship2,.pf .scn .life-fork{transform-box:view-box}.pf .scn .co-check,.pf .scn .ou-bub,.pf .scn .in-reply,.pf .scn .ex-say,.pf .scn .ex-reply{transform-box:fill-box;transform-origin:50% 100%}.pf .mv,.pf .st,.pf .an-hl,.pf .an-dot{opacity:0}.pf .an-line{stroke-dasharray:1;stroke-dashoffset:1px}.pf .lab{opacity:1}@media (prefers-reduced-motion:reduce){.pf .st{opacity:1}.pf .an-line{stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.pf .fl{animation:pf-float 5.6s var(--ease) infinite alternate}.pf .lab{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards pf-tick}.pf .l0{animation-delay:.4s}.pf .l1{animation-delay:.7s}.pf .l2{animation-delay:1s}.pf .l3{animation-delay:1.3s}.pf .l4{animation-delay:1.6s}.pf .life-ship{animation:9s ease-in-out infinite alternate pf-drift}.pf .life-ship2{animation:11s ease-in-out -3s infinite alternate-reverse pf-drift}.pf .life-rip,.pf .life-rip2{animation:4s ease-in-out infinite alternate pf-rip}.pf .life-truck{animation:14s ease-in-out infinite pf-truck}.pf .life-truck2{animation:16s ease-in-out -6s infinite pf-truck}.pf .life-hook{animation:6s ease-in-out infinite alternate pf-swing}.pf .life-fork{animation:12s ease-in-out infinite pf-fork}.pf .an-body{animation:pf-k1 15s var(--ease) 1.2s infinite both}.pf .an-hl{animation:pf-k2 15s var(--ease) 1.2s infinite both}.pf .an-hl .b1{animation:pf-k3 15s var(--ease) 1.3s infinite both}.pf .an-hl .b2{animation:pf-k3 15s var(--ease) 1.4s infinite both}.pf .an-hl .b3{animation:pf-k3 15s var(--ease) 1.5s infinite both}.pf .an-hl .b4{animation:pf-k3 15s var(--ease) 1.6s infinite both}.pf .an-line{animation:pf-k4 15s var(--ease) 1.2s infinite both}.pf .an-dot{animation:pf-k5 15s var(--ease) 1.2s infinite both}.pf .an-mag{animation:pf-k6 15s var(--ease) 1.2s infinite both}.pf .co-body{animation:pf-k7 15s var(--ease) 4.2s infinite both}.pf .co-crate{animation:pf-k8 15s var(--ease) 4.2s infinite both}.pf .co-stamp{animation:pf-k9 15s var(--ease) 4.2s infinite both}.pf .co-mark{animation:pf-k10 15s var(--ease) 4.2s infinite both}.pf .co-check{animation:pf-k11 15s var(--ease) 4.2s infinite both}.pf .ou-body{animation:pf-k12 15s var(--ease) 7.2s infinite both}.pf .ou-arm1{animation:pf-k13 15s var(--ease) 7.2s infinite both}.pf .ou-bub{animation:pf-k14 15s var(--ease) 7.2s infinite both}.pf .ou-bub .d1{animation:.8s ease-in-out .15s infinite alternate pf-pulse}.pf .ou-bub .d2{animation:.8s ease-in-out .3s infinite alternate pf-pulse}.pf .ou-bub .d3{animation:.8s ease-in-out .45s infinite alternate pf-pulse}.pf .ou-env{animation:pf-k15 15s var(--ease) 7.2s infinite both}.pf .in-person-hands{animation:pf-k16 15s var(--ease) 10.2s infinite both}.pf .in-body{animation:pf-k17 15s var(--ease) 10.2s infinite both}.pf .in-reply{animation:pf-k18 15s var(--ease) 10.2s infinite both}.pf .in-person-head{animation:pf-k19 15s var(--ease) 10.2s infinite both}.pf .ex-body{animation:pf-k20 15s var(--ease) 13.2s infinite both}.pf .ex-say{animation:pf-k21 15s var(--ease) 13.2s infinite both}.pf .ex-cust-head{animation:pf-k22 15s var(--ease) 13.2s infinite both}.pf .ex-reply{animation:pf-k23 15s var(--ease) 13.2s infinite both}.pf .ex-arm0{animation:pf-k24 15s var(--ease) 13.2s infinite both}.pf .ex-card{animation:pf-k25 15s var(--ease) 13.2s infinite both}.pf .l0 .lab-r{animation:pf-labon 15s var(--ease) 1.2s infinite both}.pf .l1 .lab-r{animation:pf-labon 15s var(--ease) 4.2s infinite both}.pf .l2 .lab-r{animation:pf-labon 15s var(--ease) 7.2s infinite both}.pf .l3 .lab-r{animation:pf-labon 15s var(--ease) 10.2s infinite both}.pf .l4 .lab-r{animation:pf-labon 15s var(--ease) 13.2s infinite both}}@keyframes pf-float{to{transform:translateY(-3px)}}@keyframes pf-tick{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pf-pulse{0%{opacity:.3}to{opacity:1}}@keyframes pf-drift{0%{transform:translate(-6px,-3.5px)}to{transform:translate(8px,4.6px)translateY(1px)}}@keyframes pf-rip{0%{transform:translate(-8px)}to{transform:translate(8px)}}@keyframes pf-swing{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes pf-fork{0%,10%{transform:none}45%,58%{transform:translate(-34px,-19.6px)}92%,to{transform:none}}@keyframes pf-truck{0%,20%{transform:none}50%,70%{transform:translate(17px,9.8px)}to{transform:none}}@keyframes pf-k1{0%{transform:none}2.67%{transform:rotate(4deg)}6.67%{transform:rotate(4deg)translateY(2px)}8.67%{transform:rotate(4deg)}10.67%{transform:rotate(4deg)translateY(2px)}12.67%{transform:rotate(4deg)}17.33%{transform:none}20%,to{transform:none}}@keyframes pf-k2{0%{opacity:0}2%{opacity:1}17.33%{opacity:1}19.33%{opacity:0}20%,to{opacity:0}}@keyframes pf-k3{0%{transform:scaleY(.2)}2%{transform:scaleY(.2)}8%{transform:scaleY(1)}20%,to{transform:scaleY(.2)}}@keyframes pf-k4{0%{stroke-dashoffset:1px}4%{stroke-dashoffset:1px}12%{stroke-dashoffset:0}17.33%{stroke-dashoffset:0}19.33%{stroke-dashoffset:1px}20%,to{stroke-dashoffset:1px}}@keyframes pf-k5{0%{opacity:0}12%{opacity:0}12.67%{opacity:1}17.33%{opacity:1}19.33%{opacity:0}20%,to{opacity:0}}@keyframes pf-k6{0%{opacity:0;transform:none}3.33%{opacity:0;transform:none}5.33%{opacity:1;transform:none}14.67%{opacity:1;transform:translate(60px,32px)}17.33%{opacity:0;transform:translate(60px,32px)}20%,to{opacity:0;transform:none}}@keyframes pf-k7{0%{transform:none}2.67%{transform:rotate(-6deg)translate(-2px)}15.33%{transform:rotate(-6deg)translate(-2px)}18.67%{transform:none}20%,to{transform:none}}@keyframes pf-k8{0%{transform:none}.67%{transform:none}5.33%{transform:translate(-19.1px,-11px)}8.67%{transform:translate(-19.1px,-11px)}13.33%{transform:none}19.67%{transform:none}20%,to{transform:none}}@keyframes pf-k9{0%{opacity:0;transform:translateY(-34px)}7.33%{opacity:0;transform:translateY(-34px)}8.67%{opacity:1;transform:translateY(-34px)}10%{opacity:1;transform:none}11.67%{opacity:1;transform:none}13.33%{opacity:1;transform:translateY(-34px)}14.67%{opacity:0;transform:translateY(-34px)}20%,to{opacity:0;transform:translateY(-34px)}}@keyframes pf-k10{0%{opacity:0}10%{opacity:0}10.33%{opacity:1}16%{opacity:1}18.67%{opacity:0}20%,to{opacity:0}}@keyframes pf-k11{0%{opacity:0;transform:scale(.3)}11.33%{opacity:0;transform:scale(.3)}12.67%{opacity:1;transform:scale(1.12)}13.67%{opacity:1;transform:scale(1)}17.33%{opacity:1;transform:scale(1)}19.33%{opacity:0;transform:scale(1)}20%,to{opacity:0;transform:scale(.3)}}@keyframes pf-k12{0%{transform:none}3.33%{transform:rotate(-3deg)}6.67%{transform:rotate(3deg)}10%{transform:rotate(-2deg)}13.33%{transform:none}20%,to{transform:none}}@keyframes pf-k13{0%{transform:none}2.67%{transform:rotate(-34deg)}5.33%{transform:rotate(-14deg)}8%{transform:rotate(-34deg)}11.33%{transform:none}20%,to{transform:none}}@keyframes pf-k14{0%{opacity:0;transform:scale(.6)}1.33%{opacity:1;transform:scale(1)}15.33%{opacity:1;transform:scale(1)}17.33%{opacity:0;transform:scale(1)}20%,to{opacity:0;transform:scale(.6)}}@keyframes pf-k15{0%{opacity:0;transform:none}9.33%{opacity:0;transform:none}10.67%{opacity:1;transform:translateY(-6px)}17.33%{opacity:1;transform:translate(110px,-70px)rotate(-8deg)}19.33%{opacity:0;transform:translate(124px,-80px)rotate(-8deg)}20%,to{opacity:0;transform:none}}@keyframes pf-k16{0%{transform:none}1.33%{transform:translateY(-2px)}2.67%{transform:none}4%{transform:translateY(-2px)}5.33%{transform:none}6.67%{transform:translateY(-2px)}8%{transform:none}20%,to{transform:none}}@keyframes pf-k17{0%{transform:none}8%{transform:none}9.33%{transform:translateY(-3px)}10.67%{transform:none}20%,to{transform:none}}@keyframes pf-k18{0%{opacity:0;transform:scale(.6)}3.33%{opacity:0;transform:scale(.6)}5%{opacity:1;transform:scale(1.05)}6%{opacity:1;transform:scale(1)}18%{opacity:1;transform:scale(1)}19.67%{opacity:0;transform:scale(1)}20%,to{opacity:0;transform:scale(.6)}}@keyframes pf-k19{0%{transform:none}12%{transform:none}13.33%{transform:rotate(8deg)}14.67%{transform:none}16%{transform:rotate(8deg)}17.33%{transform:none}20%,to{transform:none}}@keyframes pf-k20{0%{transform:none}2%{transform:rotate(-3deg)}4.67%{transform:rotate(3deg)}7.33%{transform:none}20%,to{transform:none}}@keyframes pf-k21{0%{opacity:0;transform:scale(.6)}.67%{opacity:1;transform:scale(1)}6.67%{opacity:1;transform:scale(1)}8%{opacity:0;transform:scale(1)}20%,to{opacity:0;transform:scale(.6)}}@keyframes pf-k22{0%{transform:none}6.67%{transform:none}8%{transform:rotate(9deg)}9.33%{transform:none}10.67%{transform:rotate(9deg)}12%{transform:none}20%,to{transform:none}}@keyframes pf-k23{0%{opacity:0;transform:scale(.6)}7.33%{opacity:0;transform:scale(.6)}8.67%{opacity:1;transform:scale(1)}13.33%{opacity:1;transform:scale(1)}14.67%{opacity:0;transform:scale(1)}20%,to{opacity:0;transform:scale(.6)}}@keyframes pf-k24{0%{transform:none}12.67%{transform:none}14.67%{transform:rotate(-20deg)}17.33%{transform:none}20%,to{transform:none}}@keyframes pf-k25{0%{opacity:0;transform:none}12.67%{opacity:0;transform:none}13.67%{opacity:1;transform:none}17%{opacity:1;transform:translate(31.2px,18px)}18.67%{opacity:1;transform:translate(31.2px,18px)}19.67%{opacity:0;transform:translate(31.2px,18px)}20%,to{opacity:0;transform:none}}@keyframes pf-labon{0%{stroke:var(--pf-ink);stroke-width:1.4px}1.33%{stroke:var(--k);stroke-width:3.2px}18%{stroke:var(--k);stroke-width:3.2px}19.67%{stroke:var(--pf-ink);stroke-width:1.4px}20%,to{stroke:var(--pf-ink);stroke-width:1.4px}}.pf .hero-scene{padding:0}.pf .hero{padding-top:clamp(28px,4vw,56px)}.pf .chat-sec .frame{margin-top:0}.pf .hero-top{padding:clamp(12px,2.4vw,32px) 20px 0}.pf .hero-top h1{font-size:clamp(34px,4.8vw,66px)}.pf .hero-top .sub{margin-top:12px}.pf .hero-scene{margin-top:clamp(4px,1vw,14px)}.pf .hero.hero-ways{padding:0 20px}.pf .hero-ways .ways{margin-top:clamp(6px,1vw,14px)}.pf .hero-scene{position:relative}.pf .hero-scene:after{content:"";background:linear-gradient(transparent, var(--pf-bg));pointer-events:none;height:70px;position:absolute;bottom:0;left:0;right:0}.pf .bridge{position:relative;overflow:hidden;padding:6px 20px 0!important}.pf .br-bg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.pf .br-in{z-index:1;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.pf .bridge .ways{margin-top:0}.pf .term{background:var(--pf-surface);border:1.5px solid var(--pf-ink);text-align:left;border-radius:12px;min-width:min(520px,100%);max-width:100%;box-shadow:0 10px 30px #0f172a0f}.pf .tbar{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 12px;display:flex}.pf .tbar i{background:var(--pf-line-2);border-radius:50%;width:8px;height:8px}.pf .tbar span{font:500 10.5px var(--font-geist-mono), monospace;letter-spacing:.1em;color:var(--grey);margin-left:8px}.pf .term pre{font:500 13.5px/1.75 var(--font-geist-mono), ui-monospace, monospace;color:var(--pf-ink);white-space:pre-wrap;word-break:break-all;margin:0;padding:12px 16px 14px}.pf .term .pp{color:#ff7a1a;margin-right:4px}.pf .term b{text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline #ff7a1a;text-decoration:underline #ff7a1a}.pf .bridge{padding-bottom:4px!important}.pf .chat-sec{position:relative;padding-top:clamp(18px,2.4vw,30px)!important}@media (max-width:1399px){.pf .br-route{display:none!important}}.pf .frame{grid-template-columns:260px 1fr 300px!important;max-width:1320px!important}.pf .pane{border-left:1px solid var(--line);background:var(--pf-soft);padding:14px 18px 18px;display:grid;position:relative}.pf .pane .pv{opacity:0;flex-direction:column;grid-area:1/1;align-items:center;padding-top:34px;display:flex}.pf .pane .pv1{opacity:1}.pf .pctl{z-index:2;gap:8px;display:flex;position:absolute;top:12px;right:12px}.pf .pctl span{border:1px solid var(--line);width:30px;height:30px;color:var(--pf-ink-2);background:var(--pf-surface);border-radius:50%;justify-content:center;align-items:center;display:flex}.pf .pctl svg{width:15px;height:15px}.pf .pav{background:color-mix(in srgb, var(--a) 16%, var(--pf-surface));border:1.5px solid color-mix(in srgb, var(--a) 45%, var(--pf-surface));border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-top:8px;display:flex}.pf .pav img{height:58px}.pf .pn{margin-top:12px;font-size:18px}.pf .pr{color:var(--grey);margin-top:3px;font-size:13px}.pf .ptabs{color:var(--grey);gap:4px;margin:16px 0 14px;font-size:13.5px;display:flex}.pf .ptabs span{border-radius:8px;padding:5px 10px}.pf .ptabs .on{background:var(--pf-soft);color:var(--pf-ink);font-weight:500}.pf .plist{width:100%}.pf .pday{color:var(--grey);margin:0 2px 8px;font-size:12.5px}.pf .plist ul{border:1px solid var(--line);background:var(--pf-surface);border-radius:12px;margin:0;padding:6px;list-style:none}.pf .plist li{align-items:center;gap:10px;padding:8px 6px;font-size:13.5px;line-height:1.3;display:flex}.pf .th{background:color-mix(in srgb, var(--a) 14%, var(--pf-surface));border:1px solid color-mix(in srgb, var(--a) 40%, var(--pf-surface));width:28px;height:28px;color:var(--k);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.pf .th svg{width:16px;height:16px}.pf .pmore{text-align:center;color:var(--grey);padding:10px 0 2px;font-size:13px;display:block}@media (prefers-reduced-motion:no-preference){.pf .pv1{animation:pf-pv1 var(--T) var(--ease) infinite both}.pf .pv2{animation:pf-pv2 var(--T) var(--ease) infinite both}.pf .pv3{animation:pf-pv3 var(--T) var(--ease) infinite both}}@keyframes pf-pv1{0%,33%{opacity:1;transform:none}36%,to{opacity:0;transform:translateY(-6px)}}@keyframes pf-pv2{0%,34%{opacity:0;transform:translateY(6px)}38%,61%{opacity:1;transform:none}64%,to{opacity:0;transform:translateY(-6px)}}@keyframes pf-pv3{0%,62%{opacity:0;transform:translateY(6px)}66%,to{opacity:1;transform:none}}@media (max-width:1100px) and (min-width:761px){.pf .frame{grid-template-columns:220px 1fr 250px!important}}@media (max-width:760px){.pf .frame{grid-template-columns:1fr!important}.pf .pane{border-left:0;border-top:1px solid var(--line);order:3;padding:10px 14px}.pf .pane .pv{flex-direction:row;align-items:center;gap:10px;padding-top:0}.pf .pav{width:36px;height:36px;margin:0}.pf .pav img{height:24px}.pf .pn{margin:0;font-size:14px}.pf .pr,.pf .ptabs span:not(.on),.pf .plist{display:none}.pf .ptabs{margin:0 0 0 auto;font-size:12px}.pf .ptabs .on:after{content:" ›"}.pf .pctl{display:none}.pf .term pre{white-space:pre;word-break:normal;padding:10px 12px;font-size:10.4px;overflow-x:auto}.pf .br-route{display:none}.pf .term{width:100%;min-width:0}}.pf .bridge{z-index:5;overflow:visible!important}.pf .inst{box-sizing:border-box;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:100%;padding:4px 0 6px;display:flex}.pf .inst-row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;display:flex}.pf .cmd{border:1.5px solid var(--pf-ink);background:var(--pf-surface);box-sizing:border-box;border-radius:12px;align-items:center;height:50px;display:flex;position:relative}.pf .cmd .pmt{font:500 14px var(--font-geist-mono), monospace;color:var(--pf-mute-2);padding:0 10px 0 16px}.pf .cmd code{font:500 14px var(--font-geist-mono), ui-monospace, monospace;color:var(--pf-ink);white-space:nowrap;background:0 0;padding:0}.pf .cp{color:var(--pf-mute);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:100%;margin-left:8px;display:flex;position:relative}.pf .cp svg{width:17px;height:17px}.pf .cp:hover{color:var(--pf-blue)}.pf .cpd{font:500 11px var(--font-geist-mono), monospace;background:var(--pf-ink);color:#fff;opacity:0;pointer-events:none;border-radius:6px;padding:3px 8px;transition:opacity .2s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.pf .cp.ok .cpd{opacity:1}.pf .os{border-left:1.5px solid var(--pf-ink);height:100%;position:relative}.pf .osb{cursor:pointer;height:100%;color:var(--pf-ink);background:0 0;border:0;align-items:center;gap:2px;padding:0 10px 0 12px;display:flex}.pf .chev{width:14px;height:14px;color:var(--pf-mute)}.pf .osm{background:var(--pf-surface);border:1.5px solid var(--pf-ink);z-index:20;text-align:left;border-radius:12px;min-width:210px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:-1.5px;box-shadow:0 12px 30px #0f172a1a}.pf .osm [role=option]{cursor:pointer;color:var(--pf-ink);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.pf .osm [role=option]:hover,.pf .osm [role=option][aria-selected=true]{background:var(--pf-blue-soft);color:var(--pf-blue-ink)}.pf .ww{color:var(--pf-mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.pf .wl{font:500 11px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin-right:2px}.pf .chip{border:1px solid var(--pf-line);background:var(--pf-surface);color:var(--pf-ink);border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:13px;display:inline-flex}.pf .cg{width:12px;height:12px;color:var(--pf-mute-2)}.pf .wor{color:var(--pf-mute-2)}.pf .il{color:var(--pf-mute);flex-wrap:wrap;justify-content:center;gap:6px 10px;font-size:13.5px;display:flex}.pf .il a{white-space:nowrap;color:var(--pf-mute);text-decoration:underline;-webkit-text-decoration-color:var(--pf-line-2);text-decoration-color:var(--pf-line-2);text-underline-offset:3px}.pf .il a:hover{color:var(--pf-blue)}.pf .cue{z-index:40;background:color-mix(in srgb, var(--pf-surface) 94%, transparent);border:1px solid var(--pf-line);color:var(--pf-ink);border-radius:999px;align-items:center;gap:6px;padding:8px 14px 8px 16px;font-size:13.5px;transition:opacity .35s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0f172a14}.pf .cue svg{width:16px;height:16px;color:var(--pf-blue)}.pf .cue.gone{opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.pf .cue svg{animation:1.8s ease-in-out infinite pf-cue}}@keyframes pf-cue{0%,to{transform:none}50%{transform:translateY(3px)}}.pf .frame{width:calc(100% - 48px);border:1px solid var(--pf-line)!important;border-radius:24px!important;grid-template-columns:240px 1fr 290px!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;box-shadow:0 1px 2px #0f172a0a,0 24px 60px #0f172a14!important}@media (max-width:1100px) and (min-width:761px){.pf .frame{grid-template-columns:200px 1fr 240px!important}}@media (max-width:760px){.pf .frame{width:auto;border-radius:18px!important;grid-template-columns:1fr!important;margin-left:12px!important;margin-right:12px!important}.pf .cmd{width:100%;min-width:0;height:46px}.pf .cmd code{scrollbar-width:none;flex:1;min-width:0;font-size:10.6px;overflow-x:auto}.pf .inst-row{flex-direction:column}.pf .cmd .pmt{padding:0 6px 0 10px}.pf .cp{width:32px;margin-left:2px}.pf .osb{padding:0 6px 0 8px}.pf .inst-row{width:100%}.pf .inst-row .btn{justify-content:center;width:100%}.pf .chip{font-size:12px}.pf .cue{bottom:14px}}.pf .inst{gap:16px}.pf .inst-row{align-items:center;gap:12px}.pf .inst-row .btn{box-sizing:border-box;border-radius:999px;height:52px;padding:0 26px}.pf .cmd{box-shadow:inset 0 1px 0 var(--pf-surface);padding-right:5px;border:1px solid var(--pf-line-2)!important;background:var(--pf-soft)!important;border-radius:999px!important;height:52px!important}.pf .cmd .pmt{flex:none;font-weight:600;color:var(--pf-blue)!important;padding:0 9px 0 22px!important}.pf .cw{align-items:center;min-width:0;display:flex;position:relative}.pf .cmd code{color:var(--pf-ink-2)!important;font-size:14.5px!important}.pf .cmd code em{color:var(--pf-ink);font-style:normal;font-weight:600}.pf .cp{border-radius:9px;transition:background .15s,color .15s;width:34px!important;height:34px!important;color:var(--pf-mute)!important;margin-left:12px!important}.pf .cp:hover{background:var(--pf-line);color:var(--pf-ink)!important}.pf .cp:focus-visible{outline:2px solid var(--pf-blue);outline-offset:2px}.pf .cp.ok{color:var(--pf-blue)!important}.pf .cpd{bottom:calc(100% + 8px);top:auto!important}.pf .cpd:after{content:"";border:4px solid #0000;border-top-color:var(--pf-ink);margin-left:-4px;position:absolute;top:100%;left:50%}.pf .os{align-items:center;margin-left:6px;display:flex;border-left:0!important;height:auto!important}.pf .os:before{content:"";background:var(--pf-line-2);width:1px;height:22px;margin-right:4px}.pf .osb{border-radius:999px;font-size:14px;font-weight:500;gap:6px!important;height:40px!important;padding:0 10px!important}.pf .osb:hover{background:var(--pf-line)}.pf .osi{width:18px!important;height:18px!important}.pf .osm{border:1px solid var(--pf-line-2)!important;top:calc(100% + 10px)!important;right:0!important}.pf .ww{align-items:center;gap:8px!important}.pf .wl{color:var(--pf-mute-2);line-height:28px;margin-right:4px!important}.pf .chip{border-radius:999px;height:28px;font-size:13px;line-height:28px;background:var(--pf-soft)!important;color:var(--pf-ink-2)!important;border:0!important;padding:0 12px!important}.pf .wor{margin-left:2px;line-height:28px}.pf .il{margin-top:-2px;color:var(--pf-mute-2)!important;gap:6px 14px!important;font-size:13px!important}.pf .il span{color:var(--pf-line-2)}.pf .il a{border-bottom:1px solid var(--pf-line);padding-bottom:1px;color:var(--pf-mute)!important;text-decoration:none!important}.pf .il a:hover{border-color:var(--pf-blue);color:var(--pf-blue)!important}@media (max-width:760px){.pf .inst-row .btn{width:100%}.pf .cmd{width:100%;height:50px!important}.pf .inst-row .btn{height:50px}.pf .cw{flex:1;overflow:hidden}.pf .cw:after{content:"";background:linear-gradient(90deg, transparent, var(--pf-soft));pointer-events:none;width:26px;position:absolute;top:0;bottom:0;right:0}.pf .cmd code{display:block;overflow-x:auto;padding-right:24px!important;font-size:12.5px!important}.pf .cmd .pmt{padding:0 7px 0 16px!important}.pf .cp{margin-left:4px!important}.pf .osl{display:none}.pf .os{margin-left:2px}}.pf .osm-logo{color:var(--pf-ink);shape-rendering:geometricprecision;display:block;width:17px!important;height:17px!important}.pf .osc{display:flex}.pf .osm [role=option][aria-selected=true] .osm-logo{color:var(--pf-blue-ink)}@media (max-width:760px){.pf .osm-logo{width:18px!important;height:18px!important}}.pf .av img,.pf .pav img{width:auto;max-width:none}.pf .done{font:500 11px var(--font-geist-mono), monospace;letter-spacing:.08em;color:var(--pf-blue-ink);margin-top:8px}.pf .osm [role=option]{width:100%;font:inherit;text-align:left;background:0 0;border:0}.dark .pf{--pf-ink:var(--foreground);--pf-ink-2:color-mix(in srgb, var(--foreground) 82%, transparent);--pf-mute:var(--muted-foreground);--pf-mute-2:color-mix(in srgb, var(--muted-foreground) 78%, transparent);--pf-line:var(--border);--pf-line-2:var(--input);--pf-soft:var(--muted);--pf-blue-ink:var(--primary);--pf-blue-soft:color-mix(in srgb, var(--primary) 16%, transparent);--ink:var(--foreground)}.dark .pf :not(.scn *)[style*=--k]{--k:color-mix(in srgb, var(--a) 72%, #fff)!important}.dark .pf .scn-box{border:1px solid var(--border);background:#f6f8fa;border-radius:28px;width:calc(100% - 48px);margin:0 auto;overflow:hidden}.dark .pf .hero-scene{--pf-ink:#1f2328;--pf-surface:#fff;--pf-blue-ink:#1f6fd6;--line:#e5e7eb}.dark .pf .hero-scene:after{display:none}@media (max-width:760px){.dark .pf .scn-box{border-radius:18px;width:calc(100% - 24px)}}.dark .pf .chat-sec,.dark .pf .cmd{--pf-surface:#1f2328;--pf-soft:#2a3038;--pf-line:#3d444d;--pf-line-2:#4b535d;--pf-ink:#ffffffde;--pf-ink-2:#ffffffc7;--pf-mute:#fff9;--pf-mute-2:#fff9;--pf-blue-ink:#79b8ff;--pf-blue-soft:#388bfd2e;--ink:var(--pf-ink);--grey:var(--pf-mute);--line:var(--pf-line);color:var(--pf-ink)}.dark .pf .frame{box-shadow:inset 0 1px #ffffff0a,0 24px 60px #00000073!important}.pf .br-bg{color:#cfd3d9}.dark .pf .br-bg{color:#ffffff24}.pf .scn-fallback{width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.pf .scn-box>svg{animation:pf-scene-in .5s var(--ease) both}}@keyframes pf-scene-in{0%{opacity:0}to{opacity:1}}.pf .mbody{flex:1;min-width:0}.pf .typing{width:max-content}.pf .fly i.short{width:70%}.pf .fly.f2{border-color:#e46c9c}.pf .l5-co{border-color:var(--k);color:var(--k)}.pf .l5-co i{background:var(--a)}.pf .co-n{min-height:24px;color:var(--pf-ink);text-decoration:underline;-webkit-text-decoration-color:var(--pf-line-2);text-decoration-color:var(--pf-line-2);text-underline-offset:4px;white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.pf .co-n:hover{color:var(--pf-blue);-webkit-text-decoration-color:var(--pf-blue);text-decoration-color:var(--pf-blue)}.pf .fact{font:500 11.5px var(--font-geist-mono), monospace;color:var(--pf-mute);letter-spacing:.02em;white-space:nowrap;margin-left:auto}.pf .src{font:500 10.5px var(--font-geist-mono), monospace;color:var(--pf-mute-2);letter-spacing:.04em;margin-top:8px}.pf .tk{color:#fff;background:#b5426f;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.pf .tk svg{width:14px;height:14px}.pf .rk{width:84px;color:var(--pf-mute);flex:none;font-size:13px}.pf .rv{color:var(--pf-ink);font-size:13.5px;line-height:1.35}.pf .draft .ln.tx{color:var(--pf-ink-2);border-radius:0;margin:7px 0 0;font-size:13.5px;line-height:1.45;background:0 0!important;height:auto!important;transform:none!important}.pf .draft .ln.sj{color:var(--pf-ink);margin-top:9px;font-weight:600}@media (prefers-reduced-motion:no-preference){.pf .draft .ln.tx{animation-name:pf-tx1!important;animation-duration:var(--T)!important;animation-timing-function:var(--ease)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important}.pf .draft .ln.tx:nth-child(3){animation-name:pf-tx2!important}.pf .draft .ln.tx:nth-child(4){animation-name:pf-tx3!important}}@keyframes pf-tx1{0%,70%{opacity:0;clip-path:inset(0 100% 0 0)}75%,to{opacity:1;clip-path:inset(0)}}@keyframes pf-tx2{0%,74%{opacity:0;clip-path:inset(0 100% 0 0)}80%,to{opacity:1;clip-path:inset(0)}}@keyframes pf-tx3{0%,79%{opacity:0;clip-path:inset(0 100% 0 0)}85%,to{opacity:1;clip-path:inset(0)}}.pf .mate .mlink{min-height:24px;font:500 11.5px var(--font-geist-mono), monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--k);text-underline-offset:3px;align-items:center;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-flex}.pf .mate .mlink:hover{text-decoration-style:solid}.pf .il a{align-items:center;min-height:24px;display:inline-flex}.pf .osm{min-width:210px}.pf .osm [role=option]{white-space:nowrap}@media (max-width:760px){.pf .row{flex-wrap:wrap}.pf .fact{width:100%;margin-left:32px}.pf .rk{width:72px}.pf .rv{flex:1;min-width:0}.pf .mate{min-width:max-content;padding:6px 10px}.pf .mate .mlink{display:none}}.pf .hero-top .sub{max-width:720px}.pf .osm-logo{color:#1b1f24}.dark .pf .osm-logo{color:var(--foreground)}}