.navbar-container{background-color:var(--color-white);position:relative;z-index:10001}.navbar-content{justify-content:space-between;margin-bottom:-5rem;padding:.5rem 42px .5rem 1rem}.brand-section,.navbar-content{align-items:center;display:flex}.brand-section{gap:.75rem}.navbar-logo{height:96px;object-fit:contain;width:auto}.brand-text{color:var(--color-black);font-family:CustomFont,sans-serif;font-size:1.3rem;font-weight:600;white-space:nowrap}.desktop-navigation{align-items:center;display:flex;gap:1.5rem;justify-content:flex-end}.nav-link{text-decoration:none}.nav-label,.nav-link{transition:color .3s ease}.nav-label{color:var(--color-black);font-family:CustomFont,sans-serif;font-size:1.2rem;font-weight:600}.nav-link.active .nav-label{color:var(--color-accent);font-weight:700;text-underline-offset:.3rem}.mobile-menu-button{align-items:center;background:none;border:none;color:var(--color-black);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:0;position:relative;transition:color .3s ease;width:40px;z-index:10002}.mobile-menu-button.open{color:var(--color-white)}.mobile-navigation-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle at 20% 50%,#0066b026 0,#0000 50%),radial-gradient(circle at 80% 80%,#5151511a 0,#0000 50%),#1e1e1ed9;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:9999}.overlay-logo-link{left:1rem;position:absolute;top:.75rem}.overlay-logo{height:100px;object-fit:contain;width:auto}.mobile-navigation{background:#0000;max-width:400px;overflow:hidden;padding:2rem 0;position:relative;width:90%}.mobile-nav-link{display:block;padding:2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.mobile-nav-link:hover{opacity:.8}.mobile-nav-label{color:var(--color-white);display:inline-block;font-family:CustomFont,sans-serif;font-size:2rem;font-weight:600;letter-spacing:.1em;position:relative;text-transform:uppercase;transition:all .3s ease}.mobile-nav-link.active .mobile-nav-label{color:#4da6ff}@media (max-width:480px){.navbar-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:-3.65rem;padding:0 16px 0 0}.brand-section{gap:.5rem}.navbar-logo{height:72px}.brand-text{font-size:1rem}}.works-page{align-items:center;background-color:var(--color-white);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;width:100%}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.5rem 0 2rem}.filter-pill{background-color:initial;border:1px solid var(--color-gray-dark);border-radius:999px;color:var(--color-black);cursor:pointer;font-family:CustomFont,sans-serif;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s,color .2s}.filter-pill:hover{background-color:var(--color-gray-light);color:var(--color-black)}.filter-pill.active{background-color:var(--color-accent);border:none;color:var(--color-white);font-weight:700}.works-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);max-width:1200px;padding:0 1rem;width:100%}.no-results{color:var(--color-accent-secondary);font-family:CustomFont,sans-serif;font-size:1rem;grid-column:1/-1;padding:2rem 0;text-align:center}@media (max-width:1024px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.works-grid{grid-template-columns:1fr;padding:0 .75rem}}@media (max-width:480px){.filter-pill{font-size:.75rem;padding:.4rem .8rem}.works-grid{padding:0 .5rem}}.page-header{align-items:center;border-bottom:1px solid var(--color-gray-dark);display:flex;justify-content:center;padding-bottom:2rem;width:100%}.page-header-title-text{color:var(--color-black);font-family:CustomFont,sans-serif;font-size:var(--text-4xl);font-weight:600;margin:0}@media (max-width:768px){.page-header{padding-bottom:1.2rem;padding-top:0}}.work-card-link{display:block;text-decoration:none;width:100%}.work-card{background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.work-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.work-card-image-wrapper{background-color:#f5f5f5;border-radius:8px 8px 0 0;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.work-card-image{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.work-card-content{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.work-card-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.work-card-year{color:var(--color-black);font-family:var(--font-family-base);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.work-card-title-wrapper{display:flex;flex-direction:column;gap:.25rem;padding-bottom:1rem}.work-card-title{color:var(--color-accent);font-family:var(--font-family-heading);font-size:var(--text-xl);font-weight:700;line-height:1.2;margin:0}.japanese-text{font-family:Noto Sans JP,sans-serif;font-weight:700}.work-card-subtitle{color:var(--color-accent);font-weight:400;line-height:1.3;opacity:.8;padding-bottom:.5rem}.work-card-description,.work-card-subtitle{font-family:var(--font-family-base);font-size:var(--text-sm)}.work-card-description{color:var(--color-gray-dark);height:7.5em;line-height:1.5;margin:0;overflow-y:auto;text-align:justify}.work-card-category{background-color:var(--color-white);border:1px solid var(--color-gray-light);border-bottom:none;border-radius:8px 0 8px 0;border-right:none;bottom:0;color:var(--color-gray-dark);font-family:var(--font-family-base);font-size:10px;font-weight:500;letter-spacing:.05em;padding:.3rem 1rem;position:absolute;right:0;text-transform:uppercase;z-index:10}@media (max-width:480px){.work-card-image-wrapper{padding-bottom:100%}.work-card-content{padding:1rem}.work-card-category{bottom:0;font-size:9px;padding:.25rem .8rem;right:0}.work-card-title{font-size:var(--text-lg)}.work-card-description{height:6em}.work-card-year{font-size:var(--text-xs)}.work-card-title{font-size:var(--text-base)}.work-card-description{font-size:var(--text-xs)}}.work-detail-page{align-items:center;background-color:var(--color-white);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-family-base);min-height:100vh;width:100%}.work-detail-card{animation:slideUp .6s ease-out;background:var(--color-white);border-radius:var(--spacing-6);box-shadow:0 20px 60px #00000026;margin:var(--spacing-8);max-width:1400px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.work-hero{height:600px;overflow:hidden;position:relative;width:100%}.work-hero img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.work-detail-card:hover .work-hero img{transform:scale(1.05)}.work-hero-overlay{background:linear-gradient(0deg,#000c 0,#0003 50%,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:var(--spacing-12);padding-left:calc(var(--spacing-12) + var(--spacing-3));position:absolute}.work-hero h1{color:var(--color-white);font-family:var(--font-family-heading);font-size:var(--text-4xl);font-weight:800;line-height:1.1;margin:0 0 var(--spacing-2) 0;text-shadow:0 2px 20px #00000080}.work-subtitle{color:var(--color-white);display:inline-block;font-family:var(--font-family-base);font-size:var(--text-lg);font-weight:400;margin-left:.5rem;opacity:.9}.work-date{border-radius:var(--radius-full);color:#ffffffe6;font-size:var(--text-lg);font-weight:500;padding:var(--spacing-2) var(--spacing-4);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.work-content{padding:var(--spacing-16)}.work-description{margin-bottom:var(--spacing-8)}.work-description p{color:var(--color-gray-dark);font-size:var(--text-xl);font-weight:400;line-height:1.8;margin:0;text-align:justify;width:100%}.work-media{display:flex;flex-direction:column;gap:var(--spacing-8);margin-top:var(--spacing-12)}.media-wrapper{background:var(--color-gray-light);border-radius:var(--spacing-4);box-shadow:0 10px 30px #0000001a;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.media-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.custom-iframe{display:block;margin:var(--spacing-8) 0;text-align:center;width:100%}.custom-iframe iframe{border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;display:block;height:400px!important;margin:0 auto;max-width:700px!important;transition:transform .3s ease,box-shadow .3s ease;width:100%!important}.custom-iframe iframe:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.media-link{display:flex;justify-content:center}.platform-link{align-items:center;border-radius:var(--radius-full);box-shadow:0 4px 15px #0000001a;display:inline-flex;font-size:var(--text-lg);font-weight:600;letter-spacing:.5px;padding:var(--spacing-4) var(--spacing-8);text-decoration:none;text-transform:uppercase;transition:all .3s ease}.platform-bandcamp,.platform-instagram,.platform-linktree,.platform-soundcloud,.platform-vimeo,.platform-website,.platform-youtube{background:var(--color-white);border:1px solid #000;color:var(--color-black)}.platform-bandcamp:hover,.platform-instagram:hover,.platform-linktree:hover,.platform-soundcloud:hover,.platform-vimeo:hover,.platform-website:hover,.platform-youtube:hover{background:var(--color-accent);border:none;box-shadow:0 6px 20px #0003;color:var(--color-white);transform:translateY(-2px)}@media (max-width:768px){.work-detail-page{background:var(--color-white)}.work-detail-card{border-radius:0;box-shadow:none;margin:0;max-width:100%}.work-hero{height:300px}.work-hero-overlay{padding:var(--spacing-8)}.work-hero h1{font-size:var(--text-3xl)}.work-date{font-size:var(--text-base);padding:.4rem .8rem}.work-content{padding:var(--spacing-8)}.work-description p{font-size:var(--text-lg);line-height:1.7}.work-media{gap:var(--spacing-6);margin-top:var(--spacing-8)}.media-wrapper{border-radius:var(--radius-lg)}.platform-link{font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-6)}.custom-iframe{margin:var(--spacing-6) 0}.custom-iframe iframe{border-radius:var(--radius-md);height:300px!important;max-width:100%!important}}@media (max-width:480px){.work-hero{height:250px}.work-hero-overlay{padding:var(--spacing-6)}.work-hero h1{font-size:var(--text-2xl)}.work-content{padding:var(--spacing-6)}.work-description p{font-size:var(--text-base)}.custom-iframe iframe{height:250px!important}}.lives-page{align-items:center;background-color:var(--color-white);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;width:100%}.lives-container{margin:0 auto;max-width:1200px;padding:2rem 4rem;width:100%}.performances-list{gap:4rem;margin-top:3rem}.performances-list,.section{display:flex;flex-direction:column}.section{gap:2rem}.section-marker{color:var(--color-accent);font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem}.performance-item{align-items:flex-start;border-bottom:1px solid #00000014;display:flex;gap:3rem;padding:1.5rem 0}.performance-item:last-child{border-bottom:none}.performance-date{display:flex;flex-direction:column;gap:.25rem;min-width:140px}.date-main,.performance-date{color:var(--color-accent);font-weight:600}.date-main{font-size:1.1rem}.date-year{color:var(--color-gray-dark);font-size:.85rem;opacity:.8}.performance-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.performance-title{color:var(--color-black);font-size:1.1rem;font-weight:600;line-height:1.4}.performance-location{align-items:center;color:var(--color-gray-dark);display:flex;font-size:.95rem;gap:.5rem;line-height:1.4}.location-icon{color:var(--color-accent);flex-shrink:0;font-size:.9rem}@media (max-width:768px){.lives-container{padding:1.5rem 1.5rem 6rem}.performances-list{gap:3rem;margin-top:2rem}.section{gap:1.5rem}.section-marker{font-size:2rem;margin-bottom:.5rem}.performance-item{flex-direction:column;gap:.75rem;padding:1.25rem 0}.performance-date{align-items:baseline;flex-direction:row;gap:.5rem;min-width:auto}.date-main{font-size:1rem}.date-year{font-size:.8rem}.performance-details{gap:.4rem}.performance-title{font-size:1rem}.performance-location{font-size:.9rem}}.about-page{align-items:center;background-color:var(--color-white);min-height:100vh;padding-bottom:2rem}.about-page,.content-container{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.content-container{gap:3rem;max-width:1100px;padding:2rem 1rem}.intro-section{display:flex;flex-direction:column;gap:2rem}.bio-header{margin-bottom:1rem;text-align:center}.bio-title{color:#222;font-family:CustomFont,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.name-mobile{display:none}.name-desktop{display:inline}.bio-subtitle{color:#666;font-family:CustomFont,sans-serif;font-size:1.25rem;font-weight:400;margin:0}.bio-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.intro-left,.intro-right{color:#222;font-family:CustomFont,sans-serif;font-size:1rem;line-height:1.6;text-align:justify}.intro-right .linktree{font-size:.95rem;margin-top:1rem}@media (max-width:768px){.bio-title{font-size:1.5rem;line-height:1.3;white-space:nowrap}.name-mobile{display:inline}.name-desktop{display:none}.bio-subtitle{font-size:.75rem;white-space:nowrap}.bio-content{grid-template-columns:1fr}}.contact-section{align-items:flex-start;display:flex;gap:4rem;justify-content:space-between}.contact-info{align-items:flex-end;display:flex;flex:1 1;flex-direction:column}.music-section{flex:0 0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-info h3,.find-music-title{color:#222;font-family:CustomFont,sans-serif;font-size:1.25rem;margin:0 0 1rem}.contact-item{align-items:center;color:#333;display:flex;font-family:CustomFont,sans-serif;font-size:1rem;gap:1rem}.contact-icon{color:var(--color-accent);flex-shrink:0;font-size:1.5rem}.contact-item a{color:var(--color-accent);text-decoration:none}.contact-item a:hover{text-decoration:underline}.music-links{display:flex;flex-direction:row;gap:1.5rem;justify-content:flex-start;list-style:none;margin:0;padding:0}.music-links li{align-items:center;display:flex}.music-icon{color:var(--color-accent);flex-shrink:0;font-size:1.5rem;transition:color .2s}.music-links li a{align-items:center;display:flex;justify-content:center;text-decoration:none}.music-links li a:hover .music-icon{color:var(--color-accent)}@media (max-width:768px){.contact-section{flex-direction:column;gap:2rem}.contact-info{align-items:flex-start;order:2}.music-section{order:1;width:100%}}.gallery-section{width:100%}.gallery-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);width:100%}.gallery-item{aspect-ratio:1/1;background-color:#ddd;border-radius:8px;min-height:400px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{box-shadow:0 10px 30px #00000026}.gallery-item img{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.profilo-1{object-position:center 0!important}@media (max-width:768px){.gallery-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.gallery-item{min-height:250px}}@media (max-width:480px){.gallery-grid{gap:1rem;grid-template-columns:1fr}.gallery-item{min-height:300px}}.audio-player{background-color:var(--color-white);border-top:1px solid var(--color-gray-light);bottom:0;box-shadow:0 -2px 8px #0000001a;color:var(--color-black);font-family:var(--font-family-base);left:0;position:fixed;right:0;z-index:1000}.player-minimized{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:var(--spacing-10);padding:var(--spacing-4) var(--spacing-6);position:relative;transition:background-color .2s ease}.player-minimized:hover{background-color:#00000005}.player-bottom{gap:var(--spacing-6);width:100%}.player-bottom,.track-info{align-items:center;display:flex;height:100%}.track-info{flex:0 0 220px;min-width:0}.track-details-mini{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.track-title-mini{color:var(--color-black);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--spacing-1)}.track-artist-mini,.track-title-mini{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist-mini{color:var(--color-gray-mid);font-size:var(--text-xs)}.player-controls-mini{align-items:center;display:flex;flex:0 0 auto;gap:var(--spacing-3);height:100%}.control-btn{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-gray-dark);cursor:pointer;display:flex;font-size:var(--text-lg);height:var(--spacing-10);justify-content:center;padding:var(--spacing-2);transition:all .2s ease;width:var(--spacing-10)}.control-btn:hover{background-color:var(--color-gray-light);color:var(--color-accent);transform:scale(1.1)}.play-btn{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--text-base);height:var(--spacing-12);justify-content:center;padding:var(--spacing-3);transition:all .2s ease;width:var(--spacing-12)}.play-btn:hover{background:var(--color-accent-hover);transform:scale(1.05)}.progress-section-mini{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-2);justify-content:center;margin:0 var(--spacing-4);min-width:100px;padding-top:18px}.progress-slider-mini{-webkit-appearance:none;appearance:none;background:var(--color-gray-light);border-radius:var(--radius-full);cursor:pointer;height:3px;outline:none;width:100%}.progress-slider-mini::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;height:var(--spacing-4);-webkit-transition:all .2s ease;transition:all .2s ease;width:var(--spacing-4)}.progress-slider-mini::-webkit-slider-thumb:hover{background:var(--color-accent-hover);transform:scale(1.2)}.progress-slider-mini::-moz-range-thumb{background:var(--color-accent);border:none;border-radius:var(--radius-full);cursor:pointer;height:var(--spacing-4);-moz-transition:all .2s ease;transition:all .2s ease;width:var(--spacing-4)}.progress-slider-mini::-moz-range-thumb:hover{background:var(--color-accent-hover);transform:scale(1.2)}.time-display-mini{color:var(--color-gray-dark);display:flex;font-family:var(--font-family-base);font-size:var(--text-xs);justify-content:space-between;line-height:1;padding:0 var(--spacing-1)}.volume-control-mini{align-items:center;display:flex;flex:0 0 auto;gap:var(--spacing-3);height:100%;min-width:140px}.volume-icon{color:var(--color-gray-dark);flex-shrink:0;font-size:var(--text-base)}.volume-slider{-webkit-appearance:none;appearance:none;background:var(--color-gray-light);border-radius:var(--radius-full);cursor:pointer;height:4px;outline:none;width:90px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;height:var(--spacing-3);-webkit-transition:all .2s ease;transition:all .2s ease;width:var(--spacing-3)}.volume-slider::-webkit-slider-thumb:hover{background:var(--color-accent-hover);transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:var(--color-accent);border:none;border-radius:var(--radius-full);cursor:pointer;height:var(--spacing-3);-moz-transition:all .2s ease;transition:all .2s ease;width:var(--spacing-3)}.volume-slider::-moz-range-thumb:hover{background:var(--color-accent-hover);transform:scale(1.2)}.mobile-controls-section{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-light);padding:var(--spacing-4) var(--spacing-6)}.progress-section-mobile{margin-bottom:var(--spacing-4)}.progress-slider-mobile{-webkit-appearance:none;appearance:none;background:var(--color-gray-light);border-radius:var(--radius-full);cursor:pointer;height:4px;margin-bottom:var(--spacing-2);outline:none;width:100%}.progress-slider-mobile::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;height:var(--spacing-4);-webkit-transition:all .2s ease;transition:all .2s ease;width:var(--spacing-4)}.progress-slider-mobile::-webkit-slider-thumb:hover{background:var(--color-accent-hover);transform:scale(1.2)}.progress-slider-mobile::-moz-range-thumb{background:var(--color-accent);border:none;border-radius:var(--radius-full);cursor:pointer;height:var(--spacing-4);-moz-transition:all .2s ease;transition:all .2s ease;width:var(--spacing-4)}.progress-slider-mobile::-moz-range-thumb:hover{background:var(--color-accent-hover);transform:scale(1.2)}.time-display-mobile{color:var(--color-gray-dark);display:flex;font-family:var(--font-family-base);font-size:var(--text-xs);justify-content:space-between;line-height:1}.volume-control-mobile{align-items:center;display:flex;gap:var(--spacing-3);justify-content:center}.volume-slider-mobile{-webkit-appearance:none;appearance:none;background:var(--color-gray-light);border-radius:var(--radius-full);cursor:pointer;height:4px;outline:none;width:150px}.volume-slider-mobile::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;height:var(--spacing-3);-webkit-transition:all .2s ease;transition:all .2s ease;width:var(--spacing-3)}.volume-slider-mobile::-webkit-slider-thumb:hover{background:var(--color-accent-hover);transform:scale(1.2)}.volume-slider-mobile::-moz-range-thumb{background:var(--color-accent);border:none;border-radius:var(--radius-full);cursor:pointer;height:var(--spacing-3);-moz-transition:all .2s ease;transition:all .2s ease;width:var(--spacing-3)}.volume-slider-mobile::-moz-range-thumb:hover{background:var(--color-accent-hover);transform:scale(1.2)}.progress-bar-mini,.progress-mini,.toggle-expand-button{display:none}.progress-section{margin-bottom:var(--spacing-6);padding:0 var(--spacing-6)}.progress-bar{background:var(--color-gray-light);cursor:pointer;height:6px;margin-bottom:var(--spacing-3);position:relative;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-sm)}.progress-fill{background:var(--color-accent);height:100%;transition:width .1s ease}.time-info{color:var(--color-gray-mid);display:flex;font-size:var(--text-xs);justify-content:space-between}.playlist{border-top:1px solid var(--color-gray-light);padding:0 var(--spacing-6) var(--spacing-6);padding-top:var(--spacing-6)}.playlist h4{color:var(--color-accent);font-family:var(--font-family-heading);font-size:var(--text-base);font-weight:600;margin:0 0 var(--spacing-4) 0}.track-list{max-height:200px;overflow-y:auto}.track-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;margin-bottom:var(--spacing-2);padding:var(--spacing-3);transition:background-color .2s ease}.track-item:hover{background-color:#00000005}.track-item.active{border:1px solid var(--color-accent)}.track-number{color:var(--color-gray-dark);font-size:var(--text-sm);margin-right:var(--spacing-4);text-align:center;width:var(--spacing-8)}.track-item.active .track-number{color:var(--color-accent);font-weight:600}.track-info-item{flex:1 1;min-width:0}.track-title{color:var(--color-black);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item.active .track-title{color:var(--color-accent)}.track-artist{color:var(--color-gray-dark);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-indicator{color:var(--color-gray-dark);font-family:var(--font-family-base);font-size:var(--text-sm);padding:var(--spacing-6);text-align:center}@media (max-width:768px){.player-minimized{min-height:auto;padding:var(--spacing-3) var(--spacing-4)}.player-bottom{align-items:center;gap:var(--spacing-3)}.track-info{flex:1 1;min-width:0}.player-controls-mini{flex:0 0 auto;gap:var(--spacing-2)}.control-btn{font-size:var(--text-base);height:var(--spacing-8);width:var(--spacing-8)}.play-btn{border-radius:48%;font-size:var(--text-sm);height:var(--spacing-10);width:var(--spacing-10)}.player-expanded{max-height:80vh;overflow-y:auto}.playlist{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.mobile-controls-section{padding:var(--spacing-3) var(--spacing-4)}.track-title-mini{font-size:var(--text-xs)}.track-artist-mini{font-size:calc(var(--text-xs) - 1px)}}@font-face{font-family:CustomFont;font-style:normal;font-weight:400;src:url(/static/media/Montserrat-VariableFont_wght.7e687123cd4528224ce5.ttf) format("truetype")}*,:after,:before{box-sizing:border-box}html{max-width:100vw;overflow-x:hidden}@font-face{font-family:Montserrat-Variable;font-weight:100 900;src:url(/static/media/Montserrat-VariableFont_wght.7e687123cd4528224ce5.ttf) format("truetype")}@font-face{font-family:Montserrat-Italic-Variable;font-style:italic;font-weight:100 900;src:url(/static/media/Montserrat-Italic-VariableFont_wght.7451547bd28d8dddbeea.ttf) format("truetype")}:root{--color-black:#1e1e1e;--color-white:#f4f4f4;--color-gray-dark:#515151;--color-gray-mid:#898989;--color-gray-light:#c3c3c3;--color-accent:#0066b0;--color-accent-secondary:color-mix(in srgb,var(--color-accent) 80%,#fff);--color-accent-text:color-contrast(var(--color-accent) vs #fff,#000);--color-accent-hover:color-mix(in srgb,var(--color-accent) 90%,#000);--color-accent-secondary-hover:color-mix(in srgb,var(--color-accent-secondary) 90%,#000);--font-family-barcode:monospace;--font-family-base:"Montserrat-Variable",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-family-heading:var(--font-family-base);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-full:9999px}body{font-family:CustomFont;margin:0;padding:0 0 80px}.app-layout,body{background-color:#f4f4f4;max-width:100vw;min-height:100vh;overflow-x:hidden}.app-layout{display:flex;flex-direction:column;padding-bottom:80px;position:relative}.main-content{flex:1 1;margin:0 auto;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}
/*# sourceMappingURL=main.d4412e68.css.map*/