.pgp{font-family:verdana,sans-serif;font-size:13px;line-height:1.5;margin:0 0 14px 0}
.pgp a.pgp-btn{color:#000099;text-decoration:none;cursor:pointer}
.pgp a.pgp-btn:hover{text-decoration:underline}
.pgp .pgp-meta{color:#666}
.pgp-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #ccc;font-family:verdana,sans-serif;font-size:12px;color:#000;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;z-index:9999;box-shadow:0 -1px 6px rgba(0,0,0,.06)}
.pgp-bar[hidden]{display:none}
.pgp-bar button{font-family:verdana,sans-serif;font-size:12px;background:#fff;border:1px solid #999;border-radius:3px;padding:4px 9px;cursor:pointer;color:#000}
.pgp-bar button:hover{background:#f2f2f2}
.pgp-bar .pgp-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32vw}
.pgp-bar .pgp-time{font-variant-numeric:tabular-nums;color:#444;white-space:nowrap}
.pgp-bar .pgp-track{flex:1;height:6px;background:#e5e5e5;border-radius:3px;cursor:pointer;position:relative;min-width:60px}
.pgp-bar .pgp-fill{position:absolute;left:0;top:0;bottom:0;background:#000099;border-radius:3px;width:0}
.pgp-bar .pgp-note{color:#888;font-size:10px;white-space:nowrap}
.pgp-bar .pgp-close{border:0;font-size:16px;line-height:1;padding:2px 6px}
@media (max-width:600px){.pgp-bar .pgp-note,.pgp-bar .pgp-title{display:none}}