.lpf{--lpf-bg:#111;--lpf-border:#2e2e2e;--lpf-text:#f2f2f2;--lpf-muted:#7a7a7a;--lpf-hl:#5fd08a;--lpf-icon-bg:#16224d;--lpf-dot:#3fb871;--lpf-header:#bdbdbd;--lpf-radius:16px;--lpf-fs:16px;--lpf-icon:44px;--lpf-maxw:520px;
box-sizing:border-box;width:100%;max-width:var(--lpf-maxw);margin:0 auto;font-size:var(--lpf-fs);line-height:1.35;color:var(--lpf-text)}
.lpf *,.lpf *::before,.lpf *::after{box-sizing:border-box}
.lpf-head{display:flex;align-items:center;gap:.65em;margin:0 0 .7em;font-size:.9em;color:var(--lpf-header)}
.lpf-dot{position:relative;flex:none;width:.65em;height:.65em;border-radius:50%;background:var(--lpf-dot)}
.lpf-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--lpf-dot);animation:lpf-ping 1.6s cubic-bezier(0,0,.2,1) infinite}
@keyframes lpf-ping{75%,100%{transform:scale(2.6);opacity:0}}
.lpf-card{background:var(--lpf-bg);border:1px solid var(--lpf-border);border-radius:var(--lpf-radius);padding:0 .8em;overflow:hidden}
.lpf-list{list-style:none;margin:0;padding:.5em 0}
.lpf-feed .lpf-list{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 .7em,#000 calc(100% - .7em),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 .7em,#000 calc(100% - .7em),transparent 100%)}
.lpf-item{display:grid;grid-template-rows:1fr;margin:0;padding:0;opacity:1;transition:grid-template-rows .45s ease,opacity .45s ease}
.lpf-item.lpf-enter,.lpf-item.lpf-leave{grid-template-rows:0fr;opacity:0}
.lpf-inner{min-height:0;overflow:hidden}
.lpf-row{display:flex;align-items:center;gap:.9em;padding:.6em .2em}
.lpf-icon{flex:none;display:flex;align-items:center;justify-content:center;width:var(--lpf-icon);height:var(--lpf-icon);border-radius:calc(var(--lpf-radius)*.65);background:var(--lpf-icon-bg);font-size:calc(var(--lpf-icon)*.5);line-height:1;overflow:hidden}
.lpf-icon img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:0}
.lpf-body{min-width:0;flex:1}
.lpf-main{color:var(--lpf-text);font-weight:500;overflow-wrap:anywhere}
.lpf-hl{color:var(--lpf-hl);font-weight:600}
.lpf-sub{margin-top:.15em;color:var(--lpf-muted);font-size:.85em;overflow-wrap:anywhere}

/* Popup */
.lpf-popup{position:fixed;z-index:99999;margin:0;width:calc(100% - 24px);max-width:min(var(--lpf-maxw),400px);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}
.lpf-popup.lpf-show{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease,transform .35s ease}
.lpf-popup .lpf-card{box-shadow:0 12px 32px rgba(0,0,0,.28);padding-right:1.6em}
.lpf-popup .lpf-list{padding:.2em 0}
.lpf-pos-bottom-left{left:12px;bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.lpf-pos-bottom-right{right:12px;bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.lpf-pos-top-left{left:12px;top:12px;top:calc(12px + env(safe-area-inset-top,0px));transform:translateY(-14px)}
.lpf-pos-top-right{right:12px;top:12px;top:calc(12px + env(safe-area-inset-top,0px));transform:translateY(-14px)}
.lpf-popup.lpf-show.lpf-pos-top-left,.lpf-popup.lpf-show.lpf-pos-top-right{transform:none}
.lpf-close{position:absolute;top:.35em;right:.5em;z-index:2;width:1.6em;height:1.6em;padding:0;border:0;border-radius:50%;background:transparent;color:var(--lpf-muted);font-size:1.2em;line-height:1;cursor:pointer}
.lpf-close:hover,.lpf-close:focus-visible{color:var(--lpf-text);background:rgba(128,128,128,.2);outline:none}

@media (max-width:480px){
.lpf{font-size:calc(var(--lpf-fs)*.92)}
.lpf-icon{width:calc(var(--lpf-icon)*.86);height:calc(var(--lpf-icon)*.86)}
.lpf-row{gap:.75em}
.lpf-popup{width:auto;max-width:none}
.lpf-popup.lpf-pos-bottom-left,.lpf-popup.lpf-pos-bottom-right,.lpf-popup.lpf-pos-top-left,.lpf-popup.lpf-pos-top-right{left:12px;right:12px}
}
@media (max-width:600px){.lpf-popup.lpf-nomobile{display:none!important}}
@media (prefers-reduced-motion:reduce){.lpf-item,.lpf-popup,.lpf-popup.lpf-show{transition:none}.lpf-dot::after{animation:none}}