/* Guided tour and feature signals */
html:not(.pf-keep) .pftr{position:fixed;inset:0;z-index:100050;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
html:not(.pf-keep) .pftr__block{position:absolute;inset:0;pointer-events:auto;background:transparent}
html:not(.pf-keep) .pftr__hole{position:fixed;border-radius:14px;box-shadow:0 0 0 2px #7ce0a2,0 0 0 9999px rgba(3,6,8,.72);transition:left .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}
html:not(.pf-keep) .pftr__hole:after{content:"";position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 0 0 rgba(124,224,162,.55);animation:pftrRing 1.8s ease-out infinite}
@keyframes pftrRing{0%{box-shadow:0 0 0 0 rgba(124,224,162,.55)}100%{box-shadow:0 0 0 14px rgba(124,224,162,0)}}
html:not(.pf-keep) .pftr.is-big .pftr__hole{box-shadow:0 0 0 9999px rgba(3,6,8,.78)}
html:not(.pf-keep) .pftr.is-big .pftr__hole:after{display:none}
html:not(.pf-keep) .pftr__tip{position:fixed;pointer-events:auto;box-sizing:border-box;width:360px;max-width:calc(100vw - 24px);padding:18px 18px 16px;border-radius:18px;background:#121618;border:1px solid rgba(124,224,162,.28);box-shadow:0 24px 60px rgba(0,0,0,.55);color:#e9eef0;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;outline:0}
html:not(.pf-keep) .pftr.is-in .pftr__tip{opacity:1;transform:none}
html:not(.pf-keep) .pftr.is-big .pftr__tip{left:50%!important;top:50%!important;width:440px;transform:translate(-50%,-46%);padding:26px 24px 20px}
html:not(.pf-keep) .pftr.is-big.is-in .pftr__tip{transform:translate(-50%,-50%)}
html:not(.pf-keep) .pftr__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
html:not(.pf-keep) .pftr__n{font-size:12px;font-weight:700;letter-spacing:.02em;color:#7ce0a2}
html:not(.pf-keep) .pftr .pftr__skip{padding:4px 2px;border:0;background:none;color:#8a979d;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
html:not(.pf-keep) .pftr .pftr__skip:hover{color:#fff}
html:not(.pf-keep) .pftr .pftr__t{margin:0 0 6px!important;font-size:18px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.01em;color:#fff!important}
html:not(.pf-keep) .pftr.is-big .pftr__t{font-size:24px!important}
html:not(.pf-keep) .pftr .pftr__x{margin:0!important;font-size:14.5px!important;line-height:1.55!important;color:#b9c4c8!important}
html:not(.pf-keep) .pftr__trust{list-style:none;margin:14px 0 0!important;padding:0!important;display:grid;gap:9px}
html:not(.pf-keep) .pftr__trust li{display:flex;align-items:flex-start;gap:10px;margin:0!important;font-size:14px;line-height:1.45;color:#e2e8ea}
html:not(.pf-keep) .pftr__trust svg{flex:none;width:18px;height:18px;padding:2px;border-radius:50%;background:linear-gradient(103deg,#8ee6a6,#c9f24d);fill:none;stroke:#06180d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box}
html:not(.pf-keep) .pftr__dots{display:flex;gap:5px;margin:16px 0 0}
html:not(.pf-keep) .pftr__dots i{width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.18);transition:width .25s,background .25s}
html:not(.pf-keep) .pftr__dots i.is-on{width:18px;background:#7ce0a2}
html:not(.pf-keep) .pftr__btns{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
html:not(.pf-keep) .pftr .pftr__back,html:not(.pf-keep) .pftr .pftr__next{height:40px;padding:0 18px;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
html:not(.pf-keep) .pftr .pftr__back{background:rgba(255,255,255,.08);color:#e9eef0}
html:not(.pf-keep) .pftr .pftr__back:hover{background:rgba(255,255,255,.14)}
html:not(.pf-keep) .pftr .pftr__next{background:linear-gradient(103deg,#8ee6a6,#c9f24d);color:#06180d}
html:not(.pf-keep) .pftr .pftr__dash{margin-right:auto}
html:not(.pf-keep) .pftr [hidden]{display:none!important}
@media (max-width:900px){
  html:not(.pf-keep) .pftr:not(.is-big) .pftr__tip{left:10px!important;right:10px;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);width:auto!important;max-width:none}
  html:not(.pf-keep) .pftr.is-big .pftr__tip{width:calc(100vw - 28px)}
  html:not(.pf-keep) .pftr .pftr__btns{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.pftr__hole,.pftr__tip{transition:none}.pftr__hole:after,.pftr__sig:after{animation:none}}
html:not(.pf-keep) html.pftr-on .pfao__bar{pointer-events:none}

/* signals on features not tried yet */
html:not(.pf-keep) .pftr__sig{position:absolute;top:-3px;right:-3px;z-index:3;width:10px;height:10px;border-radius:50%;background:#7ce0a2;box-shadow:0 0 0 2px #0b0e10;pointer-events:none}
html:not(.pf-keep) .pftr__sig:after{content:"";position:absolute;inset:0;border-radius:50%;background:#7ce0a2;animation:pftrSig 1.6s ease-out infinite}
@keyframes pftrSig{0%{transform:scale(1);opacity:.7}100%{transform:scale(3);opacity:0}}

/* Settings card */
html:not(.pf-keep) .pftr__set{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:6px}

/* light mode, written by hand */
html[data-pftheme="light"] .pftr__tip{background:#fff;border-color:rgba(20,151,90,.3);box-shadow:0 24px 60px rgba(0,0,0,.25);color:#14181b}
html[data-pftheme="light"] .pftr .pftr__t{color:#0d0f11!important}
html[data-pftheme="light"] .pftr .pftr__x{color:#3d4a50!important}
html[data-pftheme="light"] .pftr__n{color:#14975a}
html[data-pftheme="light"] .pftr .pftr__skip{color:#5a656b}
html[data-pftheme="light"] .pftr .pftr__skip:hover{color:#0d0f11}
html[data-pftheme="light"] .pftr__trust li{color:#1b2226}
html[data-pftheme="light"] .pftr__dots i{background:rgba(0,0,0,.14)}
html[data-pftheme="light"] .pftr__dots i.is-on{background:#14975a}
html[data-pftheme="light"] .pftr .pftr__back{background:#e8eef1;color:#14181b}
html[data-pftheme="light"] .pftr__hole{box-shadow:0 0 0 2px #14975a,0 0 0 9999px rgba(10,16,20,.55)}
html[data-pftheme="light"] .pftr.is-big .pftr__hole{box-shadow:0 0 0 9999px rgba(10,16,20,.6)}
html[data-pftheme="light"] .pftr__sig{box-shadow:0 0 0 2px #fff}
