:root{--color-dark-gray: #262626;--color-white: #ecd9d4;--color-cosmic-latte: #fff8e7;--color-cosmic-latte-10: rgba(255, 248, 231, .1);--color-cosmic-latte-20: rgba(255, 248, 231, .2);--color-gray-100: rgba(255, 255, 255, .1);--color-gray-200: rgba(255, 255, 255, .2);--color-gray-300: rgba(255, 255, 255, .3);--color-gray-400: rgba(255, 255, 255, .4);--color-gray-600: rgba(255, 255, 255, .6);--color-gray-700: rgba(255, 255, 255, .1);--color-gray-800: rgba(20, 20, 20, .4);--color-gray-900: rgba(15, 15, 15, .6);--color-black-hole-brown: #4B0F19;--color-black-hole-brown-10: rgba(75, 15, 25, .1);--color-black-hole-brown-20: rgba(75, 15, 25, .2);--container-max-width: 1200px;--container-narrow-max-width: 800px;--container-wide-max-width: 1200px;--color-bg-primary: var(--color-dark-gray);--color-text-primary: var(--color-white);--color-text-accent: var(--color-cosmic-latte);--color-accent-10: var(--color-cosmic-latte-10);--color-accent-20: var(--color-cosmic-latte-20);--font-family-base: "Poppins", sans-serif;--font-family-title: "Exo", sans-serif;--font-family-alt: "Exo", sans-serif;--font-family-mono: "Monaco", "Consolas", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .825rem + .25vw, 1rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-xl: clamp(1.5rem, 1.25rem + 1.25vw, 1.75rem);--font-size-2xl: clamp(2rem, 1.75rem + 1.25vw, 2.25rem);--font-size-3xl: clamp(2.5rem, 2rem + 2.5vw, 3rem);--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.8;--line-height-base: var(--line-height-normal);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--iframe-height-standard: 352px;--iframe-height-playlist: calc(var(--iframe-height-standard) * 1.5);--iframe-height-dj-set: 120px;@media (max-width: 768px){--iframe-height-standard: 300px;--iframe-height-playlist: 450px}@media (max-width: 480px){--iframe-height-standard: 250px;--iframe-height-playlist: 400px}}html:not(.dark-mode){--color-bg-primary: var(--color-white);--color-text-primary: var(--color-dark-gray);--color-text-accent: var(--color-black-hole-brown);--color-accent-10: var(--color-black-hole-brown-10);--color-accent-20: var(--color-black-hole-brown-20);--color-bg-hover: rgba(0, 0, 0, .05);--color-gray-100: rgba(0, 0, 0, .05);--color-gray-200: rgba(0, 0, 0, .07);--color-gray-300: rgba(0, 0, 0, .1);--color-gray-400: rgba(0, 0, 0, .3);--color-gray-600: rgba(0, 0, 0, .5);--color-gray-700: rgba(0, 0, 0, .05);--color-gray-800: rgba(0, 0, 0, .07);--color-gray-900: rgba(238, 238, 238, .9)}.dark-mode{--color-text-accent: var(--color-cosmic-latte);--color-accent-10: var(--color-cosmic-latte-10);--color-accent-20: var(--color-cosmic-latte-20);--color-bg-primary: #121212;--color-text-primary: #f5f5f5;--color-bg-hover: rgba(255, 255, 255, .05);--color-gray-100: rgba(255, 255, 255, .05);--color-gray-200: rgba(255, 255, 255, .07);--color-gray-300: rgba(255, 255, 255, .1);--color-gray-400: rgba(255, 255, 255, .12);--color-gray-600: rgba(255, 255, 255, .2);--color-gray-700: rgba(255, 255, 255, .05);--color-gray-800: rgba(255, 255, 255, .07);--color-gray-900: rgba(20, 20, 20, .8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-out}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 2rem;margin-top:2rem}.container--narrow{max-width:var(--container-narrow-max-width)}.container--wide{max-width:var(--container-wide-max-width)}.container--no-padding{padding:0}@media (max-width: 768px){.container{padding:0 1.5rem}}@media (max-width: 480px){.container{padding:0 1rem}}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-8{margin-top:var(--spacing-lg)}.mt-12{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-8{margin-bottom:var(--spacing-lg)}.mb-12{margin-bottom:var(--spacing-xl)}.error-message{text-align:center;padding:2rem;background-color:#ff00001a;border-radius:var(--border-radius-md);margin:2rem 0;color:var(--color-white)}.notice-message{text-align:center;padding:1rem;background-color:#ffc8001a;border-radius:var(--border-radius-md);margin:1rem 0 2rem;font-style:italic;color:var(--color-white)}.success-message{text-align:center;padding:1rem;background-color:#00ff001a;border-radius:var(--border-radius-md);margin:1rem 0 2rem;color:var(--color-white)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.highlight{color:var(--color-cosmic-latte)}.section-divider{height:1px;background:rgba(255,248,231,.1);margin:1.5rem 0;border:none}.img-full{display:block;max-width:100%;height:auto}.iframe-rounded{border-radius:var(--border-radius-md);border:none}.iframe-borderless{border:none}.home-container{min-height:calc(100vh - 150px);animation:fadeIn .5s ease-out;user-select:none}@media (max-width: 768px){.home-container{padding:3rem 1rem}}@media (max-width: 480px){.home-container{padding:2rem 1rem}}