:root{color-scheme:dark;--bg: #070908;--surface: #101411;--surface-2: #171d19;--surface-3: #202821;--line: rgba(255,255,255,.1);--muted: #a8b0aa;--text: #f5fff7;--green: #35d06f;--green-2: #1aa85a;--amber: #e7b657;--blue: #79a7ff;--danger: #ff7777;--shadow: 0 24px 70px rgba(0,0,0,.45);--radius: 14px;--radius-sm: 10px;--sidebar-w: 15rem;--player-h: 5.75rem;--bottom-h: 4.35rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-width:320px;color:var(--text);background:radial-gradient(circle at top left,rgba(53,208,111,.16),transparent 32rem),radial-gradient(circle at 80% 8%,rgba(121,167,255,.12),transparent 28rem),var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block}.muted{color:var(--muted)}.small{font-size:12.5px}.accent{color:var(--green)}.legal{margin-top:14px;opacity:.85}.eyebrow{margin:0;color:var(--green);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tag{display:inline-block;padding:2px 9px;border-radius:999px;background:#79a7ff24;color:var(--blue);font-size:11.5px;font-weight:700}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.btn,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-weight:800;border:1px solid transparent;padding:11px 22px;font-size:14px;transition:transform .08s ease,background .15s ease,filter .15s ease}.btn,.primary-action{background:var(--green);color:#04130a}.btn:hover,.primary-action:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.big{padding:14px 32px;font-size:16px}.btn.small{padding:8px 14px;font-size:13px}.btn.ghost,.secondary-action{background:var(--surface-2);color:var(--text);border-color:var(--line)}.btn.ghost:hover,.secondary-action:hover{background:var(--surface-3)}.btn.ghost.active{border-color:var(--green);color:var(--green)}.btn.danger{background:transparent;color:var(--danger);border-color:#4a2a2a}.btn.danger:hover{background:#2a1818}.btn.icon-only{width:3.15rem;height:3.15rem;padding:0;flex:0 0 3.15rem}.playlist-download-control{display:inline-flex}.playlist-download-toggle.active{color:var(--green);border-color:#35d06f80}.icon-btn,.icon-button-sm{display:inline-grid;place-items:center;background:transparent;border:none;color:var(--muted);border-radius:8px;padding:6px;transition:color .12s ease,background .12s ease}.icon-btn:hover,.icon-button-sm:hover{color:var(--text);background:var(--surface-3)}.icon-button-sm:disabled{opacity:.8;cursor:default}.icon-button-sm:disabled:hover{background:transparent;color:var(--green)}.heart-button{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:0;border-radius:999px;background:transparent;color:var(--muted);transition:color .12s ease}.heart-button.liked,.heart-button:hover{color:var(--green)}.brand,.sidebar-logo,.admin-logo{display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.35rem}.sidebar-logo.big,.admin-logo.big{font-size:1.6rem;justify-content:center}.logo-dot{width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.melofy-logo{display:inline-flex;align-items:center;gap:.65rem;line-height:1}.melofy-mark{flex:0 0 auto;filter:drop-shadow(0 0 12px rgba(53,208,111,.24))}.auth-page{background:radial-gradient(1100px 560px at 50% -10%,#14241a,var(--bg))}.auth-card{background:#101411db;border:1px solid var(--line);border-radius:18px;padding:34px;width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-card h2{margin:6px 0 0}.auth-card label{text-align:left;font-size:13px;color:var(--muted);margin-top:6px}.auth-card input{background:#090c0a;border:1px solid var(--line);color:var(--text);padding:11px 13px;border-radius:10px;width:100%}.auth-card input:focus{outline:none;border-color:var(--green)}.google-btn-wrap{display:flex;justify-content:center}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:6px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.landing{min-height:100vh}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 28px}.landing-hero{max-width:780px;margin:56px auto 40px;padding:0 22px;text-align:center}.landing-hero h1{font-size:clamp(38px,7vw,66px);margin:0 0 16px;line-height:1.04}.landing-hero .lead{font-size:18px;color:var(--muted);max-width:560px;margin:0 auto 28px}.landing-features{max-width:980px;margin:30px auto 80px;padding:0 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.feature{background:#101411cc;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.feature span{font-size:30px}.feature h3{margin:12px 0 6px}.feature p{color:var(--muted);margin:0;font-size:14px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.app-content{grid-column:2;min-width:0;padding-bottom:calc(var(--player-h) + 24px);height:100vh;overflow-y:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--line);background:#070908bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-list{display:grid;gap:.35rem;margin-top:1.5rem}.nav-item{display:flex;align-items:center;gap:.8rem;min-height:2.85rem;padding:0 .85rem;border:0;border-radius:8px;color:var(--muted);background:transparent;font-weight:600;font-size:14.5px}.nav-item:hover,.nav-item.active{background:var(--surface-2);color:var(--text)}.sidebar-footer{margin-top:auto}.page{padding:1.5rem 1.75rem;max-width:1240px}.page-title{font-size:1.9rem;margin:0 0 .6rem}.section-block{margin-top:1.8rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2{margin:.2rem 0 0;font-size:1.45rem}.back-link{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;color:var(--muted);font-weight:700;font-size:14px}.back-link:hover{color:var(--text)}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);gap:1.5rem;align-items:stretch;min-height:20rem;padding:2rem;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#35d06f33,#79a7ff1a),var(--surface)}.hero-copy{align-self:center;max-width:42rem}.hero h1{margin:.5rem 0 0;font-size:clamp(2rem,3.2vw,3rem);line-height:1.05}.hero-copy p{color:var(--muted);line-height:1.6;margin:.6rem 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.hero-art{position:relative;align-self:center;min-height:16rem;max-height:19rem}.hero-art img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 24px 80px #0006}.hero-art-fallback{width:100%;height:100%;min-height:16rem;border-radius:12px;display:grid;place-items:center;font-size:5rem;font-weight:800;color:var(--green);background:linear-gradient(135deg,#243b2c,#14241a)}.live-pill{position:absolute;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.45rem;min-height:2.1rem;padding:0 .8rem;border-radius:999px;background:#061009db;color:var(--green);font-weight:800;font-size:13px}.song-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}.song-card{position:relative;display:grid;gap:.15rem;padding:.8rem;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);text-align:left;transition:background .18s ease}.song-card:hover{background:var(--surface-3)}.card-cover{position:relative;cursor:pointer}.card-cover img,.cover-fallback{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;margin-bottom:.5rem}.cover-fallback{display:grid;place-items:center;color:var(--green);background:linear-gradient(135deg,#243b2c,#14241a)}.cover-fallback.small{width:100%;height:100%;margin:0;border-radius:6px;font-size:18px}.mini-play{position:absolute;right:.6rem;bottom:1rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--green);color:#061009;box-shadow:0 8px 22px #00000073;opacity:0;transform:translateY(8px);transition:all .18s ease}.song-card:hover .mini-play{opacity:1;transform:translateY(0)}.card-body{display:grid;min-width:0}.card-body strong{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body small,.song-card small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-radio{margin-top:.55rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;font-weight:700}.card-radio:hover{color:var(--green);border-color:var(--green)}.song-card .download-action{position:absolute;right:.65rem;top:.65rem}.song-card .download-button{background:#070908bd;color:var(--text);border:1px solid rgba(255,255,255,.12)}.song-card .download-button:hover{color:var(--green);background:#070908eb}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.cat-card{position:relative;display:grid;gap:.1rem;padding:.8rem;text-align:left;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);transition:background .18s ease}.cat-card:hover{background:var(--surface-3)}.cat-card small{color:var(--muted)}.cat-art{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:.5rem;display:grid;place-items:center;font-size:2.2rem;font-weight:800}.cat-art img{width:100%;height:100%;object-fit:cover}.cat-mood .cat-art{background:linear-gradient(135deg,#2a5b3a,#123);color:var(--green)}.cat-genre .cat-art{background:linear-gradient(135deg,#2b3a5b,#122);color:var(--blue)}.cat-artist .cat-art{background:linear-gradient(135deg,#5b4a2b,#221);color:var(--amber)}.cat-play{position:absolute;right:.5rem;bottom:.5rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--green);color:#061009;opacity:0;transform:translateY(6px);transition:all .18s ease}.cat-card:hover .cat-play{opacity:1;transform:translateY(0)}.song-list,.track-list{display:grid;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:.6rem}.track-row{display:grid;grid-template-columns:2.25rem 3rem minmax(8rem,1.5fr) minmax(5rem,.6fr) auto;align-items:center;gap:.75rem;min-height:4.1rem;padding:0 1rem;min-width:0;border:0;border-bottom:1px solid var(--line);background:#1014118c;color:var(--muted);text-align:left}.track-row:last-child{border-bottom:0}.track-row:hover,.track-row.active{background:var(--surface-2);color:var(--text)}.track-row.active .track-title strong{color:var(--green)}.track-index{display:grid;place-items:center;width:2.25rem;background:transparent;border:0;color:var(--muted)}.row-cover{width:3rem;height:3rem;border-radius:6px;overflow:hidden;cursor:pointer;background:var(--surface-3)}.row-cover img{width:100%;height:100%;object-fit:cover}.track-title{display:grid;min-width:0;cursor:pointer}.track-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:.5rem}.row-time{color:var(--muted);font-size:13px;min-width:38px;text-align:right}.hide-mobile{color:var(--muted)}.download-action{position:relative;display:inline-flex;align-items:center}.download-button svg{flex:0 0 auto}.download-button:disabled{color:var(--green);border-color:#35d06f59}.download-error{position:absolute;right:0;top:calc(100% + 4px);z-index:5;width:max-content;max-width:13rem;padding:5px 8px;border-radius:8px;background:#2a1818;color:var(--danger);border:1px solid #4a2a2a;font-size:11px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-input{width:100%;max-width:480px;background:#101411eb;border:1px solid var(--line);color:var(--text);padding:13px 16px;border-radius:999px;font-size:15px;margin-bottom:16px}.search-input:focus{outline:none;border-color:var(--green)}.create-row{display:flex;gap:10px;margin:6px 0 20px;max-width:480px}.create-row input,.jam-input{flex:1;background:#090c0a;border:1px solid var(--line);color:var(--text);padding:10px 14px;border-radius:10px}.create-row input:focus{outline:none;border-color:var(--green)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.library-card{position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px;transition:background .18s ease}.library-card:hover{background:var(--surface-3)}.library-cover{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,#2a2a33,#16161b);margin-bottom:10px}.library-cover.gradient,.detail-cover.gradient{background:linear-gradient(135deg,var(--green),#0a5e2a)}.library-name{font-weight:700}.delete-pl{position:absolute;top:10px;right:10px;opacity:0}.library-card:hover .delete-pl{opacity:1}.detail-header{display:flex;gap:24px;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap}.detail-cover.big{width:200px;height:200px;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;font-size:70px;background:linear-gradient(135deg,#2a2a33,#16161b);box-shadow:var(--shadow)}.detail-cover.big img{width:100%;height:100%;object-fit:cover}.detail-info{display:flex;flex-direction:column;gap:6px}.detail-actions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.player{position:fixed;left:var(--sidebar-w);right:0;bottom:0;z-index:20;display:grid;grid-template-columns:minmax(13rem,1fr) minmax(18rem,1.4fr) minmax(9rem,1fr);align-items:center;gap:1rem;min-height:var(--player-h);padding:.75rem 1.25rem;border-top:1px solid var(--line);background:#070908eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-song{display:flex;align-items:center;gap:.75rem;min-width:0}.player-song img,.player-song .cover-fallback{width:3.4rem;height:3.4rem;border-radius:8px;margin:0}.player-meta{display:grid;min-width:0}.player-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-song small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-center{display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%;max-width:560px;justify-self:center}.player-controls{display:flex;align-items:center;justify-content:center;gap:.7rem}.player-controls button{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:999px;background:transparent;color:var(--muted)}.player-controls button:hover{color:var(--text)}.player-controls button.active-control{color:var(--green)}.player-controls .play-button{width:2.9rem;height:2.9rem;background:var(--text);color:#071009}.player-controls .play-button:hover{transform:scale(1.06);color:#071009}.seek-row{display:flex;align-items:center;gap:.7rem;width:100%}.time{color:var(--muted);font-size:11.5px;min-width:34px;text-align:center}.seek-wrap{position:relative;flex:1;height:14px;display:flex;align-items:center}.seek-fill{position:absolute;left:0;height:4px;border-radius:999px;background:var(--green);pointer-events:none}.volume{display:flex;align-items:center;justify-content:end;gap:.7rem;color:var(--muted)}.volume input{width:7rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:#ffffff29;outline:none;cursor:pointer}.seek-wrap input[type=range]{position:relative;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text)}input[type=range]:hover::-webkit-slider-thumb{background:var(--green)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--text)}.mobile-nav{display:none}.profile-card{display:flex;align-items:center;gap:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:10px 0 18px}.profile-avatar{width:76px;height:76px;border-radius:50%;overflow:hidden;background:var(--green);color:#04130a;font-weight:800;font-size:30px;display:grid;place-items:center}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-form{display:grid;gap:12px;max-width:440px;margin-bottom:18px}.profile-form label{display:grid;gap:6px;color:var(--muted);font-size:13px}.profile-form input{background:#090c0a;border:1px solid var(--line);color:var(--text);padding:11px 12px;border-radius:9px}.profile-form input:focus{outline:none;border-color:var(--green)}.error-text{margin:0;color:var(--danger);font-size:13px}.success-text{margin:0;color:var(--green);font-size:13px}.stat-grid{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}.stat-box{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px 26px;display:grid;gap:4px;min-width:120px}.stat-num{font-size:28px;font-weight:800}.jam-setup{max-width:460px;display:grid;gap:8px;margin-top:10px}.jam-box{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.jam-box h3{margin:0 0 8px}.jam-active{max-width:460px;display:grid;gap:18px;margin-top:14px}.jam-code-card{background:linear-gradient(135deg,#14241a,var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center}.jam-code{font-size:2.6rem;font-weight:900;letter-spacing:8px;color:var(--green);margin:8px 0}.jam-members{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.jam-member{display:flex;align-items:center;gap:10px;padding:7px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;width:100%;max-width:420px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-list{display:grid;gap:6px;margin-top:12px;max-height:280px;overflow-y:auto}.modal-list-item{display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);border:0;color:var(--text);padding:12px 14px;border-radius:10px;text-align:left}.modal-list-item:hover{background:var(--surface-3)}.pref-modal{max-width:520px}.pref-grid{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;max-height:280px;overflow-y:auto}.pref-chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:999px;padding:9px 12px;font-weight:700;font-size:13px}.pref-chip.active{border-color:var(--green);color:var(--green);background:#35d06f1f}.detail-player{display:grid;gap:10px;margin-top:10px;max-width:480px}.detail-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-seek{max-width:480px}.form-msg{font-size:13px;color:var(--muted);margin:6px 0 0}.form-msg.error{color:var(--danger)}.form-msg code,p code{background:var(--surface-2);padding:1px 5px;border-radius:5px;font-size:12px}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:#070908bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.admin-logo{margin-bottom:14px;font-size:1.2rem}.admin-nav{display:grid;gap:4px}.admin-nav-item{padding:11px 14px;border-radius:9px;color:var(--muted);font-weight:600;font-size:14px}.admin-nav-item:hover{color:var(--text);background:var(--surface-2)}.admin-nav-item.active{color:var(--text);background:var(--surface-2);border-left:3px solid var(--green)}.admin-logout{margin-top:auto}.admin-content{padding:30px 34px;overflow-y:auto;height:100vh}.admin-page{max-width:1000px}.admin-page h1{margin:0 0 18px}.admin-page-head{display:flex;justify-content:space-between;align-items:center}.admin-login{background:radial-gradient(900px 500px at 50% -10%,#16202b,var(--bg))}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.admin-stat{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:6px}.admin-stat-num{font-size:34px;font-weight:800;color:var(--green)}.admin-quick{display:flex;gap:12px;flex-wrap:wrap}.admin-table{width:100%;border-collapse:collapse;margin-top:10px}.admin-table th,.admin-table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}.admin-table thead th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.admin-table tbody tr:hover{background:var(--surface-2)}.admin-thumb{width:38px;height:38px;border-radius:7px;object-fit:cover}.admin-thumb.round{border-radius:50%}.admin-actions{display:flex;gap:8px}.admin-form{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;max-width:720px;display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.form-field{display:grid;gap:6px}.form-field label{font-size:13px;color:var(--muted)}.form-field input,.form-field select{background:#090c0a;border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:9px}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--green)}.cover-preview{width:120px;height:120px;object-fit:cover;border-radius:10px;margin-top:8px}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.app-content{grid-column:1;padding-bottom:calc(3.8rem + var(--bottom-h) + env(safe-area-inset-bottom))}.hero{grid-template-columns:1fr;min-height:0;padding:1.2rem}.hero-art{min-height:12rem;max-height:14rem}.player{left:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;gap:.45rem;min-height:3.45rem;bottom:calc(var(--bottom-h) + env(safe-area-inset-bottom));padding:.42rem .65rem;border-bottom:1px solid rgba(255,255,255,.05)}.player-song{grid-column:1;grid-row:1;gap:.42rem;overflow:hidden}.player-song img,.player-song .cover-fallback,.player-song small,.player-song .download-action{display:none}.player-meta{flex:1 1 auto;min-width:0}.player-title{font-size:.86rem}.player-song .heart-button{flex:0 0 auto;width:2rem;height:2rem}.player-center{grid-column:2;grid-row:1;max-width:none;width:auto}.player-controls{gap:.18rem}.player-controls button{width:2rem;height:2rem}.player-controls button:nth-child(1),.player-controls button:nth-child(5),.player-controls button:nth-child(6){display:none}.player-controls .play-button{width:2.25rem;height:2.25rem}.seek-row{display:none}.detail-seek{display:flex}.detail-player{width:100%}.volume{display:none}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:21;display:grid;grid-template-columns:repeat(5,1fr);min-height:calc(var(--bottom-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#070908f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav a{display:grid;place-items:center;gap:.15rem;color:var(--muted);font-size:.68rem;text-decoration:none}.mobile-nav a.active{color:var(--green)}.page{padding:1rem .9rem}.page-title{font-size:1.5rem}.detail-cover.big{width:150px;height:150px;font-size:52px}.track-row{grid-template-columns:1.65rem 2.7rem minmax(0,1fr) auto;gap:.55rem;min-height:3.75rem;padding:0 .65rem}.track-index{width:1.65rem}.row-cover{width:2.7rem;height:2.7rem}.track-title strong{font-size:.9rem}.track-title small{font-size:.76rem}.row-actions{gap:.18rem}.row-actions .download-action,.row-actions [title="Add to playlist"],.row-actions [title=Remove]{display:none}.row-time{min-width:2.15rem;font-size:.76rem}.hide-mobile{display:none}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:12px}.admin-nav{grid-auto-flow:column}.admin-logout{margin:0 0 0 auto}.admin-content{height:auto;padding:20px 16px}.admin-table{display:block;overflow-x:auto;white-space:nowrap;font-size:13px}}@media (max-width: 480px){.song-cards,.cat-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.jam-code{font-size:2rem;letter-spacing:5px}.detail-header{display:grid;justify-items:center;text-align:center;gap:16px;margin:0 auto 20px;max-width:340px}.detail-cover.big{width:min(58vw,210px);height:min(58vw,210px);margin:0 auto}.detail-info{width:100%;align-items:center}.detail-info .page-title{text-align:center;margin-bottom:4px}.detail-player{width:100%;max-width:320px;margin:12px auto 0}.detail-seek{width:100%;max-width:320px;gap:.55rem}.detail-controls{justify-content:center;width:100%}.detail-actions{justify-content:center;width:100%;gap:10px}}