/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/styles.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#172554 0,#0f172a 36%,#020617 100%);color:#e2e8f0}.shell{max-width:1240px;margin:0 auto;padding:32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.badge{display:inline-block;background:rgba(30,41,59,.85);border:1px solid #475569;border-radius:999px;padding:6px 10px;margin-right:8px}.listenButton{background:#22c55e;color:#04130a;text-decoration:none;border-radius:999px;padding:10px 18px;font-weight:800}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:34px 0 22px}.eyebrow{color:#38bdf8;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}h1{font-size:46px;line-height:1.05;margin:8px 0 10px}h2{font-size:24px;margin:8px 0}.muted{color:#94a3b8}.label{color:#93c5fd;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.statusPill{border-radius:999px;padding:12px 18px;font-weight:900;border:1px solid}.statusPill.good{background:rgba(34,197,94,.16);border-color:#22c55e;color:#86efac}.statusPill.bad{background:rgba(239,68,68,.16);border-color:#ef4444;color:#fecaca}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:16px;gap:16px}.metrics{margin-bottom:16px}.card{background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.28);border-radius:18px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-gap:16px;gap:16px;margin-bottom:16px}.nowPlaying h2{font-size:34px}.nowPlayingLayout{display:grid;grid-template-columns:150px 1fr;grid-gap:20px;gap:20px;align-items:center}.artwork{width:150px;height:150px;border-radius:18px;border:1px solid #334155;background:linear-gradient(135deg,#020617,#1e293b);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#64748b;font-weight:900}.artwork img{width:100%;height:100%;object-fit:cover}.artist{font-size:18px;color:#cbd5e1;margin:8px 0 0}.albumLine{color:#94a3b8;margin:8px 0 0}.metaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin:22px 0}.metaGrid div{background:#020617;border:1px solid #1e293b;border-radius:14px;padding:12px}.metaGrid span,.track span{display:block;color:#94a3b8;font-size:13px}.metaGrid b{display:block;margin-top:4px;word-break:break-word}.player{width:100%;margin-top:8px}.trackList{display:flex;flex-direction:column;gap:10px}.track{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #1e293b;background:#020617;border-radius:14px}.track time{white-space:nowrap;color:#94a3b8;font-size:12px}@media(max-width:860px){.hero{display:block}.dashboard{grid-template-columns:1fr}h1{font-size:36px}.nowPlaying h2{font-size:28px}.nowPlayingLayout{grid-template-columns:1fr}.artwork{width:100%;height:auto;aspect-ratio:1/1}.topbar{align-items:flex-start;flex-direction:column}}
.topActions{display:flex;gap:10px;align-items:center}.authButton{background:rgba(30,41,59,.9);border:1px solid #475569;color:#e2e8f0;text-decoration:none;border-radius:999px;padding:10px 16px;font-weight:800}.authShell{min-height:100vh;display:flex;align-items:center;justify-content:center}.authCard{max-width:720px}.authActions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.primaryAction,.secondaryAction{display:inline-block;border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:900}.primaryAction{background:#5865f2;color:white}.secondaryAction{background:#020617;border:1px solid #334155;color:#e2e8f0}.notice{margin-top:16px;padding:14px;border:1px solid #334155;border-radius:14px;background:#020617}.notice code{display:block;white-space:normal;word-break:break-all;color:#93c5fd;margin-top:8px}.tableLike{display:flex;flex-direction:column;gap:8px}.tableRow{display:grid;grid-template-columns:1fr 180px 220px;grid-gap:12px;gap:12px;align-items:center;background:#020617;border:1px solid #1e293b;border-radius:14px;padding:12px}.tableRow span{display:block;color:#94a3b8;font-size:13px}.tableRow time{color:#94a3b8;font-size:13px}@media(max-width:860px){.tableRow{grid-template-columns:1fr}.topActions{flex-wrap:wrap}}
.searchForm{display:flex;gap:12px;align-items:center;margin-bottom:14px}.searchForm input,.requestForm input{width:100%;background:#020617;border:1px solid #334155;border-radius:12px;color:#e2e8f0;padding:12px}.primaryButton{background:#38bdf8;color:#031524;border:0;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer}.requestResults{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.requestSong{display:flex;flex-direction:column;gap:16px}.requestForm{display:grid;grid-gap:10px;gap:10px}.notice.success{border-color:#22c55e;color:#bbf7d0}.notice.error{border-color:#ef4444;color:#fecaca}.sectionHeader{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.rowActions{display:flex;gap:6px;flex-wrap:wrap}.rowActions button{background:#020617;border:1px solid #334155;color:#e2e8f0;border-radius:999px;padding:7px 10px;cursor:pointer}.requestRow{grid-template-columns:1fr 110px 180px 320px}@media(max-width:1000px){.requestRow{grid-template-columns:1fr}.sectionHeader{align-items:flex-start;flex-direction:column}.searchForm{flex-direction:column;align-items:stretch}}