.topbar{flex-wrap:wrap}.player-strip{flex:1 0 100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid var(--ink,#252250);border-radius:16px;background:#fffdf6;font-size:13px;min-width:0}.player-strip strong{max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-strip [role=status]{flex:1;color:#716680}.player-strip button,.cloud-panel button,.cloud-panel input{font:inherit}.player-strip button{border:1px solid #b9afd0;border-radius:10px;background:#ede8ff;color:#252250;padding:7px 10px;cursor:pointer}.player-strip button:disabled{opacity:.5}.cloud-panel{color:#252250;max-width:540px;margin:auto;padding:0 4px 20px}.cloud-panel h2{font-size:25px;margin:8px 0 12px}.cloud-panel p{line-height:1.65}.cloud-panel .cloud-muted{font-size:13px;color:#766a85}.cloud-panel label{display:block;font-weight:700;margin:16px 0 6px}.cloud-panel input{box-sizing:border-box;width:100%;min-height:46px;padding:10px;border:2px solid #bfb2d4;border-radius:12px;background:#fff;color:#252250}.cloud-panel button{min-height:44px;border:2px solid #252250;border-radius:12px;background:#fff4c7;color:#252250;padding:9px 14px;cursor:pointer}.cloud-panel .cloud-primary{background:#ff87bd;font-weight:800}.cloud-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.cloud-panel .cloud-error{color:#aa2452;min-height:24px;white-space:pre-line}.cloud-choice{border:2px solid #d8cce9;border-radius:15px;padding:12px;margin:12px 0;background:#faf6ff}.cloud-choice h3{margin:0 0 6px}.cloud-choice p{margin:4px 0 12px}.cloud-shield{position:fixed;inset:0;z-index:10000;background:#fff9ede8;display:grid;place-items:center;text-align:center;padding:24px;color:#252250;font-size:19px;font-weight:800}.cloud-shield[hidden]{display:none}body[data-room=dark] .player-strip{background:#29253c;border-color:#84749e;color:#fff4d9}body[data-room=dark] .player-strip [role=status]{color:#d5c8e7}@media(max-width:480px){.player-strip{gap:6px;padding:7px 8px;font-size:11px}.player-strip button{padding:7px}.player-strip strong{max-width:25%}.cloud-panel h2{font-size:22px}}
.player-strip{position:relative;z-index:31}.audio-control .audio-hint{top:calc(100% + 78px)}
#cloud-modal{box-sizing:border-box;width:min(94vw,620px);max-height:90dvh;border:3px solid #252250;border-radius:22px;background:#fffdf6;padding:0 18px 10px;overflow:auto;box-shadow:0 8px 0 #252250}#cloud-modal::backdrop{background:#17132999}#cloud-modal .modal-toolbar{position:sticky;top:0;z-index:2;background:#fffdf6;display:flex;justify-content:flex-end;padding:9px 0}#cloud-modal .modal-toolbar button{border:2px solid #252250;border-radius:50%;width:44px;height:44px;background:white;color:#252250;font-size:26px;cursor:pointer}