.player-dialog { width:min(500px,calc(100vw - 32px)); max-height:90dvh; overflow:auto; padding:28px; border:2px solid #92b3a6; border-radius:20px; background:#f7f4e9; color:#183e40; box-shadow:0 20px 80px #0008; }
.player-dialog::backdrop { background:#092327d9; backdrop-filter:blur(6px); }
.player-dialog header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.player-dialog h2 { margin:6px 0; font-size:28px; }.player-dialog small { color:#826a25; letter-spacing:2px; }
.player-dialog p { line-height:1.7; }.player-dialog label { display:block; margin:16px 0 6px; font-weight:700; }
.player-dialog input,.player-dialog select { box-sizing:border-box; width:100%; border:1px solid #aac3b8; border-radius:8px; padding:12px; background:white; color:#153d3d; font:inherit; }
.player-dialog button { cursor:pointer; padding:11px 16px; border:1px solid #658f83; border-radius:8px; background:#1c6660; color:#fff; font:inherit; font-weight:700; }
.player-dialog button:disabled { opacity:.5; cursor:wait; }.player-dialog button:focus-visible,.player-dialog input:focus-visible { outline:3px solid #d7ac46; outline-offset:3px; }
.player-actions { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }.player-actions>* { flex:1; }
.player-dialog .player-secondary,.player-dialog #player-import-skip { background:transparent; color:#24544e; }
.player-help { font-size:13px; color:#5d756c; }.player-import { margin-top:20px; padding-top:16px; border-top:1px solid #afc3b5; }
.player-import button,#player-recovery button { display:block; width:100%; margin:10px 0; }
#player-message { color:#805c24; font-weight:600; }#player-close { background:transparent; color:#24544e; font-size:24px; padding:4px 12px; }
.player-cloud-state { position:fixed; bottom:10px; left:50%; transform:translateX(-50%); z-index:100; max-width:90vw; padding:10px 20px; background:#642e25; color:white; border-radius:10px; font-size:14px; }
@media(max-width:600px){.player-dialog{padding:20px;}.player-dialog h2{font-size:24px;}}