: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}.profile-container{animation:fadeIn .5s ease-out;position:relative}.about-container{min-height:calc(100vh - 150px);animation:fadeIn .5s ease-out;user-select:none;padding-top:3rem;padding-bottom:3rem}.profile-section{margin-bottom:3.5rem;animation:fadeIn .6s ease-in-out;animation-fill-mode:both}.profile-section:first-of-type{margin-top:0}.profile-section.no-title{margin-top:.2rem;margin-bottom:2rem}.profile-section:nth-child(1){animation-delay:0s}.profile-section:nth-child(2){animation-delay:.1s}.profile-section:nth-child(3){animation-delay:.2s}.profile-section:nth-child(4){animation-delay:.3s}.profile-section:nth-child(5){animation-delay:.4s}.timeline-container{position:relative;max-width:100%;margin:0 auto;padding-left:var(--spacing-md)}.timeline-container:before{content:"";position:absolute;top:0;bottom:0;width:1px;background-color:var(--color-gray-300)}.timeline-item{position:relative;margin-bottom:3.5rem;padding-left:var(--spacing-lg)}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background-color:var(--color-bg-primary);border:2px solid var(--color-text-accent);box-shadow:0 0 0 2px var(--color-accent-10);z-index:2;transform:translate(-50%)}.timeline-content{position:relative}.timeline-content h3{font-family:var(--font-family-title);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:.25rem;font-size:var(--font-size-lg)}.timeline-content h4{font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:.5rem;font-size:var(--font-size-md)}.timeline-period,.timeline-location{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:inline-block;margin-right:.75rem}.timeline-location:before{content:"•";margin-right:.5rem}.timeline-meta{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:.5rem}.timeline-description{margin-top:1rem;line-height:var(--line-height-loose);color:var(--color-text-secondary)}.languages-list{list-style:none;padding:0;margin:0;width:100%}.language-item{display:flex;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--color-gray-100)}.language-name{font-weight:var(--font-weight-regular)}.language-proficiency{color:var(--color-text-primary);text-align:right}@media (max-width: 768px){.timeline-container{padding-left:var(--spacing-sm)}.timeline-item{margin-bottom:var(--spacing-xl)}.timeline-content h3{font-size:var(--font-size-md)}.timeline-content h4{font-size:var(--font-size-base)}.language-item{padding:var(--spacing-sm) 0}}