#pj-scrim{position:fixed;inset:0;z-index:1290;background:rgba(0,0,0,.34);opacity:0;pointer-events:none;transition:opacity .2s}
#pj-scrim.on{opacity:1;pointer-events:auto}
:root[data-design="shtab"] #pj-pop{position:fixed;z-index:1300;left:50%;top:13vh;width:440px;max-width:calc(100vw - 24px);margin-left:-220px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
  font-family:var(--font-ui,Geist,system-ui,sans-serif);color:#f4f4f2;opacity:0;pointer-events:none;transform:translateY(10px) scale(.98);transition:opacity .2s,transform .4s cubic-bezier(.2,.85,.2,1);--pc:#8c97e8}
:root[data-design="shtab"] #pj-pop.on{opacity:1;pointer-events:auto;transform:none}
@media (max-width:480px){:root[data-design="shtab"] #pj-pop{left:12px;margin-left:0}}
#pj-pop *{box-sizing:border-box}
#pj-pop button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}
#pj-pop :is(input,textarea){font:inherit;color:inherit;border:0;outline:none;background:none}
#pj-pop svg{width:16px;height:16px;flex:none}
/* тёмное тело спереди; светлая часть начинается под ним — её верхний край спрятан, светлой кромки нет */
#pj-pop .pj-f{position:relative;z-index:1;border-radius:30px;background:#2c2c2f;padding:20px 20px 20px;box-shadow:0 14px 26px -12px rgba(0,0,0,.75)}
#pj-pop .pj-h{display:flex;gap:13px;align-items:flex-start}
#pj-pop .pj-sw{width:28px;height:28px;border-radius:10px;background:var(--pc);flex:none;margin-top:3px;transition:transform .14s cubic-bezier(.2,.85,.2,1),background .2s}
#pj-pop .pj-sw:hover{transform:scale(1.08)}
#pj-pop .pj-sw.dash{background:none;box-shadow:inset 0 0 0 1.5px var(--pc);opacity:.9;cursor:default}
#pj-pop .pj-tt{flex:1;min-width:0}
#pj-pop .pj-tp{font-size:13px;color:#8d8d92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pj-pop .pj-n{display:block;width:100%;font-size:17px;font-weight:500;letter-spacing:-.005em;margin-top:2px;line-height:1.3;caret-color:#b9f36c}
#pj-pop .pj-n::placeholder,#pj-pop .pj-d::placeholder{color:#6d6d72}
#pj-pop .pj-x{width:32px;height:32px;border-radius:11px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#c4c4c8;flex:none;transition:background .15s}
#pj-pop .pj-x:hover{background:rgba(255,255,255,.13)}
#pj-pop .pj-x svg{width:13px;height:13px}
#pj-pop .pj-d{display:block;width:100%;margin-top:12px;font-size:14px;line-height:1.5;color:#d8d8da;resize:none;min-height:42px;max-height:160px;caret-color:#b9f36c}
#pj-pop .pj-u{position:relative;z-index:0;margin-top:-30px;padding-top:30px;border-radius:0 0 30px 30px;background:linear-gradient(180deg,#f4f4f2,#e4e4e0);color:#161618;box-shadow:0 30px 50px -28px rgba(0,0,0,.9)}
#pj-pop .pj-dk{padding:14px 20px 2px;animation:pjIn .35s cubic-bezier(.2,.85,.2,1)}
@keyframes pjIn{from{opacity:0;transform:translateY(8px)}}
#pj-pop .pj-dt{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600}
#pj-pop .pj-dt i{width:28px;height:28px;border-radius:9px;background:#161618;color:#f4f4f2;display:grid;place-items:center}
#pj-pop .pj-dt small{margin-left:auto;font:500 11px var(--sh-mono,'Geist Mono',monospace);color:#6d6d72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
#pj-pop .pj-o{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}
#pj-pop .pj-c{width:30px;height:30px;border-radius:10px;transition:transform .14s cubic-bezier(.2,.85,.2,1)}
#pj-pop .pj-c:hover{transform:scale(1.1)}
#pj-pop .pj-c.on{box-shadow:0 0 0 2px #ececea,0 0 0 4px #161618}
#pj-pop .pj-cu{position:relative;overflow:hidden;background:conic-gradient(#ff6b6b,#f5c84b,#3dd68c,#4fc3f7,#8b83ff,#ff7ab6,#ff6b6b)}
#pj-pop .pj-cu input{position:absolute;inset:-8px;width:60px;height:60px;opacity:0;cursor:pointer;padding:0}
#pj-pop .pj-op{height:30px;border-radius:9px;padding:0 10px;font-size:12.5px;font-weight:500;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s}
#pj-pop .pj-op:hover{background:#fff}
#pj-pop .pj-op.on{background:#161618;color:#f4f4f2;box-shadow:none}
#pj-pop .pj-op.red{background:rgba(180,30,20,.12);color:#8a1c14;box-shadow:none}
#pj-pop .pj-op .rm{opacity:.55;margin-right:-3px;font-size:14px;line-height:1}
#pj-pop .pj-in{height:30px;border-radius:9px;padding:0 10px;font-size:12.5px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);min-width:150px;flex:1}
#pj-pop input[type="date"].pj-in{flex:none;min-width:0;width:150px;color-scheme:light}
#pj-pop .pj-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;color:#161618;background:linear-gradient(160deg,#fff,#d6d6d2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);opacity:.45;transition:opacity .15s,box-shadow .15s}
#pj-pop .pj-av.on{opacity:1;box-shadow:0 0 0 2px #ececea,0 0 0 4px #161618}
#pj-pop .pj-hint{flex-basis:100%;font-size:12px;color:#6d6d72;line-height:1.45;margin-top:2px}
#pj-pop .pj-vis{display:flex;gap:6px;padding:10px 12px 2px}
#pj-pop .pj-vis button{flex:1 1 0;min-width:0;text-align:left;border-radius:12px;padding:8px 11px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:2px;transition:background .15s,box-shadow .15s}
#pj-pop .pj-vis button:hover{background:#fff}
#pj-pop .pj-vis button b{font-size:13px;font-weight:600;color:#161618}
#pj-pop .pj-vis button small{font-size:11px;color:#6d6d72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pj-pop .pj-vis button.on{background:#161618;box-shadow:none}#pj-pop .pj-vis button.on b{color:#f4f4f2}#pj-pop .pj-vis button.on small{color:#a8a8ad}
#pj-pop .pj-vis.need button{box-shadow:inset 0 0 0 1.5px #e5484d}
#pj-pop .pj-s{min-height:52px;display:flex;align-items:center;gap:4px;padding:8px 12px 8px 14px;color:#3a3a3d}
#pj-pop .pj-s > button:not(.pj-go){width:40px;height:36px;border-radius:11px;display:grid;place-items:center;position:relative;transition:background .15s,color .15s}
#pj-pop .pj-s > button:not(.pj-go):hover{background:rgba(0,0,0,.07)}
#pj-pop .pj-s > button.on:not(.pj-go){background:#161618;color:#f4f4f2}
#pj-pop .pj-s > button.set:not(.on)::after{content:"";position:absolute;right:7px;top:6px;width:5px;height:5px;border-radius:50%;background:#161618}
#pj-pop .pj-s > button.pj-op{width:auto;height:30px;display:inline-flex;padding:0 10px;white-space:nowrap}
#pj-pop .pj-s > button.pj-op.red:hover{background:rgba(180,30,20,.2)}
#pj-pop .pj-s .sp{flex:1}
#pj-pop .pj-s .nt{font-size:12px;color:#6d6d72;padding:0 6px}
#pj-pop .pj-go{height:34px;padding:0 14px;border-radius:11px;background:linear-gradient(180deg,#2c2c2f,#161618);color:#f4f4f2;font-size:14px;font-weight:500;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 14px -8px rgba(0,0,0,.6);transition:transform .14s cubic-bezier(.2,.85,.2,1),filter .2s}
#pj-pop .pj-go:hover{filter:brightness(1.15)}
#pj-pop .pj-go:active{transform:translateY(1px) scale(.98)}
#pj-pop .pj-go:disabled{opacity:.55;cursor:default}