.empty{padding:35px 22px;background:#eeebe3;border-radius:14px;color:#646d6a;font-size:14px;line-height:1.5}.notice{padding:12px 15px;border-radius:10px;background:#fff4d9;color:#6d5930;font-size:13px;line-height:1.5;margin-bottom:16px}.music-hero{background:#e0e8ec}.music-list{background:#fff;border-radius:16px;padding:9px 0;box-shadow:0 8px 32px #24303d0b}.song{display:flex;align-items:center;gap:15px;width:100%;border:0;text-align:left;background:none;padding:15px 18px;color:#263039}.song.active{background:#edf6ff}.round-play{border:1px solid #c8d0d2;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex:none}.song-info{min-width:0;flex:1}.song-info small,.mini-info small{display:block;font-size:10px;letter-spacing:.14em;color:#7b8a91;font-weight:700;text-transform:uppercase}.song-info strong,.mini-info strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song time{font-size:12px;color:#8c9594}.upload{display:inline-block;background:#278be9;color:#fff;border:0;border-radius:11px;padding:13px 19px;font-size:13px;font-weight:700;margin:20px 0}.mini{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);width:min(920px,100%);background:#2488e9;color:#fff;display:flex;align-items:center;gap:13px;padding:13px 18px;z-index:5;box-shadow:0 -8px 22px #1a61a327}.mini button{border:0;background:#ffffff20;color:#fff;border-radius:50%;width:37px;height:37px;font-size:18px}.mini-info{min-width:0;flex:1}.mini-info small{color:#d3e8ff}.mini input{width:90px;accent-color:white}@media(max-width:480px){.mini input{width:60px}}.music-hero{background:#e7eff4}.empty{background:#fff;border:1px solid #eeece7;padding:27px 20px;color:#6c777b;font-size:13px;text-align:center;box-shadow:0 2px 12px #222c3506}.music-list{border:1px solid #e8ecee;box-shadow:0 2px 16px #24303d0b;padding:0;overflow:hidden}.song{display:flex;gap:0;align-items:center;min-height:70px;padding:0 9px 0 0;border-bottom:1px solid #edf0f1}.song:last-child{border-bottom:0}.song.active{background:#f0f7fc}.song-play{display:flex;align-items:center;gap:12px;min-width:0;flex:1;text-align:left;background:none;border:0;padding:12px 7px 12px 14px;color:#263039}.song .round-play{width:40px;height:40px;background:#edf3f6;color:#233746;font-size:16px}.song-info strong{font-size:14px;line-height:1.4}.song-info small{font-size:10px;letter-spacing:0;color:#788891;margin-top:3px}.song-remove{border:0;background:transparent;color:#677680;font-size:24px;line-height:1;width:40px;height:44px;flex:none;border-radius:10px}.song-remove:hover,.song-remove:focus-visible{background:#fee7e4;color:#b84a46}.upload{display:inline-block;margin:0 0 15px;border-radius:10px;background:#273c4b;padding:11px 16px;font-size:12px;color:#fff}.music-empty{border:0;box-shadow:none}.music-note{margin-top:15px;font-size:12px}.mini{bottom:calc(67px + env(safe-area-inset-bottom));width:min(680px,100%);padding:9px 17px;background:#263b49;gap:9px;box-shadow:0 -5px 16px #14293422}.mini button{width:35px;height:35px;flex:none;font-size:16px;background:#ffffff20}.mini-info strong{font-size:12px}.mini-info small{font-size:9px;color:#bdd5e2}.mini input{width:72px;accent-color:#e1bd72}@media(max-width:480px){.mini input{width:48px}}.music-note{font-size:11px}shared songs and touch ordering */
.music-content{padding-bottom:26px}.music-content .pagehead{min-height:53px;margin-bottom:0;border-bottom:0}.music-content .pagehead h1{margin:0;font-size:20px}.music-tabs{display:flex;gap:4px;background:#edf0ef;border-radius:12px;padding:4px;margin:0 0 14px}.music-tabs button{flex:1;border:0;border-radius:9px;background:transparent;color:#67747b;font-size:13px;font-weight:700;padding:10px 7px;white-space:nowrap}.music-tabs button.active{color:#203440;background:#fff;box-shadow:0 1px 7px #162b3315}.music-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:43px;margin-bottom:11px;color:#7b878b;font-size:12px;font-weight:600}.music-toolbar .upload{margin:0;padding:9px 12px;font-size:12px}.music-hint{color:#8b9495;font-size:11px;line-height:1.4;margin:10px 3px}.song{background:#fff;user-select:none;-webkit-user-select:none}.reorder-handle{width:26px;height:42px;flex:none;display:grid;place-items:center;letter-spacing:-.18em;padding-right:4px;font-size:18px;font-weight:800;color:#a9b3b6;cursor:grab;touch-action:none}.song.is-dragging{background:#eaf5fa;box-shadow:0 3px 15px #274f6930;position:relative;z-index:2}.song.is-drop-target{box-shadow:inset 0 3px #357bab;background:#eaf5fa}.sorting-music,.sorting-music *{user-select:none!important;-webkit-user-select:none!important}@media(max-width:480px){.music-content .pagehead{min-height:49px}.music-content .pagehead h1{font-size:19px}.music-tabs{margin-bottom:11px}.music-toolbar{margin-bottom:9px}.song{min-height:61px}.song-play{padding:9px 4px 9px 11px}.song .round-play{width:36px;height:36px}.song-remove{width:34px}.reorder-handle{width:22px}}/* Persistent audio bar: close stops playback and removes the bar. */
.mini #close-player{flex:0 0 30px;width:30px;height:30px;background:#ffffff25;font-size:22px;line-height:1}@media(max-width:480px){.mini{gap:8px;padding:10px 10px}.mini input{width:51px}.mini .mini-info strong{font-size:12px}.mini button{width:33px;height:33px;font-size:16px}.mini #close-player{width:28px;height:28px;flex-basis:28px}}/* Music Library: visitor-selected files only; added songs persist in My Music. */
.library-intro{background:#eef3f4;border:1px solid #e2ebed;border-radius:13px;padding:15px;margin-bottom:13px}.library-intro p{font-size:12px;line-height:1.5;color:#586c74;margin:0 0 12px}.library-choose{display:flex;gap:8px;flex-wrap:wrap}.library-choose label,.library-toolbar button,.library-song button{border:0;border-radius:9px;background:#273d4b;color:#fff;font-size:12px;font-weight:700;padding:10px 13px;cursor:pointer}.library-choose label:nth-child(2){background:#fff;color:#365264;border:1px solid #d2dfe3}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;color:#60727b;font-size:12px}.library-toolbar button{background:#2385cd;font-size:11px;padding:9px 11px}.library-list{display:grid;gap:8px}.library-song{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e4e9e9;border-radius:11px;padding:10px}.library-note{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:9px;background:#e7f0f4;color:#285577;font-size:18px}.library-song-name{flex:1;min-width:0}.library-song-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.library-song-name small{color:#8c989b;font-size:10px}.library-song button{flex:none;background:#edf3f5;color:#2b536d;font-size:11px;padding:8px 10px}.library-song .library-remove{flex:0 0 29px;width:29px;height:29px;padding:0;background:#f8e8e8;color:#a45050;font-size:18px;line-height:1}/* Keep long Tamil and English filenames inside narrow phone screens. */
.music-content,.library-list,.library-song,.library-song-name{min-width:0;max-width:100%}.library-list{grid-template-columns:minmax(0,1fr);width:100%;overflow:hidden}.library-song{width:100%;box-sizing:border-box;overflow:hidden}.library-song-name strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;line-height:1.25;max-width:100%}.library-song-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-song button{white-space:nowrap}@media(max-width:360px){.library-song{gap:7px;padding:8px}.library-note{width:32px;height:32px}.library-song button{font-size:10px;padding:7px 8px}.library-song .library-remove{width:26px;height:26px;flex-basis:26px;padding:0}}.chat-conversation>.notice{margin:6px 10px;flex-shrink:0;font-size:11px}/* Larger transport controls with a separate volume and position slider. */
.mini{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:6px 10px;padding:10px 14px}.mini .mini-info{min-width:0}.mini .mini-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.mini #close-player{width:36px;height:36px;flex-basis:36px;font-size:25px}.mini-controls{grid-column:1/-1;display:flex;align-items:center;gap:9px;min-width:0}.mini .mini-controls button{width:46px;height:46px;flex:0 0 46px}.mini .mini-controls #toggle{width:52px;height:52px;flex-basis:52px;background:#ffffff35}.mini-controls svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.mini-volume{min-width:0;flex:1;margin-left:3px}.mini-volume span{display:block;font-size:10px;margin-bottom:3px;opacity:.85}.mini .mini-volume input{width:100%;min-width:0;height:28px;accent-color:#fff;cursor:pointer}.mini #seek{grid-column:1/-1;width:100%;height:16px;accent-color:#fff;cursor:pointer}@media(min-width:960px){.mini-volume{max-width:220px;margin-left:auto}.mini .mini-controls button{width:50px;height:50px;flex-basis:50px}.mini .mini-controls #toggle{width:56px;height:56px;flex-basis:56px}}/* Compact player with large touch controls */
.mini{background:linear-gradient(125deg,#183e36,#315f50);border-top:1px solid #ffffff20;box-shadow:0 -8px 24px #163d3028;padding:12px 16px;gap:10px}.mini .mini-info{display:grid;grid-template-columns:42px minmax(0,1fr);gap:3px 11px;align-items:center}.mini-art{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(140deg,#afd3b9,#f0dbac);color:#214638;border-radius:12px;font-size:25px}.mini .mini-info small{color:#b9d8c8;font-size:9px;letter-spacing:.12em}.mini .mini-info strong{font-size:14px;font-weight:750;min-width:0}.mini #close-player{background:#ffffff12}.mini .mini-controls button{background:#ffffff14;border:1px solid #ffffff25}.mini .mini-controls #toggle{background:#d9ebd4;color:#244b3b;box-shadow:0 3px 12px #00000018}.mini-timeline{grid-column:1/-1;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:9px;font-size:10px;color:#d3e6dc}.mini .mini-timeline #seek{grid-column:auto;width:100%;margin:0;accent-color:#d8e9d0}.mini-volume span{font-weight:600;color:#d3e6dc}.mini .mini-volume input{accent-color:#d8e9d0}.music-list{border:1px solid #e3e9de;box-shadow:0 6px 20px #244b3b05}.music-tabs button.active{background:#31563d;color:#fff}.song.active{background:#edf5e8}.round-play{background:#f0f6ec;color:#31563d;border-color:#d8e5d0}@media(max-width:600px){.mini{padding:11px 13px}.mini .mini-info strong{font-size:13px}}
#music .music-content{padding:0;max-width:900px;margin:auto}#music .pagehead{display:none}#music .song{padding:0;border-radius:0;margin:0}#music .song-play{background:transparent;border-radius:0;color:#263039}#music label.upload{display:inline-block}#music .music-toolbar input[hidden],#music .library-choose input[hidden]{display:none}#playerBar{background:transparent;padding:0;box-shadow:none}#playerBar .mini{z-index:9;left:50%;width:min(900px,calc(100% - 36px));bottom:18px;transform:translateX(-50%)}#playerBar input{padding:0;border:0;background:transparent}body.hasMusicPlayer.musicPage{padding-bottom:190px}#submissions .grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){#playerBar .mini{bottom:calc(80px + env(safe-area-inset-bottom));width:100%;border-radius:0}body.hasMusicPlayer.musicPage{padding-bottom:280px}#submissions .grid{grid-template-columns:1fr}#tabs a{flex:0 0 22%;min-width:78px}}

/* Keep Music aligned with the shared desktop content edges. */
@media(min-width:761px){
 #music{width:100%;min-width:0}
 #music .music-content{width:100%;max-width:none;margin:0;padding:0 0 16px}
 #music .music-tabs{width:100%;margin:0 0 16px}
 #music .music-tabs button{font-size:15px;min-height:46px}
 #music .music-toolbar{font-size:14px;min-height:44px;margin-bottom:14px}
 #music .music-toolbar .upload{margin:0;font-size:14px;padding:12px 18px}
 #music .empty{font-size:15px;padding:36px 24px}
 #music .music-hint{font-size:13px;margin:12px 0;line-height:1.5}
 #music .library-intro p,#music .library-toolbar{font-size:14px}
 #music .library-choose label,#music .library-song button{font-size:14px}
 #music .library-song-name strong{font-size:15px}
 #music .library-song-name small{font-size:12px}
 #music .song-info strong{font-size:16px}
 #music .song-info small{font-size:12px}
}

/* Compact phone Music layout and six visible navigation buttons. */
@media(max-width:760px){
 body.musicPage>main{padding:14px 14px 10px}
 body.musicPage .row{margin:0 0 16px;align-items:center}
 body.musicPage .row h2{margin:0;font-size:23px;line-height:1.25}
 body.musicPage #status:empty{display:none}
 body.musicPage #music .music-content{padding:0;margin:0;width:100%;max-width:none}
 body.musicPage #music .music-tabs{margin:0 0 12px}
 body.musicPage #music .music-toolbar{margin:0 0 10px;min-height:40px}
 body.musicPage #music .empty{padding:22px 16px}
 body.musicPage #music .music-hint{margin:9px 0 0;font-size:11px;line-height:1.45}
 body.musicPage>footer{display:flex;align-items:center;justify-content:center;gap:7px 10px;flex-wrap:wrap;padding:16px 14px;margin:0;font-size:11px}
 body.musicPage .footerBrand{font-size:11px}
 body.musicPage .footerNote{font-size:10px}
 body.musicPage .footerAdmin{margin:0;font-size:11px}
 body.musicPage .buildVersion{flex-basis:100%;font-size:9px;margin:0}
 #tabs{gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));scrollbar-width:none}
 #tabs a{flex:1 1 0;min-width:0;padding:8px 2px;font-size:10px;gap:4px}
 #tabs svg{width:21px;height:21px;flex:none}
}