.prl-znak{flex:none;width:32px;height:32px;border-radius:9px;background:var(--accent);color:var(--on-accent);
  display:grid;place-items:center;font-weight:700;font-size:16px;line-height:1}
.prl-x{flex:none;width:44px;height:44px;border-radius:12px;background:var(--surface-2);border:0;
  display:grid;place-items:center;cursor:pointer;padding:0}
.prl-x:hover{background:var(--line)}
.prl-x svg{stroke:var(--ink-2);fill:none;stroke-width:2.2;stroke-linecap:round}
.prl-okno{position:fixed;inset:0;z-index:var(--z-kartokno);display:flex;align-items:flex-end;justify-content:center}
.prl-scrim{position:absolute;inset:0;background:rgba(30,26,20,.46)}
.prl-box{position:relative;z-index:1;outline:none;width:min(480px,100%);max-height:min(86dvh,620px);display:flex;flex-direction:column;
  background:var(--surface);box-shadow:var(--sh-3);border-radius:var(--r-drawer) var(--r-drawer) 0 0}
@media(min-width:641px){
  .prl-okno{align-items:center}
  .prl-box{border-radius:var(--r-drawer)}
}
.prl-head{flex:none;display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s2) var(--s2) var(--s4);
  border-bottom:1px solid var(--line)}
.prl-t{flex:1;min-width:0;font-size:16px;font-weight:700;color:var(--ink)}
.prl-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding:var(--s4) var(--s4) calc(var(--s4) + env(safe-area-inset-bottom,0px))}
.prl-p{margin:0 0 var(--s3);font-size:14px;line-height:1.5;color:var(--ink)}
.prl-tiho{color:var(--ink-2);font-size:13px}
.prl-shagi{margin:0 0 var(--s3);padding:0;list-style:none;counter-reset:prl}
.prl-shagi li{counter-increment:prl;position:relative;padding:0 0 0 36px;margin:0 0 var(--s3);
  font-size:14px;line-height:1.5;color:var(--ink);min-height:26px}
.prl-shagi li::before{content:counter(prl);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;
  background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13px;display:grid;place-items:center}
.prl-ok{width:100%;justify-content:center;margin-top:var(--s2)}
.prl-polosa-wrap{position:fixed;left:var(--s3);right:var(--s3);
  bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + var(--s3));z-index:var(--z-fab)}
.prl-polosa{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s2) var(--s2) var(--s3);
  background:var(--card);border-radius:var(--r-card);box-shadow:var(--sh-3)}
.prl-polosa-t{flex:1;min-width:0;font-size:13px;line-height:1.4;color:var(--ink)}
.prl-polosa-b{flex:none;padding:0 var(--s3)}
@media(max-width:420px){ .prl-polosa .prl-znak{display:none} }
body.kartochka-otkryta #prlPolosa{display:none}
body:not([data-ekran="me"]) #prlPolosa{display:none}
body[data-ekran="me"] #prlPolosa{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 84px)}
@media(max-width:820px){
  body[data-ekran="me"]:has(> #prlPolosa) .wrap{
    padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 84px + var(--prl-h,96px) + var(--s3))}
}
.prl-vhod .prl-vhod-pole{margin:var(--s3) 0 var(--s2)}
.prl-vhod .prl-vhod-pole label{display:block;font-size:11px;font-weight:700;text-transform:none;
  color:var(--ink-2);margin-bottom:5px}
.prl-vhod .prl-vhod-pole input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg);
  padding:0 13px;font-size:16px;box-sizing:border-box;color:var(--ink)}
.prl-vhod .prl-vhod-pole input:focus{border-color:var(--accent);outline:none}
.prl-vhod-b{width:100%;justify-content:center;background:var(--card);margin-bottom:var(--s2)}
.prl-vhod .prl-tiho{display:block}
.prl-prosmotr{position:fixed;inset:0;z-index:var(--z-toast);display:flex;flex-direction:column;background:var(--bg);
  padding-top:env(safe-area-inset-top,0px)}
.prl-pr-head{flex:none;display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-bottom:1px solid var(--line)}
.prl-pr-imya{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prl-pr-skachat{flex:none}
.prl-pr-telo{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;
  align-items:center;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0px)}
.prl-pr-img{max-width:100%;max-height:100%;object-fit:contain}
.prl-pr-ramka{width:100%;height:100%;border:0;background:#fff}
.prl-pr-net{max-width:320px;padding:var(--s4);text-align:center;font-size:14px;color:var(--ink-2)}
.prl-pk-wrap{position:fixed;left:0;top:0;z-index:var(--z-toast);padding:8px 8px 0;box-sizing:border-box}
.prl-pk{background:var(--card);box-shadow:var(--sh-3)}
.prl-okno .prl-box{max-width:100%}
html{touch-action:manipulation}