:where(.pg) :where(h1,h2,h3){letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:600;line-height:1.02}:where(.pg) :where(p,ul,ol,dl,dd){text-wrap:pretty;margin:0}.pg{font-size:16px;line-height:1.6;overflow-x:clip;& section{position:relative}& .lede{font-size:clamp(18px,1.5vw,20px)}& a:not(.pill):not(.link){color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--ink-3)}& .pg-hero{padding-top:176px}& .pg-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 0%, var(--highlight), transparent 70%);height:820px;position:absolute;inset:0 0 auto}& .pg-h1{letter-spacing:-.055em;font-size:clamp(44px,5.6vw,80px);line-height:.98}& .pg-h1 .hl{display:inline-block}& .pg-hero .lede{max-width:46ch;margin-top:26px}& .pg-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}& .pg-hero>.wrap>:is(.pg-h1,.lede,.os){text-align:center;margin-inline:auto}& .pg-hero .os-btn{text-align:left}& .pg-hero .cp-checked{justify-content:center}& .sec{padding-top:150px}& .sec-head{text-align:center;justify-items:center;gap:20px;max-width:760px;margin:0 auto 56px;display:grid}& .sec-head .lede{max-width:54ch}& .note{color:var(--ink-3);font-size:14px}& .end-box{text-align:center;background:var(--shell);box-shadow:inset 0 0 0 1px var(--shell-line);border-radius:32px;justify-items:center;gap:20px;padding:72px 24px;display:grid}& .pin-sec{padding-top:110px}& .pin-track{position:relative}& .pin{height:calc(100dvh - 108px);min-height:620px;position:sticky;top:92px}& .pin-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;height:100%;display:grid}& .pin-copy{align-content:center;gap:36px;display:grid}& .pin-h{max-width:13ch;font-size:clamp(32px,3.4vw,48px)}& .pin-visual{min-width:0;position:relative}& .pin-mark{pointer-events:none;width:1px;position:absolute;left:0}& .chaps{gap:4px;padding:0;list-style:none;display:grid}& .chap{padding:10px 0 10px 26px;position:relative}& .chap:before{content:"";background:var(--line-soft);width:1.5px;position:absolute;top:0;bottom:0;left:4px}& .chap-bar{width:1.5px;position:absolute;top:0;bottom:0;left:4px;overflow:hidden}& .chap-bar i{background:var(--ink);width:100%;height:100%;transform:scaleY(var(--p,0));transform-origin:50% 0;display:block}& .chap.done .chap-bar i{background:var(--ink-3);transform:scaleY(1)}& .chap-k{cursor:pointer;font:12.5px var(--mono);color:var(--ink-3);letter-spacing:.01em;transition:color .3s var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex;position:relative}& .chap-dot{background:var(--bg);width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--ink-3);transition:background .3s var(--ease), box-shadow .3s var(--ease);border-radius:50%;margin-top:-5px;position:absolute;top:50%;left:-26px}& .chap.on .chap-dot{background:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 12%, transparent)}& .chap.done .chap-dot{background:var(--ink-3);box-shadow:none}& .chap.on .chap-k,& .chap-k:hover{color:var(--ink)}& .chap-body h3{letter-spacing:-.025em;color:var(--ink-3);transition:color .35s var(--ease);margin-top:6px;font-size:21px;line-height:1.2}& .chap.on .chap-body h3{color:var(--ink)}& .chap-body p{opacity:0;max-height:0;color:var(--ink-2);max-width:44ch;transition:max-height .5s var(--ease), opacity .4s var(--ease), margin .5s var(--ease);margin-top:0;font-size:15px;line-height:1.55;display:grid;overflow:hidden}& .chap.on .chap-body p{opacity:1;max-height:120px;margin-top:8px}& .pr-intro{text-align:center;justify-items:center;display:grid}& .pr-intro .pg-h1{font-size:clamp(40px,4.6vw,64px)}& .pr-intro .lede{max-width:52ch;color:var(--ink-2);margin-top:20px}& .pr-plan{max-width:1040px;margin:64px auto 0;position:relative}& .pr-glow{z-index:-1;pointer-events:none;filter:blur(60px);opacity:.55;background:radial-gradient(50% 60% at 30% 40%, color-mix(in srgb, var(--ink) 16%, transparent), transparent 70%), radial-gradient(40% 50% at 75% 55%, color-mix(in srgb, var(--ink) 10%, transparent), transparent 70%);height:80%;animation:14s ease-in-out infinite alternate pr-drift;position:absolute;inset:-12% 8% auto}& .pp{grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid}& .pp:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 45%, transparent), transparent);height:1px;position:absolute;inset:0 12% auto}& .pp-main{align-content:start;padding:40px;display:grid}& .pp-name{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:12px;font-size:17px;font-weight:600;display:flex}& .pp-tag{font:500 12px var(--mono);letter-spacing:0;color:var(--ink-2);background:var(--hover);box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:999px;padding:4px 10px}& .pp-price{align-items:baseline;gap:10px;margin-top:34px;display:flex}& .pp-price b{letter-spacing:-.06em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(64px,6vw,84px);font-weight:600;line-height:.9}& .pp-price span{color:var(--ink-3);font-size:17px}& .pp-sub{max-width:34ch;color:var(--ink-2);margin-top:18px;font-size:15px;line-height:1.55}& .pp-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;display:flex}& .pp-link{transition:color .25s var(--ease), gap .3s var(--ease);align-items:center;gap:6px;font-size:14.5px;display:inline-flex;color:var(--ink-2)!important;text-decoration:none!important}& .pp-link:hover{gap:10px;color:var(--ink)!important}& .pp-link .pi svg{width:15px;height:15px}& .pp-fine{border-top:1px solid var(--line-soft);color:var(--ink-3);align-items:center;gap:8px;margin-top:26px;padding-top:22px;font-size:13.5px;display:flex}& .pp-fine .pi{color:var(--ok)}& .pp-fine .pi svg{width:15px;height:15px}& .pp-k{font:12.5px var(--mono);color:var(--ink-3);letter-spacing:.01em}& .pp-bill{background:var(--surface);box-shadow:inset 1px 0 0 var(--line-soft);padding:40px 40px 36px 44px}& .pb{gap:30px;margin-top:26px;padding:0;list-style:none;display:grid}& .pb li{--at:calc(.7s + var(--i) * 1s);opacity:.4;transition:opacity .6s var(--ease) var(--at);gap:4px;padding-left:42px;display:grid;position:relative}& .pb li:not(:last-child):before,& .pb li:not(:last-child):after{content:"";background:var(--line-soft);border-radius:2px;width:2px;height:calc(100% + 12px);position:absolute;top:26px;left:11px}& .pb li:not(:last-child):after{background:var(--ink-2);transform-origin:50% 0;transition:transform .9s var(--ease) calc(var(--at) + .25s);transform:scaleY(0)}& .pb-dot{background:var(--surface);width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--ink-3);transition:background .4s var(--ease) var(--at), box-shadow .4s var(--ease) var(--at);border-radius:50%;position:absolute;top:3px;left:4px}& .pb-k{font:12.5px var(--mono);color:var(--ink-3)}& .pb b{letter-spacing:-.02em;color:var(--ink);font-size:18px;font-weight:600}& .pb small{color:var(--ink-2);font-size:14px;line-height:1.5}& .pr-plan.in .pb li{opacity:1}& .pr-plan.in .pb li:after{transform:none}& .pr-plan.in .pb-dot{background:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink), 0 0 0 5px color-mix(in srgb, var(--ink) 10%, transparent)}& .pr-plan.in .pb li:first-child .pb-dot{animation:pb-pulse 2.6s var(--ease) 1.4s infinite}& .pp-strip{box-shadow:inset 0 1px 0 var(--line-soft);grid-column:1/-1;padding:30px 40px 34px}& .pp-strip ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 18px;margin-top:16px;padding:0;list-style:none;display:grid}& .pp-strip li{color:var(--ink);transition:background .25s var(--ease);border-radius:12px;align-items:center;gap:12px;margin:0 -10px;padding:8px 10px;font-size:14px;line-height:1.4;display:flex}& .pp-strip li:hover{background:var(--hover)}& .pp-i{width:32px;height:32px;color:var(--ink-2);background:var(--card);box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:9px;flex:none;place-items:center;display:grid}& .pp-i .pi svg{width:16px;height:16px}& .pr-cap{font:12.5px var(--mono);color:var(--ink-3);align-items:center;gap:8px;display:inline-flex}& .ai-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}& .ai-card .core{box-sizing:border-box;flex-direction:column;gap:18px;height:100%;padding:32px;display:flex}& .ai-head{align-items:center;gap:14px;display:flex}& .ai-head h3{letter-spacing:-.025em;font-size:21px;line-height:1.2}& .ai-head p{color:var(--ink-3);margin-top:2px;font-size:14px}& .ai-logo{background:var(--hover);width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:14px;flex:none;place-items:center;display:grid}& .ai-logo svg{width:22px;height:22px;color:var(--ink)}& .ai-tag{color:var(--ok);background:color-mix(in oklab, var(--ok) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ok) 40%, transparent);border-radius:999px;align-self:flex-start;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:500}& .ai-p{color:var(--ink-2);max-width:48ch;font-size:15.5px;line-height:1.55}& .ai-shot{box-sizing:border-box;border-top:1px solid var(--line-soft);background:var(--surface);flex:1;justify-content:center;align-items:center;min-height:480px;margin:6px -32px -32px;padding:26px 32px 32px;display:flex}& .ai-sb{width:100%;max-width:300px}& .or-shot{flex-direction:column;gap:0;position:relative;overflow:hidden}& .or-stream{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}& .or-msgs{z-index:1;justify-content:flex-end;width:100%;max-width:300px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}& .or-msg{height:36px;color:var(--ink);white-space:nowrap;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-soft), 0 10px 24px -16px #0009;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:13.5px;display:inline-flex}& .or-msg .pi{width:22px;height:22px;color:var(--bg);background:var(--ink);border-radius:50%;place-items:center;display:grid}& .or-msg .pi svg{width:13px;height:13px}& .or-shot .ai-sb{z-index:1;position:relative}& .ai-note{color:var(--ink-2);align-items:center;gap:10px;margin-top:26px;font-size:15px;display:flex}& .ai-note .pi{color:var(--ok);flex:none;font-size:18px}:root[data-theme=light] & :is(.ai-card .core,.pr-plan .core){box-shadow:var(--core-hi), 0 0 0 1px var(--line), 0 10px 30px -22px #0000004d}@media (width<=900px){& .pg-hero{padding-top:132px}& .sec{padding-top:104px}& .sec-head{margin-bottom:40px}& .end-box{padding:48px 20px}& .pin-sec{padding-top:80px}& .pin{height:calc(100dvh - 88px);min-height:560px;top:80px}& .pin-grid{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;gap:18px}& .pin-copy{gap:14px}& .pin-h{max-width:none;font-size:26px}& .chaps{display:grid}& .chap{opacity:0;transition:opacity .35s var(--ease);pointer-events:none;grid-area:1/1;padding:0}& .chap.on{opacity:1;pointer-events:auto}& .chap:before,& .chap-bar,& .chap-dot{display:none}& .chap-body h3{font-size:19px}& .chap-body p{font-size:14px}& .pr-plan{margin-top:44px}& .pp{grid-template-columns:1fr}& .pp-main,& .pp-bill,& .pp-strip{padding:28px 24px}& .pp-bill{box-shadow:inset 0 1px 0 var(--line-soft)}& .pp-strip ul,& .ai-grid{grid-template-columns:1fr}& .ai-card .core{padding:24px}& .ai-shot{min-height:0;margin:6px -24px -24px;padding:22px 24px 24px}& .or-shot{padding-top:100px}& .ai-note{align-items:flex-start}}@media (width<=560px){& .ai-head{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){& .pin-track{height:auto!important}& .pin{height:auto;min-height:0;position:static}& .pin-grid{height:auto}& .pin-mark{display:none}& .pr-glow{animation:none}& .pb li,& .pb li:after,& .pb-dot{transition:none}& .pr-plan.in .pb li:first-child .pb-dot{animation:none}& .chap{pointer-events:auto;opacity:1!important;grid-area:auto!important}& .chap-body p{opacity:1;max-height:none;margin-top:8px}& .chap-body h3{color:var(--ink)}& .chap,& .chap-k,& .chap-dot,& .chap-body h3,& .chap-body p{transition:none}}}.pg-install{& :where(code){font-family:var(--mono);background:var(--hover);color:var(--ink);border-radius:6px;padding:2px 6px;font-size:.88em}& .os{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:820px;margin-top:52px;display:grid}& .os-btn{cursor:pointer;height:168px;font:inherit;text-align:left;color:var(--ink-3);background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line-soft);transition:box-shadow .35s var(--ease), color .35s var(--ease), transform .4s var(--ease-swift);border:0;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:22px;padding:20px 22px;display:flex;position:relative;overflow:hidden}& .os-btn:before{content:"";pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--brand) 22%, transparent), transparent);opacity:0;width:220px;height:220px;transition:opacity .5s var(--ease);border-radius:50%;position:absolute;top:-60px;left:-40px}& .os-btn:hover{color:var(--ink-2);transform:translateY(-2px)}& .os-btn:active{transform:scale(.98)}& .os-btn[aria-checked=true]{color:var(--ink);box-shadow:var(--core-hi), 0 0 0 1.5px var(--ink-2), 0 0 0 7px color-mix(in srgb, var(--ink) 6%, transparent), 0 24px 48px -28px #0009}& .os-btn[aria-checked=true]:before{opacity:1}& .os-logo{background:var(--hover);width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--line-soft);color:var(--ink-3);transition:color .35s var(--ease), background .35s var(--ease), transform .5s var(--ease-swift);border-radius:16px;flex:none;place-items:center;display:grid;position:relative}& .os-logo svg{width:28px;height:28px}& .os-btn:hover .os-logo{color:var(--ink-2)}& .os-btn[aria-checked=true] .os-logo{color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, var(--card));transform:scale(1.04)}& .os-txt{gap:4px;display:grid;position:relative}& .os-name{letter-spacing:-.015em;color:inherit;font-size:19px;font-weight:500}& .os-sub{font:12.5px var(--mono);color:var(--ink-3)}& .os-tick{width:26px;height:26px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--silver-ink);transition:background .3s var(--ease), box-shadow .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}& .os-tick svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px;width:15px;height:15px;transition:stroke-dashoffset .4s var(--ease) .1s}& .os-btn[aria-checked=true] .os-tick{background:var(--silver);box-shadow:inset 0 0 0 1px var(--silver-edge)}& .os-btn[aria-checked=true] .os-tick svg{stroke-dashoffset:0}& .in-steps{padding-top:96px}& .steps{max-width:880px;margin-inline:auto;padding:0;list-style:none;display:grid}& .step{border-top:1px solid var(--line-soft);grid-template-columns:72px minmax(0,1fr);gap:28px;padding:48px 0;display:grid}& .step:last-child{border-bottom:1px solid var(--line-soft)}& .step-n{width:48px;height:48px;font:500 17px var(--mono);color:var(--ink);background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid}& .step-h{letter-spacing:-.035em;font-size:clamp(26px,2.6vw,34px);line-height:1.1}& .step-p{color:var(--ink-2);max-width:60ch;margin-top:14px;font-size:17px;line-height:1.6}& .step-acts{flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:28px;display:flex}& .step-acts .pill svg{width:17px;height:17px}& .step-acts .pill-primary{padding-left:18px}& .sub{background:var(--shell);max-width:760px;box-shadow:inset 0 0 0 1px var(--shell-line);border-radius:20px;grid-template-columns:1fr 1fr;gap:16px 32px;margin-top:28px;padding:22px 24px;list-style:none;display:grid}& .sub li{color:var(--ink-2);gap:12px;font-size:15px;line-height:1.5;display:flex}& .sub b{color:var(--ink);font-weight:500}& .sub-n{width:24px;height:24px;font:12px var(--mono);color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;flex:none;place-items:center;display:grid}& .step .note{margin-top:18px}& .cmd-wrap{max-width:760px;margin-top:26px}& .cmd-how{color:var(--ink-3);margin-bottom:10px;font-size:14px}& .cmd{background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:14px;padding:8px 8px 8px 22px;display:flex}& .cmd-ic{color:var(--ink-3);flex:none;font-size:17px;display:flex}& .cmd code{white-space:nowrap;scrollbar-width:thin;background:0 0;flex:1;min-width:0;padding:10px 0;font-size:14.5px;overflow-x:auto}& .cmd-copy{cursor:pointer;height:42px;font:inherit;color:var(--silver-ink);background:var(--silver);box-shadow:inset 0 0 0 1px var(--silver-edge);transition:background .3s var(--ease), transform .3s var(--ease-swift);border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 18px 0 15px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}& .cmd-copy:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}& .cmd-copy:hover{background:var(--silver-hover)}& .cmd-copy:active{transform:scale(.96)}& .cmd-copy.ok:after{animation:cc-shine .7s var(--ease) 1}& .cc-ic{place-items:center;width:16px;height:16px;display:grid;position:relative}& .cc-ic>*{width:16px;height:16px;transition:transform .35s var(--ease-swift), opacity .25s var(--ease);grid-area:1/1;place-items:center;font-size:16px;display:grid}& .cc-ok{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22px;opacity:0;transform:scale(.6)}& .cmd-copy.ok .cc-ic>.pi{opacity:0;transform:scale(.4)rotate(-30deg)}& .cmd-copy.ok .cc-ok{opacity:1;stroke-dashoffset:0;transition:transform .35s var(--ease-swift), opacity .2s var(--ease), stroke-dashoffset .4s var(--ease) 80ms;transform:none}& .cmd-copy.ok .cc-t{animation:cc-in .35s var(--ease) 1}& .setup{gap:14px;margin-top:24px;padding:0;list-style:none;display:grid}& .setup li{color:var(--ink);align-items:center;gap:14px;font-size:16px;display:flex}& .setup .pi{background:var(--hover);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:11px;flex:none;place-items:center;font-size:17px;display:grid}& .setup .pi>svg{width:17px;height:17px}& .ready-frame{--gxw:380px;height:min(640px,78vh);display:flex}& .ready-frame .n8{flex:1}& .ready-frame .n8-app{position:relative;overflow:hidden}& .ready-frame .gx{margin-right:calc(-1 * var(--gxw));transition:margin .7s var(--ease)}& .ready-frame.open .gx{margin-right:0}& .ready-edge{z-index:4;position:absolute;top:50%;right:0;transform:translateY(-50%)}& .ready-hand{transition:opacity .3s var(--ease), left 1.2s var(--ease), top 1.2s var(--ease);top:66%;left:46%}& .ready-frame.aim .ready-hand{top:calc(50% - 50px);left:calc(100% - 25px)}@media (width<=900px){& .os{grid-template-columns:1fr;gap:10px;max-width:none;margin-top:36px}& .os-btn{border-radius:20px;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;height:76px;padding:0 56px 0 18px}& .os-logo{border-radius:14px;width:46px;height:46px}& .os-logo svg{width:22px;height:22px}& .os-name{font-size:17px}& .os-tick{margin-top:-13px;top:50%}& .in-steps{padding-top:64px}& .step{grid-template-columns:1fr;gap:16px;padding:36px 0}& .step-n{width:40px;height:40px;font-size:15px}& .sub{grid-template-columns:1fr;padding:18px}& .cmd{flex-wrap:wrap;padding:12px}& .cmd code{white-space:normal;overflow-wrap:anywhere;flex-basis:calc(100% - 40px);padding:4px 0;line-height:1.5}& .cmd{border-radius:22px}& .cmd-copy{justify-content:center;width:100%}& .ready-frame{height:560px}& .ready-frame .gx{z-index:6;height:82%;transition:transform .7s var(--ease);margin:0;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}& .ready-frame.open .gx{transform:none}& .ready-frame .n8-canvas{flex:1;height:auto}}@media (prefers-reduced-motion:reduce){& .os-btn,& .os-logo,& .os-tick svg,& .cmd-copy,& .cc-ic>*,& .ready-frame .gx{transition:none!important}& .cmd-copy.ok:after,& .cmd-copy.ok .cc-t{animation:none}}}.pg-compare{& .cp-checked{color:var(--ink-3);align-items:center;gap:10px;margin-top:30px;font-size:14.5px;display:flex}& .cp-checked .pi{color:var(--ok);flex:none;font-size:17px}& .cp-stage .pin-track{height:530vh}& .cp-stage [data-mark="0"]{height:90vh;top:0}& .cp-stage [data-mark="1"]{height:90vh;top:90vh}& .cp-stage [data-mark="2"]{height:90vh;top:180vh}& .cp-stage [data-mark="3"]{height:90vh;top:270vh}& .cp-stage [data-mark="4"]{height:90vh;top:360vh}& .cp-box{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);gap:26px;height:100%;padding-block:8px;display:grid}& .cp-top{text-align:center;justify-items:center;gap:22px;display:grid}& .cp-tabs{background:var(--shell);box-shadow:inset 0 0 0 1px var(--shell-line);scrollbar-width:none;border-radius:999px;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}& .cp-tab{cursor:pointer;height:38px;font:inherit;color:var(--ink-3);white-space:nowrap;transition:color .3s var(--ease), background .3s var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;padding:0 16px 0 6px;font-size:13px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}& .cp-tab:hover{color:var(--ink)}& .cp-tab.on{color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}& .cp-tab-n{width:26px;height:26px;font:11.5px var(--mono);background:var(--hover);border-radius:50%;flex:none;place-items:center;display:grid}& .cp-tab.done .cp-tab-n{background:var(--ink-3);color:var(--bg)}& .cp-tab-bar{border-radius:2px;height:2px;position:absolute;bottom:4px;left:16px;right:16px;overflow:hidden}& .cp-tab-bar i{background:var(--ink-3);height:100%;transform:scaleX(var(--p,0));transform-origin:0;display:block}& .cp-heads{display:grid}& .cp-h{letter-spacing:-.04em;opacity:0;transition:opacity .45s var(--ease), transform .6s var(--ease);grid-area:1/1;font-size:clamp(28px,3vw,42px);transform:translateY(10px)}& .cp-h.on{opacity:1;transform:none}& .cp-sides{grid-template-columns:1fr 1fr;gap:14px;min-height:0;display:grid}& .cp-side{border-radius:24px;flex-direction:column;gap:16px;min-height:0;padding:22px;display:flex}& .cp-side.us{background:radial-gradient(90% 50% at 0% 0%, color-mix(in oklab, var(--silver) 9%, transparent), transparent 70%), var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line-soft)}& .cp-side.them{border:1px dashed var(--line)}& .cp-side-h{align-items:center;gap:12px;display:flex}& .cp-side-h b{letter-spacing:-.02em;font-size:18px;font-weight:600}& .cp-where{color:var(--ink-3);margin-left:auto;font-size:13px}& .cp-mark{background:var(--silver);width:38px;height:38px;color:var(--silver-ink);box-shadow:var(--core-hi);border-radius:12px;place-items:center;font-size:18px;display:grid}& .them .cp-mark{color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line);background:0 0}& .cp-view{min-height:220px;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:16px;flex:1;position:relative;overflow:hidden}& .cp-view .n8-mini{transition:opacity .5s var(--ease), filter .5s var(--ease);position:absolute;inset:0}& .cp-view .n8-canvas{height:100%}& .cp-side.faded .n8-mini{opacity:.4;filter:saturate(.5)}& .cp-says{min-height:72px;display:grid}& .cp-say{color:var(--ink-2);opacity:0;transition:opacity .4s var(--ease);grid-area:1/1;font-size:15px;line-height:1.55}& .cp-say.on{opacity:1}& .us .cp-say{color:var(--ink)}& .cp-ov{z-index:3;pointer-events:none;position:absolute;inset:0}& .cp-ov>*{opacity:0;transition:opacity .4s var(--ease), transform .5s var(--ease);position:absolute;transform:translateY(6px)}& .cp-ov>.show{opacity:1;transform:none}& .ov-chip{white-space:nowrap;color:var(--ink-2);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:inline-flex;top:12px;left:14px}& .ov-chip .pi{font-size:14px}& .ov-refresh{border:1px dashed var(--line);box-shadow:none;top:50px}& .ov-refresh.show .pi{animation:1.2s linear infinite vs-spin}& .ov-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--ok) 18%, transparent);border-radius:50%}& .ov-card{white-space:nowrap;color:var(--ink-2);background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line), 0 16px 30px -18px #00000080;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex;bottom:14px;left:50%;translate:-50%}& .ov-card b{color:var(--ink);font-size:13.5px;font-weight:600;display:block}& .ov-card .pi{flex:none;font-size:20px}& .ov-card.ok .pi{color:var(--ok)}& .ov-card.bad .pi{color:var(--err)}& .ov-list{color:var(--ink-2);background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line), 0 16px 30px -18px #00000080;white-space:nowrap;border-radius:16px;gap:10px;margin:0;padding:14px 18px;font-size:13.5px;list-style:none;display:grid;top:50%;left:50%;translate:-50% -50%}& .ov-list li{transition:color .3s var(--ease);align-items:center;gap:10px;display:flex}& .ov-box{color:#0000;width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--ink-3);transition:background .3s var(--ease), color .3s var(--ease);border-radius:5px;place-items:center;font-size:11px;display:grid}& .ov-list li.done{color:var(--ink)}& .ov-list li.done .ov-box{background:var(--ink-2);color:var(--bg);box-shadow:none}& .ov-meter{background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line);border-radius:14px;gap:8px;padding:14px 16px;display:grid;bottom:14px;left:16px;right:16px}& .ov-meter-k{font:11.5px var(--mono);color:var(--ink-3)}& .ov-meter small{color:var(--ink-2);font-size:12.5px}& .cp-table{border-top:1px solid var(--line-soft)}& .cp-tr{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,4fr);gap:32px;padding:22px 16px;font-size:15px;line-height:1.55;display:grid}& .cp-th{font:12px var(--mono);color:var(--ink-3);padding-block:14px}& .cp-topic{color:var(--ink);align-content:start;gap:8px;font-weight:500;display:grid}& .cp-g{color:var(--ink)}& .cp-m{color:var(--ink-2)}& .cp-col{display:none}& .api-wins{background:color-mix(in srgb, var(--ink) 3%, transparent)}& .cp-win{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;justify-self:start;padding:2px 9px;font-size:11.5px;font-weight:500}& .api-wins .cp-m{color:var(--ink)}& .cp-src{vertical-align:2px;min-width:18px;height:18px;font:10.5px var(--mono);background:var(--hover);box-shadow:inset 0 0 0 1px var(--line-soft);pointer-events:auto;border-radius:6px;place-items:center;margin-left:5px;padding:0 4px;display:inline-grid;color:var(--ink-2)!important;text-decoration:none!important}& .cp-src:hover{box-shadow:inset 0 0 0 1px var(--ink-3);color:var(--ink)!important}& .cp-fit-grid{grid-template-columns:7fr 5fr;align-items:stretch;gap:14px;display:grid}& .cp-fit-card .core{box-sizing:border-box;height:100%;padding:34px}& .cp-fit-h{letter-spacing:-.03em;align-items:center;gap:12px;font-size:22px;display:flex}& .cp-fit-h .pi{color:var(--ink-2);font-size:20px}& .cp-fit-card ul{gap:14px;margin-top:22px;padding:0;list-style:none;display:grid}& .cp-fit-card li{color:var(--ink);gap:12px;font-size:16px;line-height:1.5;display:flex}& .cp-fit-card li .pi{color:var(--ok);flex:none;margin-top:3px;font-size:16px}& .cp-fit-card.them{border:1px dashed var(--line);border-radius:28px;padding:40px}& .cp-fit-card.them p{color:var(--ink-2);margin-top:18px;font-size:16px;line-height:1.6}& .cp-src-grid{grid-template-columns:5fr 7fr;align-items:center;gap:56px;display:grid}& .cp-src-grid .lede{margin-top:20px}& .cp-src-list{border-top:1px solid var(--line-soft);padding:0;list-style:none;display:grid}& .cp-src-list li{border-bottom:1px solid var(--line-soft);align-items:baseline;gap:16px;padding:16px 4px;scroll-margin-top:120px;font-size:15px;display:flex}& .cp-src-list li:target{background:var(--hover)}& .cp-src-n{font:12px var(--mono);color:var(--ink-3);flex:none;width:18px}@media (width<=900px){& .cp-stage .pin{min-height:640px}& .cp-box{gap:14px}& .cp-top{justify-items:stretch;gap:12px}& .cp-tab{gap:6px;padding:0 4px}& .cp-tab-n{width:24px;height:24px}& .cp-tabs{gap:2px}& .cp-tab-t{display:none}& .cp-tab.on .cp-tab-t{text-overflow:ellipsis;min-width:0;padding-right:8px;font-size:12.5px;display:inline;overflow:hidden}& .cp-h{font-size:22px}& .cp-sides{grid-template-columns:1fr;gap:10px}& .cp-side{border-radius:18px;gap:8px;padding:12px}& .cp-side-h b{font-size:15px}& .cp-mark{border-radius:9px;width:28px;height:28px;font-size:14px}& .cp-where{font-size:12px}& .cp-view,& .cp-says{min-height:0}& .cp-say{font-size:13px;line-height:1.45}& .ov-card,& .ov-list{padding:9px 12px;font-size:12px}& .ov-meter{gap:5px;padding:9px 12px;bottom:8px}& .cp-tr{grid-template-columns:1fr;gap:10px;padding:20px 4px}& .cp-th{display:none}& .cp-col{font:11px var(--mono);color:var(--ink-3);margin-bottom:2px;display:block}& .cp-fit-grid,& .cp-src-grid{grid-template-columns:1fr;gap:24px}& .cp-fit-card .core,& .cp-fit-card.them{padding:26px}}@media (width<=900px) and (height<=760px){& .cp-says{display:none}}@media (prefers-reduced-motion:reduce){& .cp-box{height:auto}& .cp-view{flex:none;height:300px}& .cp-h,& .cp-say,& .cp-ov>*,& .cp-view .n8-mini,& .ov-refresh.show .pi{transition:none;animation:none}}}@keyframes vs-spin{to{transform:rotate(360deg)}}.pg-security{& .sc-flow .pin-track{height:360vh}& .sc-flow [data-mark="0"]{height:90vh;top:0}& .sc-flow [data-mark="1"]{height:100vh;top:90vh}& .sc-flow [data-mark="2"]{height:90vh;top:190vh}& .sm{justify-items:stretch;width:min(100%,460px);margin-inline:auto;display:grid}& .sm-node{background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line-soft);transition:box-shadow .45s var(--ease);border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 14px;padding:18px 20px;display:grid;position:relative}& .sm-node b{letter-spacing:-.01em;font-size:15.5px;font-weight:500;display:block}& .sm-node div>span{color:var(--ink-3);font-size:13px;display:block}& .sm-node.hit{box-shadow:var(--core-hi), 0 0 0 1px var(--ink-3), 0 0 0 6px color-mix(in srgb, var(--ink) 6%, transparent)}& .sm-ic{background:var(--hover);width:44px;height:44px;color:var(--ink);border-radius:12px;place-items:center;font-size:20px;display:grid;position:relative}& .sm-ai .sm-ic{background:var(--silver);color:var(--silver-ink)}& .sm-pc{box-shadow:var(--core-hi), 0 0 0 1px var(--line), 0 24px 48px -28px #00000073;border-radius:24px;grid-template-columns:1fr;gap:10px;padding:20px 22px}& .sm-pc-name{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:inline-flex}& .sm-chip{background:var(--bg);height:40px;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:flex}& .sm-tag{color:var(--ink);background:var(--hover);box-shadow:inset 0 0 0 1px var(--line);padding:5px 11px;opacity:0;max-height:0;transition:opacity .35s var(--ease), max-height .5s var(--ease), padding .5s var(--ease), margin .5s var(--ease);border-radius:999px;grid-column:1/-1;justify-self:start;align-items:center;gap:8px;margin-top:-6px;padding-block:0;font-size:12.5px;display:inline-flex;overflow:hidden}& .sm-tag.on{opacity:1;max-height:40px;margin-top:0;padding-block:5px}& .sm-tick{background:var(--ok);color:#06140b;opacity:0;width:18px;height:18px;transition:opacity .3s var(--ease), transform .4s var(--ease-swift);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:-7px;right:-7px;transform:scale(.5)}& .sm-tick.on{opacity:1;transform:none}& .sm-wire{height:86px;position:relative}& .sm-wire em{color:var(--ink-2);white-space:nowrap;font-size:13px;font-style:normal;font-weight:500;position:absolute;top:50%;left:calc(50% + 20px);transform:translateY(-50%)}& .sm-track{width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}& .sm-track i{background:var(--line);transition:background .4s var(--ease);position:absolute;inset:0}& .sm-wire-b .sm-track i{background:repeating-linear-gradient(180deg, var(--ink-3) 0 5px, transparent 5px 10px);opacity:.7}& .a-lit .sm-wire-a .sm-track i{background:var(--ink-2)}& .b-lit .sm-wire-b .sm-track i{opacity:1}& .sm-track b{opacity:0;width:10px;height:10px;transition:opacity .25s var(--ease);background:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 12%, transparent), 0 0 16px color-mix(in srgb, var(--ink) 50%, transparent);border-radius:50%;margin-top:-5px;position:absolute;left:-4px}& .sm-track b.on{opacity:1}& .sm-wire-a .sm-track b{top:calc((1 - var(--t,0)) * 100%)}& .sm-wire-b .sm-track b{top:calc(var(--t,0) * 100%);background:var(--card);box-shadow:inset 0 0 0 2px var(--ink-2)}& .sc-cols{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;display:grid}& .sc-col{box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:28px;padding:34px 32px}& .sc-never .core{box-sizing:border-box;height:100%;padding:28px 26px}& .sc-col h3{letter-spacing:-.025em;align-items:center;gap:12px;font-size:20px;line-height:1.2;display:flex}& .sc-col h3 .pi{background:var(--hover);border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}& .sc-col h3 .pi>svg{width:18px;height:18px}& .sc-col ul{gap:14px;margin-top:24px;padding:0;list-style:none;display:grid}& .sc-col li{color:var(--ink-2);gap:12px;font-size:15.5px;line-height:1.5;display:flex}& .sc-b{background:var(--ink-3);border-radius:50%;flex:none;width:6px;height:6px;margin-top:9px}& .sc-never li{color:var(--ink)}& .sc-never li .pi{color:var(--ink-3);flex:none;margin-top:2px;font-size:17px}& .kj{background:var(--shell);box-shadow:inset 0 0 0 1px var(--shell-line);border-radius:32px;padding:72px 40px 40px}& .kj-track{grid-template-columns:repeat(4,minmax(0,1fr));height:132px;display:grid;position:relative}& .kj-line{background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 12px);border-radius:2px;height:2px;position:absolute;top:35px;left:12.5%;right:12.5%}& .kj-line i{border-radius:inherit;background:linear-gradient(90deg, var(--ink-3), var(--ink));transform:scaleX(calc(var(--at,0) / 3));transform-origin:0;transition:transform .9s var(--ease);position:absolute;inset:0}& .kj-stop{align-content:start;justify-items:center;gap:14px;display:grid;position:relative}& .kj-ic{z-index:1;width:72px;height:72px;color:var(--ink-3);background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line);transition:color .4s var(--ease), background .4s var(--ease), box-shadow .5s var(--ease), transform .5s var(--ease-swift);border-radius:22px;place-items:center;font-size:28px;display:grid;position:relative}& .kj-ic .pi>svg,& .kj-ic>.pi>svg{width:28px;height:28px}& .kj-stop.past .kj-ic{color:var(--ink)}& .kj-stop.hit .kj-ic{color:var(--silver-ink);background:var(--silver);box-shadow:inset 0 0 0 1px var(--silver-edge), 0 0 0 8px color-mix(in srgb, var(--ink) 7%, transparent), 0 18px 40px -16px color-mix(in srgb, var(--ink) 45%, transparent);animation:kj-pop .6s var(--ease-swift);transform:translateY(-3px)}& .kj-badge{white-space:nowrap;font:11.5px var(--mono);color:var(--ink-2);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);opacity:0;transition:opacity .4s var(--ease), transform .5s var(--ease);border-radius:999px;padding:5px 11px;transform:translateY(-6px)}& .kj-stop.hit .kj-badge,& .kj-stop.past .kj-badge,& .kj.still .kj-badge{opacity:1;transform:none}& .kj-stop.past .kj-badge{color:var(--ink-3)}& .kj-fly{pointer-events:none;width:90px;height:10px;position:absolute;top:31px;left:calc(50% + 40px)}& .kj-fly b{background:var(--ok);opacity:0;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:0}& .kj-stop.hit .kj-fly b{animation:kj-fly 1.2s var(--ease) infinite}& .kj-stop.hit .kj-fly b:nth-child(2){animation-delay:.3s}& .kj-stop.hit .kj-fly b:nth-child(3){animation-delay:.6s}& .kj-key{z-index:2;top:35px;left:calc(12.5% + var(--at,0) * 25%);width:34px;height:34px;color:var(--bg);background:var(--ink);box-shadow:0 0 0 5px color-mix(in srgb, var(--ink) 14%, transparent), 0 0 26px color-mix(in srgb, var(--ink) 55%, transparent);transition:left .9s var(--ease), opacity .5s var(--ease), transform .5s var(--ease);border-radius:50%;place-items:center;margin:-17px 0 0 -17px;font-size:15px;display:grid;position:absolute;transform:translateY(-66px)}& .kj.gone .kj-key{opacity:0;transition-delay:0s,.9s,.9s;transform:translateY(-66px)scale(.4)}& .kj.still .kj-key{display:none}& .kj-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;padding:0;list-style:none;display:grid}& .kj-card{background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line-soft);opacity:.55;transition:opacity .5s var(--ease), transform .6s var(--ease), box-shadow .5s var(--ease);border-radius:22px;align-content:start;gap:10px;padding:24px 22px 26px;display:grid;position:relative;overflow:hidden}& .kj-card.past{opacity:.8}& .kj-card.on{opacity:1;box-shadow:var(--core-hi), 0 0 0 1px var(--ink-3), 0 24px 50px -30px #0009;transform:translateY(-4px)}& .kj.still .kj-card{opacity:1;transform:none}& .kj-n{font:12px var(--mono);color:var(--ink-3)}& .kj-card h3{letter-spacing:-.02em;font-size:18px;line-height:1.2}& .kj-card p{color:var(--ink-2);font-size:14.5px;line-height:1.55}& .kj-prog{height:2px;position:absolute;bottom:0;left:0;right:0}& .kj-prog i{background:var(--ink-2);transform-origin:0;height:100%;display:block;transform:scaleX(0)}& .kj.run .kj-card.on .kj-prog i{animation:2.4s linear forwards kj-prog}& .mf{grid-template-columns:minmax(0,11fr) minmax(0,10fr);align-items:stretch;gap:14px;display:grid}& .mf-code{background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line);border-radius:24px;overflow:hidden}& .mf-bar{border-bottom:1px solid var(--line-soft);background:var(--surface);align-items:center;gap:14px;height:46px;padding:0 18px;display:flex}& .mf-dots{gap:6px;display:flex}& .mf-dots i{background:var(--line);border-radius:50%;width:10px;height:10px}& .mf-file{font:12.5px var(--mono);color:var(--ink-3)}& .mf-body{font:14.5px/1.5 var(--mono);padding:16px 0 20px;display:grid}& .mf-l{color:var(--ink-3);white-space:nowrap;padding:5px 24px;display:block}& .mf-perm{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--ink-3);transition:background .3s var(--ease), color .3s var(--ease);background:0 0;border:0;align-items:center;gap:2px;padding:9px 24px 9px 52px;display:flex;position:relative}& .mf-perm:before{content:"";background:var(--ink);width:3px;transition:transform .35s var(--ease-swift);border-radius:0 3px 3px 0;position:absolute;top:6px;bottom:6px;left:0;transform:scaleY(0)}& .mf-str{color:var(--ink-2);transition:color .3s var(--ease)}& .mf-perm:hover .mf-str{color:var(--ink)}& .mf-perm[aria-selected=true]{background:var(--hover)}& .mf-perm[aria-selected=true]:before{transform:scaleY(1)}& .mf-perm[aria-selected=true] .mf-str{color:var(--ink)}& .mf-opt{font:11px var(--font-sans,inherit);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;margin-left:12px;padding:1px 8px}& .mf-prog{height:1.5px;position:absolute;bottom:3px;left:52px;right:24px;overflow:hidden}& .mf-prog i{background:var(--ink-3);transform-origin:0;height:100%;display:block;transform:scaleX(0)}& .mf.walk .mf-perm[aria-selected=true] .mf-prog i{animation:kj-prog var(--step,3.6s) linear forwards}& .mf-panel{background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line-soft);border-radius:24px;grid-template-rows:auto 1fr;gap:24px;padding:18px 18px 30px;display:grid;position:relative}& .mf-stage{background:radial-gradient(70% 80% at 50% 0%, var(--highlight), transparent 70%), var(--surface);height:300px;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:16px;position:relative;overflow:hidden}& .mf-panel>.mf-why{opacity:0;transition:opacity .4s var(--ease), transform .5s var(--ease);pointer-events:none;grid-area:2/1;padding:0 14px;transform:translateY(8px)}& .mf-panel>.mf-why.on{opacity:1;pointer-events:auto;transform:none}& .mf-why code{font:500 13px var(--mono);color:var(--ink-2);background:var(--hover);border-radius:7px;padding:3px 8px}& .mf-why .perm-opt{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;margin-left:8px;padding:2px 9px;font-size:11.5px}& .mf-why h3{letter-spacing:-.03em;margin-top:16px;font-size:24px;line-height:1.15}& .mf-why p{color:var(--ink-2);max-width:46ch;margin-top:10px;font-size:16px;line-height:1.6}& .mv{justify-content:center;align-items:center;gap:22px;display:none;position:absolute;inset:0}& .mf-stage[data-v=storage] .mv-storage,& .mf-stage[data-v=clip] .mv-clip,& .mf-stage[data-v=sidebar] .mv-sidebar,& .mf-stage[data-v=native] .mv-native,& .mf-stage[data-v=alarms] .mv-alarms,& .mf-stage[data-v=cloud] .mv-cloud,& .mf-stage[data-v=other] .mv-other{animation:mv-in .5s var(--ease);display:flex}& .mv .pi>svg{width:1em;height:1em}& .mv-chip{color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;display:inline-flex}& .mv-ok .pi{color:var(--ok)}& .mv-url{height:40px;font:13.5px var(--mono);color:var(--ink);background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line);border-radius:12px;align-items:center;gap:9px;padding:0 16px;display:inline-flex}& .mv-url .pi{color:var(--ink-3);font-size:14px}& .mv-browser{background:var(--card);width:120px;box-shadow:var(--core-hi), 0 0 0 1px var(--line);border-radius:14px;gap:6px;padding:14px;display:grid}& .mv-browser i{background:var(--hover);border-radius:4px;height:8px;display:block}& .mv-browser i:first-child{width:60%}& .mv-msgs{width:70px;height:40px;position:relative}& .mv-msgs b{background:var(--ink-2);opacity:0;width:22px;height:8px;animation:mv-store 1.8s var(--ease) infinite;border-radius:4px;position:absolute;top:16px;left:0}& .mv-msgs b:nth-child(2){animation-delay:.6s}& .mv-msgs b:nth-child(3){animation-delay:1.2s}& .mv-db{width:64px;height:64px;color:var(--silver-ink);background:var(--silver);border-radius:18px;place-items:center;font-size:28px;animation:1.8s ease-in-out infinite mv-throb;display:grid}& .mv-clip{flex-direction:column;gap:0}& .mv-copy,& .mv-done{border-radius:14px;align-items:center;gap:10px;height:52px;padding:0 24px;font-size:16px;display:inline-flex;position:absolute}& .mv-copy{color:var(--silver-ink);background:var(--silver);animation:mv-swap-a 2.6s var(--ease) infinite}& .mv-done{color:#06140b;background:var(--ok);animation:mv-swap-b 2.6s var(--ease) infinite}& .mv-copy em,& .mv-done em{font-style:normal;font-weight:500}& .mv-page{box-sizing:border-box;background:var(--card);width:300px;height:150px;box-shadow:var(--core-hi), 0 0 0 1px var(--line);border-radius:16px;align-items:center;gap:14px;padding:0 22px;display:flex;position:relative;overflow:hidden}& .mv-node{background:var(--hover);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--line);border-radius:9px}& .mv-sb{box-sizing:border-box;border-left:1px solid var(--line);background:var(--surface);width:104px;height:150px;animation:mv-slide 2.6s var(--ease) infinite;border-radius:0 16px 16px 0;align-content:start;gap:8px;padding:14px;display:grid;position:absolute;top:calc(50% - 75px);right:calc(50% - 150px)}& .mv-sb .pi{color:var(--ink);font-size:16px}& .mv-sb b{background:var(--hover);border-radius:4px;height:7px;display:block}& .mv-sb b:last-child{width:70%}& .mv-box{width:112px;color:var(--ink);background:var(--card);box-shadow:var(--core-hi), 0 0 0 1px var(--line);border-radius:16px;justify-items:center;gap:8px;padding:18px 10px;font-size:26px;display:grid}& .mv-box em{color:var(--ink-2);font-size:12.5px;font-style:normal}& .mv-app{animation:mv-wake 2.4s var(--ease) infinite}& .mv-wire{background:var(--line);width:80px;height:2px;position:relative}& .mv-wire b{background:var(--ink);width:10px;height:10px;box-shadow:0 0 14px color-mix(in srgb, var(--ink) 50%, transparent);animation:mv-run 2.4s var(--ease) infinite;border-radius:50%;margin-left:-5px;position:absolute;top:-4px;left:0}& .mv-alarms{flex-direction:column;gap:18px}& .mv-clock{background:var(--card);width:84px;height:84px;box-shadow:var(--core-hi), 0 0 0 1px var(--line);border-radius:50%;position:relative}& .mv-clock:after{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%}& .mv-clock i{background:var(--ink);transform-origin:50% 100%;border-radius:2px;width:2px;height:30px;margin-left:-1px;animation:3s linear infinite mv-hand;position:absolute;bottom:50%;left:50%}& .mv-alarms .mv-chip .pi{animation:3s linear infinite vs-spin}& .mv-cloud,& .mv-other{flex-direction:column;gap:16px}& .mv-cloud .mv-chip,& .mv-other .mv-chip{animation:mv-pop 3s var(--ease) infinite}& .mv-toggle{background:var(--hover);width:52px;height:30px;box-shadow:inset 0 0 0 1px var(--line);animation:mv-tog-bg 3s var(--ease) infinite;border-radius:999px;position:relative}& .mv-toggle i{background:var(--ink);width:22px;height:22px;animation:mv-tog 3s var(--ease) infinite;border-radius:50%;position:absolute;top:4px;left:4px}& .sc-more{color:var(--ink-3);margin-top:36px;font-size:15px}:root[data-theme=light] & :is(.sm-node:not(.hit),.kj-card,.mf-code,.mf-panel){box-shadow:var(--core-hi), 0 0 0 1px var(--line), 0 10px 30px -22px #0000004d}@media (width<=1100px){& .mf{grid-template-columns:1fr}}@media (width<=900px){& .sm{width:100%}& .sm-node{border-radius:16px;padding:12px 14px}& .sm-ic{width:36px;height:36px;font-size:17px}& .sm-pc{gap:7px;padding:12px 14px}& .sm-chip{height:32px;font-size:13px}& .sm-wire{height:46px}& .sm-wire em{font-size:12px;left:calc(50% + 14px)}& .sc-cols{grid-template-columns:1fr}& .sc-col{padding:26px 22px}& .kj{padding:50px 16px 20px}& .kj-track{height:112px}& .kj-ic{border-radius:16px;width:52px;height:52px}& .kj-ic .pi>svg,& .kj-ic>.pi>svg{width:22px;height:22px}& .kj-line{top:25px}& .kj-key{width:28px;height:28px;margin:-14px 0 0 -14px;font-size:13px;top:25px;transform:translateY(-44px)}& .kj.gone .kj-key{transform:translateY(-44px)scale(.4)}& .kj-badge{white-space:normal;text-align:center;max-width:80px;padding:4px 7px;font-size:10px}& .kj-fly{display:none}& .kj-cards{grid-template-columns:1fr;gap:0}& .kj-card{opacity:0;pointer-events:none;grid-area:1/1;transform:none}& .kj-card.on{opacity:1;pointer-events:auto;transform:none}& .kj.still .kj-cards{gap:10px}& .kj.still .kj-card{grid-area:auto}& .mf-body{font-size:13px}& .mf-l{padding-inline:16px}& .mf-perm{padding-left:34px}& .mf-prog{left:34px}& .mf-stage{height:190px}& .mf-why h3{font-size:20px}}@media (prefers-reduced-motion:reduce){& .sm-node,& .sm-tag,& .sm-tick,& .sm-track i,& .sm-track b,& .kj-ic,& .kj-card,& .kj-line i,& .mf-perm,& .mf-why{transition:none}& .kj-ic,& .mv,& .mv *,& .kj-fly b{animation:none!important}}}@keyframes kj-pop{0%{transform:translateY(0)scale(.9)}60%{transform:translateY(-5px)scale(1.06)}to{transform:translateY(-3px)scale(1)}}@keyframes kj-fly{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(84px)}}@keyframes kj-prog{to{transform:scaleX(1)}}@keyframes mv-in{0%{opacity:0;transform:translateY(8px)}}@keyframes mv-store{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(56px)}}@keyframes mv-throb{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--ink) 0%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--ink) 8%, transparent)}}@keyframes mv-swap-a{0%,40%{opacity:1;transform:scale(1)}45%{transform:scale(.94)}50%,92%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes mv-swap-b{0%,45%{opacity:0;transform:scale(.9)}52%,90%{opacity:1;transform:scale(1)}96%,to{opacity:0}}@keyframes mv-slide{0%{opacity:0;transform:translate(110%)}30%,85%{opacity:1;transform:none}to{opacity:0;transform:translate(110%)}}@keyframes mv-run{0%{opacity:0;left:0}10%{opacity:1}45%{opacity:1;left:100%}55%,to{opacity:0;left:100%}}@keyframes mv-wake{0%,42%{box-shadow:var(--core-hi), 0 0 0 1px var(--line)}52%,85%{box-shadow:var(--core-hi), 0 0 0 1px var(--ok), 0 0 0 6px color-mix(in oklab, var(--ok) 15%, transparent)}to{box-shadow:var(--core-hi), 0 0 0 1px var(--line)}}@keyframes mv-hand{to{transform:rotate(360deg)}}@keyframes mv-pop{0%,25%{opacity:0;transform:translateY(6px)}35%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes mv-tog{0%,25%{transform:none}35%,85%{transform:translate(22px)}95%,to{transform:none}}@keyframes mv-tog-bg{0%,25%{background:var(--hover)}35%,85%{background:var(--ok)}95%,to{background:var(--hover)}}@keyframes cc-shine{to{transform:translate(120%)}}@keyframes cc-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pg-legal{& .pg-hero{padding-top:160px}& .pg-hero:before{height:560px}& .pg-hero>.wrap{text-align:center;justify-items:center;display:grid}& .lg-h1{margin-top:30px;font-size:clamp(40px,5vw,68px)}& .lg-date{font:13px var(--mono);color:var(--ink-3);letter-spacing:.01em;margin-top:18px}& .lg-switch{background:var(--shell-bg);box-shadow:inset 0 0 0 1px var(--shell-line);border-radius:999px;gap:4px;padding:4px;display:inline-flex}& .lg-switch a{color:var(--ink-3);transition:color .25s var(--ease), background .25s var(--ease);border-radius:999px;padding:7px 16px;font-size:13.5px;text-decoration:none}& .lg-switch a:hover{color:var(--ink)}& .lg-switch a[aria-current=page]{color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}& .lg-body{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,68ch) 220px;justify-content:center;gap:80px;margin-top:72px;padding:64px 0 40px;display:grid}& .legal{color:var(--ink-2);font-size:16px;line-height:1.75}& .legal .lg-intro{color:var(--ink);font-size:17.5px;line-height:1.7}& .legal section{padding-top:48px}& .legal h2{letter-spacing:-.025em;color:var(--ink);align-items:center;gap:14px;margin:0 0 16px;scroll-margin-top:120px;font-size:22px;line-height:1.25;display:flex}& .legal .lg-n{min-width:2ch;font:500 14px/1 var(--mono);letter-spacing:0;color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none}& .legal p,& .legal ul{margin:0 0 14px}& .legal ul{padding-left:20px;list-style:outside}& .legal li{margin:0 0 6px;padding-left:4px}& .legal li::marker{color:var(--ink-3)}& .legal strong{color:var(--ink);font-weight:600}& .legal a{color:var(--ink);text-decoration-color:var(--ink-3)}& .legal a:hover{text-decoration-color:var(--ink)}& .lg-toc{position:sticky;top:112px}& .lg-toc p{font:12px var(--mono);color:var(--ink-3);letter-spacing:.02em;text-transform:uppercase;margin-bottom:14px}& .lg-toc ol{border-left:1px solid var(--line-soft);gap:2px;padding:0;list-style:none;display:grid;position:relative}& .lg-toc a{color:var(--ink-3);transition:color .3s var(--ease);gap:10px;padding:5px 0 5px 14px;font-size:13.5px;line-height:1.4;text-decoration:none;display:flex}& .lg-toc .lg-tn{min-width:2ch;font:12px/1.6 var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;opacity:.7;flex:none}& .lg-toc a:hover,& .lg-toc a[aria-current=location]{color:var(--ink)}& .lg-toc a[aria-current=location] .lg-tn{color:var(--ink-2);opacity:1}& .lg-toc .lg-ind{background:var(--ink);opacity:0;pointer-events:none;width:1.5px;height:0;transition:transform .45s var(--ease), height .45s var(--ease), opacity .3s var(--ease);border-radius:2px;position:absolute;top:0;left:-1px}@media (prefers-reduced-motion:reduce){& .lg-toc .lg-ind{transition:none}}& :is(.lg-switch,.lg-toc,.lg-toc-m) a:not(.pill){text-decoration:none}& .lg-toc-m{display:none}@media (width<=900px){& .pg-hero{padding-top:132px}& .lg-body{grid-template-columns:minmax(0,1fr);gap:0;margin-top:48px;padding-top:28px}& .lg-aside{display:none}& .lg-toc-m{z-index:5;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;margin-bottom:8px;display:block;position:sticky;top:84px}& .lg-toc-m summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14.5px;list-style:none;display:flex}& .lg-toc-m summary::-webkit-details-marker{display:none}& .lg-toc-m summary:after{content:"";border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);width:8px;height:8px;transition:transform .25s var(--ease);margin-top:-4px;transform:rotate(45deg)}& .lg-toc-m[open] summary:after{margin-top:4px;transform:rotate(-135deg)}& .lg-toc-m ol{max-height:55dvh;margin:0;padding:0 8px 10px;list-style:none;display:grid;overflow-y:auto}& .lg-toc-m a{color:var(--ink-2);border-radius:10px;gap:12px;padding:9px 10px;font-size:14.5px;text-decoration:none;display:flex}& .lg-toc-m a:hover{background:var(--hover);color:var(--ink)}& .lg-toc-m a span{min-width:2ch;font:12.5px var(--mono);color:var(--ink-3);padding-top:2px}& .legal section{padding-top:40px}& .legal h2{scroll-margin-top:150px;font-size:20px}}}.pg-notfound{place-items:center;display:grid;& .nf{text-align:center;justify-items:center;padding:176px 0 120px;display:grid}& .nf:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(45% 50% at 50% 10%, var(--highlight), transparent 70%);height:720px;position:absolute;inset:0 0 auto}& .nf-mark{width:64px;height:64px}& .nf-mark svg{width:84px;height:84px}& .nf-k{font:13px var(--mono);color:var(--ink-3);letter-spacing:.02em;margin-top:32px}& .nf-h{letter-spacing:-.05em;margin-top:14px;font-size:clamp(40px,5vw,64px)}& .nf-p{max-width:40ch;color:var(--ink-2);margin-top:18px;font-size:17px}& .nf .pill{margin-top:32px}& .nf-links{flex-wrap:wrap;justify-content:center;gap:4px 6px;margin-top:40px;padding:0;list-style:none;display:flex}& .nf-links a{color:var(--ink-3);transition:color .25s var(--ease), background .25s var(--ease);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}& .nf-links a:not(.pill){text-decoration:none}& .nf-links a:hover{color:var(--ink);background:var(--hover)}@media (width<=560px){& .nf{padding:140px 0 96px}}}@keyframes pr-drift{0%{transform:translate(-4%)scale(1)}to{transform:translate(4%,3%)scale(1.08)}}@keyframes pb-pulse{0%,to{box-shadow:inset 0 0 0 1.5px var(--ink), 0 0 0 5px color-mix(in srgb, var(--ink) 10%, transparent)}50%{box-shadow:inset 0 0 0 1.5px var(--ink), 0 0 0 9px color-mix(in srgb, var(--ink) 4%, transparent)}}