/* Page styles (see lib/site-assets.ts) */
.mode{transition:opacity .5s}
.mode.off{opacity:0;pointer-events:none}
.found{border:2px solid var(--red);background:rgba(245,69,92,.12);border-radius:12px;padding:clamp(8px,1vw,14px);display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,18px);align-items:center}
.found b{display:block;font-size:clamp(11px,1.05vw,16px)}
.found span{font-size:clamp(9px,.8vw,13px);color:var(--muted-d)}
.handle{position:absolute;top:0;bottom:0;left:var(--x,100%);width:0;z-index:3;pointer-events:none}
.handle::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--red)}
.handle span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--red);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:auto;cursor:ew-resize}
.pres.show{opacity:1}
#u6 .handle::before,
#platform-pages .handle::before{width:2px;left:-1px}
#u6 .handle span,
#platform-pages .handle span{color:#fff}
@media (max-width:899px){
#u6 .handle span,
  #platform-pages .handle span{width:36px;height:36px;font-size:14px}
}
.pv-s.add{color:var(--red-t)}
#platform-pages .handle{z-index:4}
.dnodes i.off{background:#FF8A9A;box-shadow:0 0 12px rgba(255,138,154,.5)}
.uc-px.show{opacity:1;transform:none}
.dy-nodes i.off{background:#FF8A9A;box-shadow:0 0 8px rgba(255,138,154,.4);animation:dablink .9s ease-in-out infinite}
@keyframes dablink{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){
.dy-nodes i.off{animation:none}
}
.bp-tocl{all:unset;display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red-t);cursor:default}
.bp-kf{position:relative;overflow:hidden;background:var(--ink);border-top:3px solid var(--red);border-radius:4px;padding:clamp(24px,3vw,36px) clamp(22px,3vw,40px);margin-bottom:clamp(36px,5vh,52px);scroll-margin-top:calc(var(--navh,72px) + 24px)}
.bp-kf::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px}
.bp-kf::after{content:"";position:absolute;right:-12%;top:-70%;width:55%;height:170%;background:radial-gradient(closest-side,rgba(245,69,92,.16),rgba(245,69,92,0));pointer-events:none}
.bp-kfl{position:relative;font:700 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.bp-kf ul{position:relative;list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0}
.bp-kf li{display:flex;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:16px;line-height:1.55;color:#E6E9ED}
.bp-kf li:first-child{border-top:0;padding-top:4px}
.bp-kf li::before{content:"";flex:none;width:6px;height:6px;background:var(--red);margin-top:9px}
@media (max-width:899px){
.bp-tocl{cursor:pointer;padding:4px 0}
}
@keyframes gnping{to{transform:scale(2.8);opacity:0}}
@keyframes evflip{0%{transform:rotateX(90deg);opacity:0}60%{transform:rotateX(-12deg);opacity:1}100%{transform:none;opacity:1}}
:root{--t-h2s:clamp(28px,2.5vw,36px);--t-h3l:clamp(20px,1.7vw,24px)}
:root{--t-h2:clamp(32px,3.06vw,44px);--t-h2s:clamp(26px,2.22vw,32px)}
:focus-visible{outline:2px solid var(--red,#F5455C)!important;outline-offset:3px!important}
@keyframes hbar-ring{0%{transform:scale(.25);opacity:.6}100%{transform:scale(1.5);opacity:0}}
@keyframes hbar-core{0%,100%{opacity:1}50%{opacity:.55}}