/* Feyz Şarkı Gecesi — ortak tema. Feyz yeşili, karamel ve krem; gece için koyu. */
:root{
  color-scheme:dark;
  --gece:#14201a; --yesil:#283C2B; --yuzey:#1c2b22; --cizgi:#34483a;
  --krem:#FDF6EC; --soluk:#b9b3a6; --karamel:#C48D56; --karamel-acik:#e0b07e;
  --iyi:#8fc79a; --uyari:#e6a34f; --kotu:#e79a8f;
  --f-gosteri:"Unbounded","Arial Black",system-ui,sans-serif;
  --f-metin:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-sayi:"JetBrains Mono",ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--gece);color:var(--krem)}
body{font-family:var(--f-metin);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--karamel);outline-offset:2px}
[hidden]{display:none!important}
.etiket{font-family:var(--f-sayi);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--karamel)}
.kapak{flex:none;display:grid;place-items:center;font-family:var(--f-gosteri);font-weight:800;color:var(--gece);background:var(--karamel) center/cover no-repeat;border-radius:8px}
.ilerleme{height:4px;background:#ffffff22;border-radius:4px;overflow:hidden}
.ilerleme i{display:block;height:100%;background:var(--karamel);width:0;transition:width 1s linear}
.ana-dugme{background:var(--karamel);color:var(--gece);border:0;border-radius:999px;padding:9px 18px;font-weight:700}
.ana-dugme:disabled{opacity:.5;cursor:default}
.ikinci-dugme{background:transparent;border:1px solid var(--cizgi);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}
.durum{font-size:13px;padding:8px 10px;border-radius:10px;background:#8fc79a1a;color:var(--iyi)}
.durum.hata{background:#e79a8f1a;color:var(--kotu)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}