:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#041127;color:#f1f7ff;font:15px/1.5 Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd100}button{padding:9px 14px;border:1px solid #527c9d;background:#102e4c;color:#e7f3ff;border-radius:6px}a{color:#8ed5ff}#pp-frames{position:fixed;inset:0}#pp-frames iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#041127}#pp-frames iframe.pp-pending{visibility:hidden;pointer-events:none}#pp-loading{position:fixed;top:0;left:0;right:0;z-index:30;padding:10px 20px;text-align:center;background:#092948f2;border-bottom:2px solid #ffd100;color:#e7f5ff}#pp-error{position:fixed;z-index:40;top:20px;left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 28px));padding:24px;border:1px solid #ffd100;border-radius:12px;background:#061b31;box-shadow:0 15px 55px #0009}#pp-error h1{font-size:23px;margin:0 0 12px}#pp-error a{display:inline-block;margin:12px}#pp-launch{position:fixed;right:18px;bottom:18px;z-index:50;background:#ffd100;color:#031327;border-color:#ffd100;font-weight:bold;box-shadow:0 6px 24px #0006;min-height:44px}#pp-player{position:fixed;right:18px;bottom:76px;width:350px;max-width:calc(100% - 24px);max-height:calc(100dvh - 100px);overflow:auto;z-index:50;border:1px solid #5791bb;border-radius:12px;background:#071c33;box-shadow:0 14px 48px #0008}#pp-player header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#103454;position:sticky;top:0;z-index:1}#pp-player header p{color:#90c9f0;font-size:10px;letter-spacing:.14em;margin:0}#pp-heading{font-size:19px;margin:3px 0 0}.pp-body{padding:18px}.pp-now{display:grid;grid-template-columns:85px 1fr;gap:16px;align-items:center;margin-bottom:18px}.pp-now img{width:85px;height:110px;object-fit:cover;border-radius:6px}#pp-title{font-size:19px;margin:5px 0 14px;line-height:1.3}.pp-transport{display:flex;gap:7px}.pp-transport button{min-height:42px}#pp-play{background:#ffd100;color:#041127;border-color:#ffd100;min-width:72px}.pp-body label{display:block;font-size:12px;color:#bcd3e5;margin-top:11px}.pp-body input[type=range]{width:100%;accent-color:#45b8ff;min-height:24px;margin:0}.pp-time{display:flex;justify-content:space-between;font-size:11px;color:#a8bed1}#pp-track{display:block;width:100%;padding:9px;background:#031329;border:1px solid #527594;border-radius:5px;color:#fff;margin-top:5px}.pp-check{display:flex!important;gap:8px;align-items:center}.pp-check input{accent-color:#ffd100}#pp-audio-status{font-size:12px;color:#a8d9ff;min-height:36px;margin:14px 0 6px}.pp-small{color:#a8bfd3;font-size:11px}.pp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pp-skip{position:fixed;top:-100px;left:12px;background:#ffd100;color:#041127;padding:10px;z-index:100}.pp-skip:focus{top:10px}.pp-noscript{padding:40px;position:relative;z-index:40;background:#041127}[hidden]{display:none!important}@media(max-width:500px){#pp-player{right:12px;bottom:72px;max-height:calc(100dvh - 90px)}#pp-launch{right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Test 05: one movable panel in expanded and compact states. */
#pp-player{right:18px;bottom:18px;max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px)}
#pp-player header{gap:8px;padding:9px 10px;align-items:center}
#pp-drag{flex:1;min-width:0;cursor:grab;touch-action:none;user-select:none;padding:3px 5px;border-radius:4px}
#pp-drag:focus-visible{outline:2px solid #8ed5ff;outline-offset:1px}
#pp-drag p{font-size:9px;letter-spacing:.1em}#pp-heading{font-size:16px}
#pp-compact-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#b5dcff;font-size:12px;max-width:210px}
#pp-mini-play,#pp-collapse{flex:none;width:40px;min-height:40px;padding:6px;font-size:19px}
#pp-mini-play{background:#ffd100;color:#041127;border-color:#ffd100}
#pp-player.pp-compact{width:300px;overflow:hidden}#pp-player.pp-compact .pp-body{display:none}
#pp-player.pp-compact #pp-heading{display:none}
#pp-drag-shield{display:none;position:fixed;inset:0;z-index:49;cursor:grabbing}
body.pp-dragging #pp-drag-shield{display:block}body.pp-dragging #pp-drag{cursor:grabbing}
#pp-frames iframe:focus{outline:none}