.GenreCard-module__EcLyKa__container{aspect-ratio:16/9;z-index:2;border-radius:.5em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.GenreCard-module__EcLyKa__container:focus-within{outline-offset:4px;outline:2px solid #8a2be299}.GenreCard-module__EcLyKa__image{z-index:-2;object-fit:cover;border-radius:.5em;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.GenreCard-module__EcLyKa__container:hover .GenreCard-module__EcLyKa__image{transform:scale(1.05)}.GenreCard-module__EcLyKa__container__text{color:#fff;letter-spacing:.06em;text-shadow:2px 2px 4px #000000b3;z-index:1;width:100%;height:100%;padding:var(--spacing-md);background-color:#0000;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:0;display:flex;position:absolute;bottom:0;left:0}.GenreCard-module__EcLyKa__badge{top:var(--spacing-sm);right:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);z-index:2;background:#000000b3;border:1px solid #fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;transition:all .3s;display:flex;position:absolute;box-shadow:0 2px 8px #0000004d}.GenreCard-module__EcLyKa__container:hover .GenreCard-module__EcLyKa__badge{background:#8a2be2cc;border-color:#fff6;transform:scale(1.05)}.GenreCard-module__EcLyKa__badge__count{color:#fff;font-size:.75rem;font-weight:700;line-height:1}.GenreCard-module__EcLyKa__badge__label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:500;line-height:1}
.GenreHomePage-module__uYSzfG__container__content{padding:var(--spacing-sm);max-width:100%;container:genrepage/inline-size}.GenreHomePage-module__uYSzfG__container__content>div{gap:var(--spacing-md);display:grid}@container genrepage (min-width:600px){.GenreHomePage-module__uYSzfG__container__content{padding:var(--spacing-md)var(--spacing-lg)}.GenreHomePage-module__uYSzfG__container__content>div{gap:var(--spacing-lg)}}@container genrepage (min-width:900px){.GenreHomePage-module__uYSzfG__container__content{padding:var(--spacing-lg)var(--spacing-xl)}.GenreHomePage-module__uYSzfG__container__content>div{gap:var(--spacing-xl)}}@container genrepage (min-width:1200px){.GenreHomePage-module__uYSzfG__container__content{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}}
.GenreBackground-module__b3aTgW__container{justify-content:center;align-items:center;width:100%;min-height:85vh;display:flex;position:relative;overflow:hidden}.GenreBackground-module__b3aTgW__background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.GenreBackground-module__b3aTgW__image{object-fit:cover;object-position:center;filter:blur(60px);transform:scale(1.1)}.GenreBackground-module__b3aTgW__gradient{z-index:1;background:linear-gradient(130deg,#00000026 0%,#0000008c 15%,#000000bf 25%,#000000f2 55%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.GenreBackground-module__b3aTgW__content{z-index:2;box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 40px;position:relative}@media (max-width:1024px){.GenreBackground-module__b3aTgW__container{min-height:75vh}.GenreBackground-module__b3aTgW__content{padding:0 24px}}@media (max-width:768px){.GenreBackground-module__b3aTgW__container{min-height:auto;padding:60px 0}.GenreBackground-module__b3aTgW__content{padding:0 16px}.GenreBackground-module__b3aTgW__image{filter:blur(40px)}}@media (prefers-reduced-motion:reduce){.GenreBackground-module__b3aTgW__image{transform:none}}@media (prefers-contrast:high){.GenreBackground-module__b3aTgW__gradient{background:linear-gradient(#0000004d 0%,#000000f2 100%)}}
:root{--radius:10px;--control-height:40px;--font-size:14px;--bg:#fff;--fg:#0f172a;--muted:#6b7280;--border:#e6e9ee;--focus:#2563eb;--focus-ring:#2563eb29;--shadow:0 8px 30px #02061714;--error:#ef4444;--success:#10b981;--disabled-bg:#f3f4f6;--checkbox-size:18px;--transition-fast:.18s}:root[data-theme=dark],[data-theme=dark]{--bg:#0b1220;--fg:#e6eef8;--muted:#94a3b8;--border:#1f2937;--focus:#60a5fa;--focus-ring:#60a5fa1f;--disabled-bg:#0f1724}:where(.input,.input--textarea,.input--select){font:inherit;font-size:var(--font-size);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.input{height:var(--control-height);border-radius:var(--radius);border:1px solid var(--border);transition:box-shadow var(--transition-fast)ease,border-color var(--transition-fast)ease,transform var(--transition-fast)ease;box-shadow:none;background-clip:padding-box;outline:none;padding:8px 12px}.input::placeholder{color:var(--muted);opacity:.9}.input:disabled{background:var(--disabled-bg);cursor:not-allowed;opacity:.9}:where(.input):focus-visible{box-shadow:0 6px 20px var(--focus-ring);border-color:var(--focus);transform:translateZ(0)}.input:invalid,.input[aria-invalid=true],.is-invalid{border-color:var(--error);box-shadow:0 6px 20px #ef444414}.input--elevated{box-shadow:var(--shadow)}.input--sm{height:32px;padding:6px 10px;font-size:13px}.input--lg{height:48px;padding:10px 14px;font-size:15px}.input--textarea{resize:vertical;height:auto;min-height:120px;padding:10px 12px;line-height:1.45;overflow:auto}.input--select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:44px}.input--checkbox{appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);vertical-align:middle;border:1px solid var(--border);background:var(--bg);transition:background var(--transition-fast),border-color var(--transition-fast);cursor:pointer;border-radius:6px;margin:0;display:inline-block;position:relative}.input--checkbox:checked{background:var(--focus);border-color:var(--focus);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12' /></svg>");background-position:50%;background-repeat:no-repeat;background-size:12px 12px}.input--checkbox:focus-visible{box-shadow:0 6px 20px var(--focus-ring);outline:none}.input--checkbox:disabled{background:var(--disabled-bg);border-color:var(--border);cursor:not-allowed;opacity:.9}.form-field{flex-direction:column;gap:6px;display:flex}.form-field--inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-label{color:var(--fg);font-size:13px;font-weight:600}.form-hint{color:var(--muted);font-size:12px}.form-error{color:var(--error);font-size:12px}.input--ghost{box-shadow:none;background:0 0;border-color:#0000;padding:0}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s}*{transition:none!important}}.input-textarea{resize:vertical;border-radius:var(--radius);border:1px solid var(--border);min-height:120px;font-family:inherit;line-height:1.5;font-size:var(--font-size);background:var(--bg);color:var(--fg);transition:box-shadow var(--transition-fast)ease,border-color var(--transition-fast)ease,transform var(--transition-fast)ease;outline:none;padding:10px 12px;overflow:auto}.input-textarea:focus-visible{border-color:var(--focus);box-shadow:0 6px 20px var(--focus-ring);transform:translateZ(0)}.input-textarea:disabled{background:var(--disabled-bg);cursor:not-allowed;opacity:.9}.input-textarea:invalid,.input-textarea[aria-invalid=true],.input-textarea.is-invalid{border-color:var(--error);box-shadow:0 6px 20px #ef444414}.input-textarea.input--sm{min-height:80px;padding:6px 10px;font-size:13px}.input-textarea.input--lg{min-height:160px;padding:12px 14px;font-size:15px}.input-textarea.input--elevated{box-shadow:var(--shadow)}.input-textarea.input--ghost{box-shadow:none;background:0 0;border-color:#0000;padding:0}.input-textarea{transition:border-color var(--transition-fast)ease,box-shadow var(--transition-fast)ease,transform var(--transition-fast)ease,height var(--transition-fast)ease}@media (prefers-reduced-motion:reduce){.input-textarea{transition:none!important}}
.PlaylistHomePage-module__qDCB0G__container{flex-direction:column;align-items:center;width:100%;padding:20px;display:flex;position:relative}.PlaylistHomePage-module__qDCB0G__header{z-index:10;width:100%;max-width:600px;box-shadow:var(--shadow-lg);background-color:#0000;border-radius:30px;margin:0 auto;position:sticky;top:0}.PlaylistHomePage-module__qDCB0G__container__content{width:100%;height:calc(100vh - 100px);padding:20px;overflow-y:auto}.PlaylistHomePage-module__qDCB0G__playlist__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;transition:transform .3s,box-shadow .3s;display:grid}
.PreviewCard-module__F3Cf6G__container{gap:var(--spacing-sm);aspect-ratio:1;flex-direction:column;width:max(150px,100%);display:flex}.PreviewCard-module__F3Cf6G__container__image{width:100%;height:100%;box-shadow:var(--shadow-md);border-radius:var(--border-radius-md);position:relative;overflow:hidden}.PreviewCard-module__F3Cf6G__container__image__overlay{visibility:hidden;width:100%;height:100%;padding:var(--spacing-sm);background-color:#00000040;justify-content:center;align-items:flex-end;transition:visibility .3s ease-in-out;display:flex;position:absolute;top:0;left:0}.PreviewCard-module__F3Cf6G__container__image:hover .PreviewCard-module__F3Cf6G__container__image__overlay{visibility:unset}.PreviewCard-module__F3Cf6G__icon:hover{background-color:var(--color-brand)}.PreviewCard-module__F3Cf6G__description{-webkit-line-clamp:2;text-overflow:ellipsis;color:var(--color-muted);-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}