._header_9bcy9_1{position:fixed;top:0;left:0;width:100%;background-color:#282727;color:#fff;padding:8px 30px 8px 20px;display:flex;align-items:center;box-shadow:0 4px 8px #0000001a;z-index:1000;box-sizing:border-box}@media(max-width:768px){._header_9bcy9_1{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px}}._header_9bcy9_1 nav{display:flex;gap:20px;flex:1;justify-content:center}._header_9bcy9_1 nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}._header_9bcy9_1 nav a:hover{color:#fc0}._active_9bcy9_83{border-bottom:2px solid red;padding-bottom:4px}._actions_9bcy9_93{display:flex;align-items:center;gap:12px}._authButton_9bcy9_105{background:#fc0;color:#1a1a1a;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600}._authLink_9bcy9_125{color:#fff;text-decoration:none;font-weight:600}._username_9bcy9_137{color:#fff;font-weight:500}._userIcon_9bcy9_147{width:32px;height:32px;border-radius:50%;object-fit:cover}#root{min-height:100vh;margin:0 auto;padding:2rem;text-align:center;color:#f0f8ff;background-color:#212121;background:linear-gradient(to bottom,#ee381359,#0c0c0c66 500px),linear-gradient(180deg,#161616eb,#0c0c0cfa);background-repeat:no-repeat;background-size:100% 100%;background-position:center top}._footer_1lrxk_1{width:100%;padding:12px 0;background-color:#282727;color:#fff;text-align:center;font-size:.95rem;position:fixed;z-index:15;bottom:0;left:0;box-shadow:0 -4px 8px #0000001a}._homeContainer_vtyxi_1{padding-bottom:40px}._hero_vtyxi_9{text-align:center;padding:60px 20px 40px}._heading_vtyxi_19{font-size:3rem;font-weight:700;margin:0 0 10px;color:#f0f8ff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}._tagline_vtyxi_35{font-size:1.3rem;font-weight:300;margin:0;opacity:.95;color:#f0f8ff}._section_vtyxi_51{max-width:1400px;margin:0 auto;padding:40px 20px}._sectionTitle_vtyxi_63{font-size:2rem;font-weight:600;margin-bottom:30px;color:#f0f8ff;text-shadow:1px 1px 3px rgba(0,0,0,.2)}._artistGrid_vtyxi_81{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}._playlistGrid_vtyxi_95{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}._playlistCard_vtyxi_107{background:var(--bg-primary);border-radius:12px;padding:20px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px var(--card-shadow)}._playlistCard_vtyxi_107:hover{transform:translateY(-5px);box-shadow:0 8px 16px var(--card-shadow)}._playlistImage_vtyxi_135{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:15px}._playlistInfo_vtyxi_151{text-align:center}._playlistName_vtyxi_159{font-size:1.2rem;font-weight:600;margin:0 0 8px;color:var(--text-primary)}._playlistDescription_vtyxi_173{font-size:.9rem;color:var(--text-secondary);margin:0}@media(max-width:768px){._heading_vtyxi_19{font-size:2rem}._tagline_vtyxi_35{font-size:1rem}._sectionTitle_vtyxi_63{font-size:1.5rem}._artistGrid_vtyxi_81,._playlistGrid_vtyxi_95{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}._card_r1ewl_1{width:250px;height:280px;border:1px solid #be1f1f7e;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;background-color:#fff;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}._card_r1ewl_1:hover{transform:translateY(-5px);box-shadow:0 4px 15px #0003}._card_r1ewl_1 img{width:100%;height:160px;object-fit:cover;display:block}._cardText_r1ewl_57{padding:10px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}._cardName_r1ewl_73{margin:5px 0;font-size:16px;font-weight:700;color:#333}._cardDescription_r1ewl_87{margin:0;font-size:13px;color:#666}._container_r08vn_1{margin-top:100px;padding:20px;max-width:1000px;margin-left:auto;margin-right:auto;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px #00000026}._title_r08vn_23{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:25px;color:var(--text-primary)}._table_r08vn_41{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:10px;overflow:hidden}._thead_r08vn_57{background-color:var(--header-bg)}._thead_r08vn_57 th{color:var(--header-text);padding:12px;font-size:1.1rem;text-align:left}._tbody_r08vn_79 tr:nth-child(2n){background-color:var(--bg-secondary)}._tbody_r08vn_79 tr td{padding:12px;border-bottom:1px solid var(--border-color);font-size:1rem;color:var(--text-primary)}._tbody_r08vn_79 tr:hover{background-color:var(--hover-bg);cursor:pointer}._cover_r08vn_111{width:220px;height:220px;object-fit:cover;border-radius:12px;box-shadow:0 20px 40px #0009;margin-bottom:0}._titlecard_r08vn_137{padding:60px;display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:0}._titlecardText_r08vn_153{text-align:left}._title_r08vn_23{text-align:left;font-size:3.2rem;font-weight:800;margin-top:0}._smallText_r08vn_175{margin-bottom:1rem;font-size:.75rem;text-transform:uppercase;opacity:.8}._table_tu7k8_7{width:100%;border-collapse:separate;border-spacing:0;color:#eaeaea;table-layout:fixed;border-radius:16px;overflow:hidden;box-shadow:0 18px 60px #000000a6,0 2px #ffffff08 inset,0 -2px #00000059 inset;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}._thead_tu7k8_57{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#232323eb,#161616c7);box-shadow:0 10px 30px #65161633;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}._thead_tu7k8_57 th{text-align:left;font-weight:700;letter-spacing:.04em;font-size:.85rem;color:#ffffffbf;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09)}._tbody_tu7k8_113 tr{transition:transform .12s ease,background .12s ease,box-shadow .12s ease}._tbody_tu7k8_113 tr td{padding:14px 16px;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._thead_tu7k8_57 th:nth-child(1),._tbody_tu7k8_113 td:nth-child(1){width:56px;text-align:center;color:#fff9;font-variant-numeric:tabular-nums}._thead_tu7k8_57 th:nth-child(2),._tbody_tu7k8_113 td:nth-child(2){width:28%}._tbody_tu7k8_113 td:nth-child(2){font-weight:700;color:#fffffff2}._songTitle_tu7k8_187{cursor:pointer;transition:color .15s ease}._songTitle_tu7k8_187:hover{color:#1db954}._thead_tu7k8_57 th:nth-child(3),._tbody_tu7k8_113 td:nth-child(3){width:22%;color:#ffffffbf}._thead_tu7k8_57 th:nth-child(4),._tbody_tu7k8_113 td:nth-child(4){width:90px;text-align:right;color:#ffffffb3;font-variant-numeric:tabular-nums}._thead_tu7k8_57 th:nth-child(5),._tbody_tu7k8_113 td:nth-child(5){width:18%}._tbody_tu7k8_113 ._artistLink_tu7k8_251{text-decoration:none;color:#ffffffb3}._tbody_tu7k8_113 ._artistLink_tu7k8_251:hover{text-decoration:underline}._thead_tu7k8_57 th:nth-child(6),._tbody_tu7k8_113 td:nth-child(6){width:auto;color:#ffffffbf}._tbody_tu7k8_113 tr:hover{background:#ffffff0f;transform:translateY(-1px);box-shadow:0 10px 26px #00000080,0 0 0 1px #ffffff0f inset}._tbody_tu7k8_113 tr:active{transform:translateY(0);background:#ffffff14}._tbody_tu7k8_113 tr:nth-child(2n) td{background:#0000000f}._tbody_tu7k8_113 td{text-align:left!important}._thead_tu7k8_57 th:nth-child(1),._tbody_tu7k8_113 td:nth-child(1){text-align:center!important}._thead_tu7k8_57 th:nth-child(2),._tbody_tu7k8_113 td:nth-child(2){text-align:left!important}._thead_tu7k8_57 th:nth-child(3),._tbody_tu7k8_113 td:nth-child(3){text-align:left!important}._thead_tu7k8_57 th:nth-child(4),._tbody_tu7k8_113 td:nth-child(4){text-align:left!important}._thead_tu7k8_57 th:nth-child(5),._tbody_tu7k8_113 td:nth-child(5){text-align:left!important}._thead_tu7k8_57 th:nth-child(6),._tbody_tu7k8_113 td:nth-child(6){text-align:right!important}._thead_tu7k8_57 th:nth-child(7),._tbody_tu7k8_113 td:nth-child(7){width:80px;text-align:center!important}._playButton_tu7k8_421{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #1db9544d;margin:0 auto}._playButton_tu7k8_421:hover{background:linear-gradient(135deg,#1ed760,#1db954);transform:scale(1.1);box-shadow:0 6px 16px #1db95480}._playButton_tu7k8_421:active{transform:scale(.95)}._container_1j05v_1{margin-top:100px;padding:20px;max-width:1000px;margin-left:auto;margin-right:auto;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px #00000026}._title_1j05v_23{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:25px;color:var(--text-primary)}._table_1j05v_41{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:10px;overflow:hidden}._thead_1j05v_57{background-color:var(--header-bg)}._thead_1j05v_57 th{color:var(--header-text);padding:12px;font-size:1.1rem;text-align:left}._tbody_1j05v_79 tr:nth-child(2n){background-color:var(--bg-secondary)}._tbody_1j05v_79 tr td{padding:12px;border-bottom:1px solid var(--border-color);font-size:1rem;color:var(--text-primary)}._tbody_1j05v_79 tr:hover{background-color:var(--hover-bg);cursor:pointer}._grid_1afoi_5{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px 0}._container_1afoi_23{max-width:1100px;margin:40px auto;padding:0 16px}._title_1afoi_33{text-align:center;margin-bottom:12px;color:var(--text-primary)}._cover_eat1g_3{width:220px;height:220px;object-fit:cover;border-radius:12px;box-shadow:0 20px 40px #0009;margin-bottom:0}._titlecard_eat1g_21{padding:60px;display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:0}._titlecardText_eat1g_37{text-align:left}._title_eat1g_21{text-align:left;font-size:3.2rem;font-weight:800;margin-top:0;margin-bottom:.5rem;color:var(--text-primary)}._smallText_eat1g_63{margin-bottom:.5rem;font-size:.75rem;text-transform:uppercase;opacity:.8;color:var(--text-primary)}._titlecardText_eat1g_37 p{color:var(--text-primary);margin:.5rem 0}._loginContainer_1x5jd_1{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:320px;margin:120px auto}._input_1x5jd_19{padding:6px 10px;font-size:.9rem;border-radius:4px;border:1px solid #ccc;background-color:gray}._button_1x5jd_37{padding:6px 12px;font-size:.9rem;border:none;border-radius:4px;background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .2s ease}._button_1x5jd_37:hover{background-color:#45a049}._secondaryButton_1x5jd_67{padding:6px 12px;font-size:.9rem;border:1px solid #4caf50;border-radius:4px;background-color:transparent;color:#4caf50;cursor:pointer}._loggedInBox_1x5jd_87{display:flex;flex-direction:column;gap:8px;background:#222;color:#fff;padding:12px;border-radius:6px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.light{--bg-primary: #ffffff;--bg-secondary: #ffffff;--text-primary: #213547;--text-secondary: #666666;--border-color: #dddddd;--card-shadow: rgba(0, 0, 0, .1);--hover-bg: #ffcc00;--header-bg: #333333;--header-text: #ffffff;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary)}body.dark{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #444444;--card-shadow: rgba(0, 0, 0, .5);--hover-bg: #ff9800;--header-bg: #111111;--header-text: #ffffff;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--header-bg);color:var(--header-text);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.welcome{padding:120px 20px 20px;font-size:1.5em;text-align:center}._container_1hd9a_1{max-width:1100px;margin:40px auto;padding:0 16px}._headerRow_1hd9a_13{margin-bottom:18px;text-align:left}._title_1hd9a_23{margin:0;font-size:2.4rem;font-weight:800;color:#fffffff2}._subtitle_1hd9a_37{margin:6px 0 0;color:#ffffffb3}._form_1hd9a_47{text-align:left;margin:18px 0 26px;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#00000040;box-shadow:0 18px 40px #00000059}._formRow_1hd9a_67{display:grid;grid-template-columns:1fr 1fr;gap:12px}._field_1hd9a_79{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}._label_1hd9a_93{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;opacity:.8}._input_1hd9a_107{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#121212cc;color:#ffffffeb;outline:none}._input_1hd9a_107:focus{border-color:#ee38138c;box-shadow:0 0 0 3px #ee38132e}._actions_1hd9a_135{display:flex;align-items:center;gap:12px}._button_1hd9a_147{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ee3813d9;color:#fff;font-weight:700;cursor:pointer}._button_1hd9a_147:hover{filter:brightness(1.05)}._error_1hd9a_175{color:#ff8c8cf2;font-weight:600}._listHeader_1hd9a_185{display:flex;align-items:baseline;gap:10px;margin-top:10px;text-align:left}._h2_1hd9a_201{margin:0;font-size:1.2rem;color:#ffffffe6}._count_1hd9a_213{color:#fff9}._loading_1hd9a_221{text-align:left;opacity:.8}._grid_1hd9a_231{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}._card_1hd9a_245{width:200px;border-radius:14px;padding:12px;cursor:pointer;border:1px solid rgba(255,255,255,.06);background:#00000038;box-shadow:0 18px 35px #00000059;transition:transform .12s ease,background .12s ease}._card_1hd9a_245:hover{transform:translateY(-2px);background:#ffffff0f}._cardImgWrap_1hd9a_277{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px}._cardImg_1hd9a_277{width:100%;height:100%;object-fit:cover}._cardText_1hd9a_303{text-align:left;margin-top:10px}._cardTitle_1hd9a_313{font-weight:800;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._cardDesc_1hd9a_329{margin-top:6px;font-size:.9rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){._formRow_1hd9a_67{grid-template-columns:1fr}._card_1hd9a_245{width:100%;max-width:420px}}._container_pc9g5_7{padding:24px;color:#eaeaea}._loading_pc9g5_17{padding:24px;color:#ffffffbf}._error_pc9g5_27{padding:24px;color:#ff7a7a}._inlineError_pc9g5_37{margin-left:12px;color:#ff7a7a;font-weight:600}._backBtn_pc9g5_51{background:transparent;border:1px solid rgba(255,255,255,.16);color:#ffffffd9;padding:10px 14px;border-radius:999px;cursor:pointer;transition:background .12s ease,transform .12s ease;margin-bottom:18px}._backBtn_pc9g5_51:hover{background:#ffffff0f;transform:translateY(-1px)}._hero_pc9g5_85{display:flex;gap:18px;align-items:center;padding:18px;border-radius:18px;background:linear-gradient(180deg,#232323eb,#161616c7);box-shadow:0 18px 60px #000000a6,0 2px #ffffff08 inset,0 -2px #00000059 inset;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:18px}._cover_pc9g5_129{width:120px;height:120px;border-radius:16px;object-fit:cover;box-shadow:0 16px 40px #0009;border:1px solid rgba(255,255,255,.06)}._heroText_pc9g5_147 h1{margin:0 0 6px;font-size:2rem;letter-spacing:-.02em}._heroText_pc9g5_147 p{margin:0 0 10px;color:#ffffffbf}._heroText_pc9g5_147 span{display:inline-block;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fffc;font-variant-numeric:tabular-nums}._addForm_pc9g5_191{display:flex;align-items:center;gap:10px;margin:18px 0}._input_pc9g5_205{flex:1;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a0a0a8c;color:#ffffffe6;outline:none}._input_pc9g5_205:focus{border-color:#ffffff38}._addForm_pc9g5_191 button{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffe6;cursor:pointer;transition:transform .12s ease,background .12s ease}._addForm_pc9g5_191 button:hover{background:#ffffff17;transform:translateY(-1px)}._addForm_pc9g5_191 button:disabled{opacity:.6;cursor:not-allowed;transform:none}._empty_pc9g5_277{padding:18px;color:#ffffffbf;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0000002e}._table_pc9g5_301{width:100%;border-collapse:separate;border-spacing:0;color:#eaeaea;table-layout:fixed;border-radius:16px;overflow:hidden;box-shadow:0 18px 60px #000000a6,0 2px #ffffff08 inset,0 -2px #00000059 inset;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}._thead_pc9g5_337{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#232323eb,#161616c7);box-shadow:0 10px 30px #65161633;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}._thead_pc9g5_337 th{text-align:left;font-weight:700;letter-spacing:.04em;font-size:.85rem;color:#ffffffbf;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09)}._tbody_pc9g5_389 tr{transition:transform .12s ease,background .12s ease,box-shadow .12s ease}._tbody_pc9g5_389 tr td{padding:14px 16px;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._thead_pc9g5_337 th:nth-child(1),._tbody_pc9g5_389 td:nth-child(1){width:56px;text-align:center;color:#fff9;font-variant-numeric:tabular-nums}._thead_pc9g5_337 th:nth-child(2),._tbody_pc9g5_389 td:nth-child(2){width:28%}._tbody_pc9g5_389 td:nth-child(2){font-weight:700;color:#fffffff2}._thead_pc9g5_337 th:nth-child(3),._tbody_pc9g5_389 td:nth-child(3){width:22%;color:#ffffffbf}._thead_pc9g5_337 th:nth-child(4),._tbody_pc9g5_389 td:nth-child(4){width:18%}._thead_pc9g5_337 th:nth-child(5),._tbody_pc9g5_389 td:nth-child(5){width:auto;color:#ffffffbf}._thead_pc9g5_337 th:nth-child(6),._tbody_pc9g5_389 td:nth-child(6){width:90px;text-align:right;color:#ffffffb3;font-variant-numeric:tabular-nums}._thead_pc9g5_337 th:nth-child(7),._tbody_pc9g5_389 td:nth-child(7){width:110px;text-align:right}._tbody_pc9g5_389 a{text-decoration:none;color:#ffffffb3}._tbody_pc9g5_389 a:hover{text-decoration:underline}._tbody_pc9g5_389 tr:hover{background:#ffffff0f;transform:translateY(-1px);box-shadow:0 10px 26px #00000080,0 0 0 1px #ffffff0f inset}._tbody_pc9g5_389 tr:active{transform:translateY(0);background:#ffffff14}._tbody_pc9g5_389 tr:nth-child(2n) td{background:#0000000f}._removeBtn_pc9g5_581{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffd9;cursor:pointer;transition:background .12s ease,transform .12s ease}._removeBtn_pc9g5_581:hover{background:#ffffff1a;transform:translateY(-1px)}._removeBtn_pc9g5_581:disabled{opacity:.6;cursor:not-allowed;transform:none}._dangerRow_pc9g5_625{display:flex;justify-content:flex-end;margin:18px 0 10px}._deleteBtn_pc9g5_637{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ff46461f;color:#ffffffeb;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}._deleteBtn_pc9g5_637:hover{background:#ff46462e;transform:translateY(-1px);box-shadow:0 10px 26px #00000073}._deleteBtn_pc9g5_637:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}