/* The green palette belongs only to the music player. */
.music-soundcloud-wrap { margin-bottom:14px; }
#music-soundcloud-mount { min-height:300px; }
#music-soundcloud-mount iframe { display:block; width:100%; height:300px; border:0; }
.music-player #music-soundcloud-close { display:flex; margin:7px 0 0 auto; padding:5px 0; color:#9bb9a5; font-size:10px; }
.has-soundcloud-player .profile-shell { padding-bottom:590px; }
.track-form [hidden] { display:none!important; }
.track-form select { width:100%; padding:12px; border:1px solid #ffffff15; border-radius:10px; color:#efeaf5; background:#19151f; font:inherit; }
.track-thumbnail-preview { grid-column:1/-1; display:flex; align-items:center; gap:14px; color:#9b90a6; font-size:12px; }
.track-thumbnail-preview img { width:160px; height:120px; object-fit:contain; background:#08080a; border-radius:10px; }
.track-row.is-youtube > img { object-fit:contain; background:#08080a; }
.track-youtube-link { grid-column:1/-1; color:#bca8d1; font-size:12px; text-decoration:none; }
.music-player.is-youtube .music-art img { object-fit:contain; background:#060b08; }
/* YouTube kullanıldığında görüntü arayüzde gösterilmez; oynatıcı yalnızca müzik kontrolü olarak kalır. */
.music-youtube-wrap { position:fixed; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
#music-youtube-mount { width:320px; height:180px; background:#000; }
#music-youtube-mount iframe { display:block; width:320px; height:180px; border:0; }
@media(max-height:480px) { body .music-player { position:relative; left:auto; bottom:auto; margin:20px auto; }.music-queue { max-height:140px; } }
.music-player { --music-green:#1ed760; --music-muted:#8a9c91; position:fixed; z-index:8; left:24px; bottom:24px; width:min(490px,calc(100vw - 48px)); padding:13px 16px 16px; border:1px solid #294132; border-radius:20px; color:#f3faf5; background:linear-gradient(130deg,rgba(18,34,24,.97),rgba(8,13,10,.97) 75%); box-shadow:0 14px 60px #0009,inset 0 1px #ffffff0c; backdrop-filter:blur(24px); }
.music-player [hidden] { display:none!important; }
.music-player svg { display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.music-player button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; color:#d4e3d9; border:0; background:transparent; cursor:pointer; transition:color .18s,background .18s,scale .18s; font:inherit; }
.music-player button:hover { color:#fff; }.music-player button:focus-visible,.music-player input:focus-visible { outline:2px solid var(--music-green); outline-offset:4px; }
.music-player button:disabled { opacity:.3; cursor:default; }.music-player button:active:not(:disabled) { scale:.94; }
.music-topline { display:flex; align-items:center; justify-content:space-between; margin-bottom:11px; }
.music-topline > span { display:flex; align-items:center; gap:6px; color:#a7c6b2; font-size:9px; font-weight:750; letter-spacing:.15em; }
.music-topline img { display:block; filter:none; }.music-topline button { padding:0; gap:8px; }.music-topline button span { font-size:9px; letter-spacing:.09em; color:var(--music-muted); font-variant-numeric:tabular-nums; }.music-topline button svg { width:17px; height:17px; color:var(--music-green); }
.music-main { display:grid; grid-template-columns:64px minmax(0,1fr) 112px; gap:13px; align-items:center; }
.music-art { width:64px; height:64px; border-radius:11px; overflow:hidden; background:radial-gradient(circle at 30% 20%,#2b5d3d,#0d2115); box-shadow:0 5px 16px #0005; }
.music-art img { width:100%; height:100%; object-fit:cover; display:block; }.music-art span { display:grid; width:100%; height:100%; place-items:center; color:var(--music-green); }.music-art svg { width:28px; height:28px; }
.music-copy { min-width:0; }.music-copy > strong,.music-copy > span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.music-copy > strong { font-size:13px; font-weight:750; letter-spacing:-.02em; }.music-copy > span { margin-top:4px; font-size:10px; color:var(--music-muted); }
.music-timeline { margin-top:8px; }.music-timeline > div { display:flex; justify-content:space-between; margin-top:4px; font-size:9px; color:#7f9487; font-variant-numeric:tabular-nums; }
.music-player input[type=range] { --progress:0%; appearance:none; display:block; min-width:0; width:100%; height:4px; padding:0; margin:0; border:0; border-radius:10px; background:linear-gradient(to right,var(--music-green) var(--progress),#ffffff24 var(--progress)); cursor:pointer; accent-color:var(--music-green); }
.music-player input[type=range]::-webkit-slider-thumb { appearance:none; width:9px; height:9px; background:#e5ffed; border:0; border-radius:50%; }.music-player input[type=range]::-moz-range-thumb { width:9px; height:9px; background:#e5ffed; border:0; border-radius:50%; }.music-player input:disabled { opacity:.4; cursor:default; }
.music-volume { display:flex; align-items:center; gap:9px; padding:0 2px; margin-bottom:9px; }.music-volume button { padding:0; width:20px; height:20px; }.music-volume svg { width:16px; height:16px; }.music-player .music-muted-mark { display:none; }.music-player.is-muted .music-muted-mark { display:block; }.music-player.is-muted .music-waves { display:none; }
.music-transport { display:flex; align-items:center; justify-content:space-between; gap:6px; }.music-transport button { width:29px; height:29px; border:1px solid #ffffff20; border-radius:50%; padding:5px; }.music-transport .music-play { width:37px; height:37px; padding:8px; border:0; color:#06230f; background:var(--music-green); box-shadow:0 0 21px #1ed76024; }.music-transport .music-play:hover { background:#4be880; color:#06230f; }.music-play .music-play-icon { fill:currentColor; width:18px; height:18px; margin-left:2px; }.music-transport .music-pause-icon { display:none; stroke-width:4; }.is-playing .music-pause-icon { display:block; }.is-playing .music-play-icon { display:none; }
.music-error { margin:12px 0 0; color:#ffd090; font-size:11px; line-height:1.5; }
.music-queue { position:absolute; left:0; right:0; bottom:calc(100% + 8px); max-height:230px; overflow-y:auto; overscroll-behavior:contain; margin:0; padding:8px; list-style:none; border:1px solid #284b34; border-radius:15px; background:#0b160ff5; backdrop-filter:blur(24px); box-shadow:0 15px 35px #0007; }
.music-queue li button { display:flex; width:100%; gap:11px; justify-content:flex-start; padding:10px; border-radius:9px; text-align:left; }.music-queue li button:hover,.music-queue li .is-current { background:#1ed76012; color:var(--music-green); }.music-queue button > span:first-child { font-size:10px; color:#6a9878; }.music-queue button > span:last-child { min-width:0; }.music-queue strong,.music-queue small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.music-queue strong { font-size:12px; font-weight:650; }.music-queue small { margin-top:3px; font-size:10px; color:var(--music-muted); }
.has-music-player .profile-shell { padding-bottom:180px; }
.track-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; padding:20px; border:1px solid #ffffff12; border-radius:16px; background:#ffffff03; }
.track-form > label,.maintenance-input { display:grid; gap:8px; color:#c6becf; font-size:12px; font-weight:600; }
.track-form input:not([type=hidden]),.track-form textarea,.maintenance-input textarea { width:100%; min-width:0; padding:12px; border:1px solid #ffffff15; border-radius:10px; color:#efeaf5; background:#ffffff06; font:inherit; }
.track-form textarea { resize:vertical; line-height:1.45; }
.track-form input[type=file] { font-size:11px; }.track-form input::file-selector-button { margin-right:10px; padding:7px 10px; border:0; border-radius:7px; color:#ddd2e7; background:#ffffff0c; cursor:pointer; }.track-form small { color:#807689; font-weight:400; font-size:10px; }
.track-form-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:10px; }.track-form-actions span { color:#9d92a7; font-size:11px; }.track-form button:disabled { opacity:.5; cursor:wait; }
.track-list-heading { display:flex; justify-content:space-between; margin:23px 0 13px; color:#e6dfed; font-size:12px; }.track-list-heading span { color:#82758f; font-size:11px; }.admin-track-list { display:grid; gap:10px; }.track-row { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:12px; padding:13px; border:1px solid #ffffff12; border-radius:13px; background:#ffffff03; align-items:center; }.track-row > img,.track-row > .track-art-fallback { width:48px; height:48px; object-fit:cover; border-radius:9px; }.track-art-fallback { display:grid; place-items:center; background:#1ed7600f; color:#1ed760; font-size:22px; }.track-row-copy { min-width:0; }.track-row-copy strong,.track-row-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.track-row-copy strong { font-size:13px; }.track-row-copy small { color:#8d8298; font-size:11px; margin-top:5px; }.track-row audio { grid-column:1/-1; width:100%; height:32px; }.track-row-actions { display:flex; gap:4px; }.track-row-actions button { width:30px; height:30px; display:grid; place-items:center; border:1px solid #ffffff12; border-radius:7px; color:#bba9cd; background:#ffffff04; cursor:pointer; }.track-row-actions button:disabled { opacity:.3; cursor:default; }.track-row-actions .track-delete { color:#ff8c9b; }
.maintenance-input { margin-top:18px; }.maintenance-input textarea { resize:vertical; }.maintenance-page { display:grid; place-items:center; min-height:100svh; padding:24px; background:radial-gradient(ellipse at 50% 20%,#21122f 0,transparent 60%),#06060b; }.maintenance-card { width:min(100%,440px); padding:45px 30px 25px; text-align:center; border:1px solid #ffffff13; border-radius:28px; background:linear-gradient(140deg,#ffffff07,#ffffff02); box-shadow:0 30px 100px #0006; }.maintenance-mark { position:relative; display:grid; place-items:center; width:74px; height:74px; margin:0 auto 28px; border:1px solid #b66cff55; border-radius:23px; color:#d8b2ff; background:#b66cff14; font-size:32px; font-weight:750; box-shadow:0 0 40px #b66cff18; }.maintenance-mark span { position:absolute; right:-3px; bottom:-3px; width:14px; height:14px; border:3px solid #15101d; border-radius:50%; background:#daa351; }.maintenance-kicker { color:#b794d9; font-size:10px; font-weight:700; letter-spacing:.2em; }.maintenance-card h1 { margin:15px 0; font-size:30px; letter-spacing:-.045em; }.maintenance-card #maintenance-message { color:#aaa0b9; line-height:1.75; font-size:13px; overflow-wrap:anywhere; white-space:pre-wrap; }.maintenance-status { display:inline-flex; align-items:center; gap:7px; margin-top:16px; padding:9px 12px; border:1px solid #ffffff0e; border-radius:30px; font-size:10px; color:#aa9db8; }.maintenance-status i { width:5px; height:5px; border-radius:50%; background:#daa351; }.maintenance-card footer { margin-top:35px; padding-top:20px; border-top:1px solid #ffffff0b; color:#655a74; font-size:11px; }
@media(max-width:600px) { .music-player { left:12px; bottom:12px; width:calc(100vw - 24px); padding:12px; border-radius:17px; }.music-main { grid-template-columns:48px minmax(0,1fr) 100px; gap:10px; }.music-art { width:48px; height:56px; border-radius:8px; }.music-copy > strong { font-size:12px; }.music-controls { width:100px; }.music-topline { margin-bottom:9px; }.music-player .music-topline > span { font-size:8px; }.track-form { grid-template-columns:1fr; padding:15px; }.track-row { grid-template-columns:40px minmax(0,1fr); }.track-row-actions { grid-column:1/-1; justify-content:flex-end; }.maintenance-card { padding:35px 22px 23px; } }
@media(prefers-reduced-motion:reduce) { .music-player * { transition:none!important; } }