:root{--background: 0 0% 96%;--foreground: 0 0% 15%;--card: 0 0% 100%;--card-foreground: 0 0% 15%;--popover: 0 0% 100%;--popover-foreground: 0 0% 15%;--primary: 0 76% 50%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 90%;--secondary-foreground: 0 0% 15%;--muted: 0 0% 92%;--muted-foreground: 0 0% 45%;--accent: 0 76% 50%;--accent-foreground: 0 0% 100%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--border: 0 0% 88%;--input: 0 0% 88%;--ring: 0 76% 50%;--radius: .75rem;--surface-elevated: 0 0% 100%;--surface-overlay: 0 0% 0% / .5;--glow-primary: 0 76% 50% / .15;--shadow-soft: 0 0% 0% / .08;--shadow-medium: 0 0% 0% / .12;--sidebar-background: 0 0% 100%;--sidebar-foreground: 0 0% 15%;--sidebar-primary: 0 76% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 0 0% 95%;--sidebar-accent-foreground: 0 0% 15%;--sidebar-border: 0 0% 88%;--sidebar-ring: 0 76% 50%}.dark{--background: 0 0% 8%;--foreground: 0 0% 92%;--card: 0 0% 13%;--card-foreground: 0 0% 92%;--popover: 0 0% 13%;--popover-foreground: 0 0% 92%;--primary: 0 76% 50%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 20%;--secondary-foreground: 0 0% 92%;--muted: 0 0% 18%;--muted-foreground: 0 0% 55%;--accent: 0 76% 50%;--accent-foreground: 0 0% 100%;--destructive: 0 62% 55%;--destructive-foreground: 0 0% 100%;--border: 0 0% 22%;--input: 0 0% 22%;--ring: 0 76% 50%;--surface-elevated: 0 0% 16%;--surface-overlay: 0 0% 0% / .6;--glow-primary: 0 76% 50% / .2;--shadow-soft: 0 0% 0% / .3;--shadow-medium: 0 0% 0% / .4;--sidebar-background: 0 0% 12%;--sidebar-foreground: 0 0% 92%;--sidebar-primary: 0 76% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 0 0% 18%;--sidebar-accent-foreground: 0 0% 92%;--sidebar-border: 0 0% 22%;--sidebar-ring: 0 76% 50%}*,*:before,*:after{box-sizing:border-box;border-color:hsl(var(--border))}html{font-family:Quicksand,sans-serif}body{margin:0;min-height:100dvh;background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}button,input,textarea{font-family:inherit}.font-display{font-family:Azonix,Quicksand,sans-serif;letter-spacing:.05em;text-transform:uppercase}.font-body{font-family:Quicksand,sans-serif}.text-xxs{font-size:.625rem;line-height:.875rem}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.animate-skeleton{animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton{border-radius:.5rem;background:linear-gradient(90deg,hsl(var(--muted)),hsl(var(--secondary)),hsl(var(--muted)));background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.animate-pulse-subtle{animation:pulseSubtle 2s ease-in-out infinite}.shadow-soft{box-shadow:0 6px 20px hsl(var(--shadow-soft))}.shadow-medium{box-shadow:0 10px 30px hsl(var(--shadow-medium))}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.3);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.5)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-top{padding-top:env(safe-area-inset-top,0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.access__password-input{padding-right:3rem}.song-list__search-input{padding-right:2.5rem}.theme-toggle{color:hsl(var(--muted-foreground))}.theme-toggle:hover{color:hsl(var(--foreground))}.home__account{color:hsl(var(--muted-foreground))}.home__account:hover{color:hsl(var(--foreground))}.access__submit,.profile-panel__save,.profile-panel__action{width:100%}.song-list__filter-button{width:fit-content;gap:.5rem}.song-list__filter-button--active{background:hsl(var(--secondary))}.song-list__chip{font-size:.75rem;gap:.25rem}.player__lyrics-toggle{width:100%}.player__muted{color:hsl(var(--muted-foreground))}.player__control--active{color:hsl(var(--primary))}.player__play{border-radius:999px}.icon-img{display:inline-block;width:1rem;height:1rem;object-fit:contain;filter:var(--icon-filter-foreground)}:root{--icon-filter-foreground: brightness(0) saturate(100%) invert(12%) sepia(9%) saturate(700%) hue-rotate(176deg) brightness(96%) contrast(90%);--icon-filter-muted: brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(400%) hue-rotate(175deg) brightness(90%) contrast(85%);--icon-filter-inverse: brightness(0) saturate(100%) invert(100%)}.dark{--icon-filter-foreground: brightness(0) saturate(100%) invert(92%) sepia(4%) saturate(200%) hue-rotate(180deg) brightness(98%) contrast(95%);--icon-filter-muted: brightness(0) saturate(100%) invert(70%) sepia(4%) saturate(200%) hue-rotate(180deg) brightness(90%) contrast(90%);--icon-filter-inverse: brightness(0) saturate(100%) invert(10%)}.icon-img--muted{filter:var(--icon-filter-muted)}.icon-img--inverse,.profile-panel__avatar .icon-img,.player__play .icon-img{filter:var(--icon-filter-inverse)}.player__muted .icon-img{filter:var(--icon-filter-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseSubtle{0%,to{opacity:1}50%{opacity:.7}}