body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;font-family:Space Mono,monospace;margin:0;overflow-x:hidden;padding:0 10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.error,.loading{font-family:Arial,sans-serif;padding:20px}.loading{color:#666;font-style:italic}.error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#f44;margin:20px}.app{display:flex;flex-direction:column;min-height:100vh}.background-logo-container{align-items:center;display:flex;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:65%;z-index:-1}.background-logo-image{height:auto;object-fit:contain;opacity:1;width:100%}.main-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-content{flex:1 1;margin-top:3rem;padding:2rem}.navbar{background-color:#444;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;color:#fff;gap:2rem;height:3rem;justify-content:center;left:0;padding:.5rem 2rem .5rem 5rem;position:fixed;right:0;top:0;width:100%;z-index:1000}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{left:1rem;position:absolute}.navbar-logo img{height:2rem;transition:opacity .2s ease;width:auto}.navbar-logo:hover img{opacity:.8}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-links a{color:#fff;font-size:.9rem;opacity:.8;padding:.3rem .8rem;position:relative;text-decoration:none;top:0;transition:all .2s ease}.nav-links a:hover{background-color:#ffffff1a;opacity:1;top:1px}.nav-links a.active{background-color:#ffffff26;box-shadow:inset 0 1px 2px #0000001a;opacity:.9;top:1px}.play-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:2.5rem;justify-content:center;margin:0 .8rem;transition:all .3s ease;width:2.5rem}.play-button:hover{opacity:.9;transform:scale(1.1)}.play-button:active{transform:scale(.95)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-circle{animation:spin 1s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:#000;height:20px;margin:auto;width:20px}.koska-logo,.systm-logo{height:2rem;margin:0;width:auto;z-index:10}.systm-logo{filter:invert(1)}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:.8rem;height:auto;min-height:3rem;padding:.5rem 1rem .5rem 4rem}.navbar-logo{left:.5rem}.navbar-logo img{height:1.8rem}.nav-links{flex-wrap:wrap;gap:.5rem;justify-content:center}.nav-links a{font-size:.85rem;padding:.25rem .6rem}.marquee-container{order:3;width:100%}.play-button{font-size:24px;height:3rem;margin:0 .5rem;width:3rem}.main-content{margin-top:4rem;padding:1rem}.background-logo-container{width:80%}}@media (max-width:480px){.navbar{gap:.5rem;padding:.4rem .5rem .4rem 3.5rem}.navbar-logo{left:.3rem}.navbar-logo img{height:1.5rem}.nav-links a{font-size:.8rem;padding:.2rem .5rem}.play-button{font-size:22px;height:2.8rem;margin:0 .3rem;width:2.8rem}.main-content{padding:.5rem}.background-logo-container{width:90%}}.footer-container{align-items:stretch;background-color:#f5f5f5f2;border-top:1px solid #e0e0e0;bottom:0;color:#333;display:flex;justify-content:space-between;min-height:300px;position:relative;width:100%;z-index:1}.footer-left{align-items:flex-start;background-color:#fafafaf2;display:flex;flex:1 1;flex-direction:column;padding:1rem 1.5rem}.footer-left h2{color:#222;font-size:1.5rem;margin-bottom:1rem}.footer-left p{color:#444;line-height:1.6;margin-bottom:1rem}.soundcloud-link{border-bottom:1px solid #666;color:#333;padding-bottom:1px;text-decoration:none;transition:all .2s ease}.soundcloud-link:hover{border-bottom:2px solid #000;color:#000}.footer-right{align-items:center;background-color:#f8f8f8f2;display:flex;flex:1 1;justify-content:center;padding:1rem}.footer-image{max-height:500px;max-width:150%;object-fit:contain}.footer-logos{display:flex;gap:1rem;margin-bottom:1rem}.footer-logo{height:2.5rem;object-fit:contain;opacity:.8;transition:opacity .2s ease;width:2.5rem}.footer-logo:hover{opacity:1}.credits{color:#666;font-size:.8rem;text-align:right}.footer-right a{color:#444;text-decoration:none;transition:color .2s ease}.footer-right a:hover{color:#000;text-decoration:underline}@media (max-width:768px){.footer-container{flex-direction:column;min-height:auto;width:100%}.footer-left,.footer-right{padding:1.5rem 1rem;width:100%}.footer-left h2{font-size:1.3rem}.footer-left p{font-size:.9rem}.footer-image{max-height:300px;max-width:100%}}@media (max-width:480px){.footer-left,.footer-right{padding:1rem .5rem}.footer-left h2{font-size:1.1rem}.footer-left p{font-size:.85rem}.footer-image{max-height:250px}}.artist-info-container{margin:calc(50vh - 200px) auto 0;max-width:800px;padding:2rem;position:relative;width:100%;z-index:2}.artist-info-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;border:1px solid #3333331a;padding:2rem}.artist-section{margin-bottom:2rem}.artist-section h2{font-size:1.5rem;margin-bottom:1rem}.artist-section h2,.artist-section h3{color:#333;font-family:Space Mono,monospace}.artist-section h3{font-size:1.2rem;margin-bottom:.5rem}.artist-description{color:#444;font-family:Space Mono,monospace;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.artist-links{display:flex;gap:1rem;margin-top:1rem}.social-link{border:1px solid #333;color:#333;font-family:Space Mono,monospace;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.social-link:hover{background-color:#333;color:#fff}@media (max-width:1024px){.artist-info-container{max-width:700px;padding:1.5rem}.artist-info-content{padding:1.8rem}}@media (max-width:768px){.artist-info-container{margin:1rem auto;padding:1rem}.artist-info-content{padding:1.5rem}.artist-section h2{font-size:1.3rem}.artist-section h3{font-size:1.1rem}.artist-description{font-size:.85rem}.artist-links{flex-wrap:wrap;gap:.8rem}.social-link{font-size:.85rem;padding:.4rem .8rem}}@media (max-width:480px){.artist-info-container{padding:.5rem}.artist-info-content{padding:1rem}.artist-section h2{font-size:1.1rem}.artist-description{font-size:.8rem}.artist-links{flex-direction:column;gap:.6rem}.social-link{text-align:center;width:100%}}.artist-image-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:20px;width:100%}.artist-image-content{box-shadow:0 8px 24px #0000004d;cursor:pointer;display:block;height:400px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:400px}.artist-image-content:hover{box-shadow:0 12px 32px #0006;transform:scale(1.02)}.artist-image-content:hover .play-overlay{opacity:1}.artist-image-content:hover img{filter:brightness(.7)}.artist-image-content img{height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.online-image{filter:none}.offline-image{filter:invert(1) hue-rotate(180deg)}.artist-image-content:hover .offline-image{filter:invert(1) hue-rotate(180deg) brightness(.7)}.play-overlay{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.play-icon{color:#fff;font-size:64px;text-shadow:0 4px 20px #00000080}.play-text{color:#fff;font-size:14px;font-weight:500;letter-spacing:1px;text-shadow:0 2px 8px #00000080;text-transform:uppercase}@media (max-width:1024px){.artist-image-content{height:350px;width:350px}}@media (max-width:768px){.artist-image-container{padding:15px}.artist-image-content{height:300px;width:300px}.play-icon{font-size:56px}}@media (max-width:480px){.artist-image-container{padding:10px}.artist-image-content{height:250px;width:250px}.play-icon{font-size:48px}.play-text{font-size:12px}}.setlist-container{border-radius:0;box-shadow:none;height:100%;overflow:hidden;position:relative;width:100%}.setlist-background-gif{border-radius:0;display:block;height:100%;object-fit:cover;width:100%}.setlist-text-overlay{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.setlist-scrolling-text{animation:setlistScrollDown 35s linear infinite;color:#fff;font-size:13px;font-weight:500;left:50%;line-height:1.5;max-width:280px;padding:20px 15px;position:absolute;text-align:left;text-shadow:1px 1px 4px #000000e6;transform:translateX(-50%);white-space:pre-wrap;width:100%}@keyframes setlistScrollDown{0%{opacity:0;top:-20%}5%{opacity:1}95%{opacity:1}to{opacity:0;top:100%}}.setlist-error,.setlist-loading{align-items:center;background:#f0f0f0;display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.setlist-error{background:#ffebee;color:#d32f2f}.setlist-loading{color:#666}@media (max-width:768px){.setlist-scrolling-text{font-size:12px;max-width:240px;padding:15px 12px}.setlist-error,.setlist-loading{font-size:14px}}@media (max-width:480px){.setlist-scrolling-text{font-size:11px;line-height:1.4;max-width:200px;padding:12px 10px}.setlist-error,.setlist-loading{font-size:13px}}.main-layout-container{min-height:100vh;width:100%}.three-column-wrapper{box-sizing:border-box;display:flex;gap:40px;height:100vh;padding:20px;width:100%}.column{align-items:stretch;display:flex}.column,.column>*{flex:1 1;height:100%}.column>*{width:100%}.video-content-wrapper{border-radius:0;overflow:hidden}.video-background,.video-content-wrapper{height:100%;position:relative;width:100%}.portrait-video{border-radius:0;height:100%;object-fit:cover;width:100%}.column:last-child{align-self:center;height:70%}@media (max-width:1024px){.column{min-width:280px}}@media (max-width:768px){.three-column-wrapper{flex-direction:column;gap:30px;height:auto;padding:15px}.column{height:50vh;min-height:300px;width:100%}.column:last-child{height:40vh;min-height:250px}.main-layout-container{min-height:auto}}@media (max-width:480px){.column{height:40vh;min-height:250px}}.gallery-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:40px 20px;width:100vw}.gallery-content{align-items:flex-start;display:flex;gap:30px;justify-content:center;max-width:1400px;width:100%}.gallery-video{aspect-ratio:16/9;flex-shrink:0;max-width:800px;width:60%}.schedule-container{flex:1 1;max-width:500px;padding:20px}.schedule-list{list-style:none;margin:0;padding:0}.schedule-item{border-bottom:1px solid #ffffff1a;box-sizing:border-box;color:#444;cursor:pointer;font-size:14px;line-height:1.6;max-width:100%;padding:12px 20px 12px 10px;transition:background-color .2s ease,padding-left .2s ease}.schedule-item:hover{background-color:#ffffff14;padding-left:15px}.schedule-item:last-child{border-bottom:none}.schedule-item-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.schedule-item-header strong{color:#444;flex-shrink:0;font-weight:400;min-width:100px}.schedule-item-title{flex:1 1}.schedule-item-description{background-color:#00000026;color:#666;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.4;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease,margin .3s ease;white-space:pre-wrap}.schedule-item.expanded .schedule-item-description{margin-top:12px;max-height:300px;opacity:1;padding:12px}.schedule-item-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.schedule-item.expanded .schedule-item-content{max-height:500px;opacity:1}.schedule-item-genres{color:#888;font-family:Courier New,Courier,monospace;font-size:10px;margin-top:8px;padding:0 12px}.schedule-item-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:0 12px 12px}.link-box{align-items:center;background-color:#0003;border:1px solid #ffffff1a;color:#666;display:inline-flex;font-family:Courier New,Courier,monospace;font-size:10px;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.link-box:hover{background-color:#ffffff26;border-color:#ffffff4d;color:#444;transform:translateY(-1px)}.link-icon{font-size:12px}.link-label{text-transform:lowercase}.link-soundcloud:hover{border-color:#f50;color:#f50}.link-instagram:hover{border-color:#e4405f;color:#e4405f}.link-spotify:hover{border-color:#1db954;color:#1db954}.link-website:hover{border-color:#888;color:#444}.schedule-list strong{color:#444;display:inline-block;font-weight:400;min-width:110px}@media (max-width:1024px){.gallery-content{align-items:center;flex-direction:column}.gallery-video,.schedule-container{max-width:800px;width:90%}}@media (max-width:768px){.gallery-container{padding:20px 10px}.gallery-video{width:95%}.schedule-container{padding:15px;width:95%}.schedule-list li{font-size:13px;padding:8px 0}.schedule-list strong{font-size:13px;min-width:90px}}@media (max-width:480px){.gallery-container{box-sizing:border-box;padding:15px 5px}.gallery-video{width:100%}.schedule-container{box-sizing:border-box;margin:0 auto;max-width:calc(100vw - 20px);padding:10px;width:calc(100% - 10px)}.schedule-item{padding:10px 16px 10px 8px}.schedule-list li{font-size:12px}.schedule-list strong{display:block;margin-bottom:4px;min-width:auto}}.archive-container{margin:0 auto;max-width:1400px;padding:40px 20px;width:90%}.tracks-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.track-item{background:#0000;overflow:hidden;transition:transform .2s ease}.track-item:hover{transform:translateY(-2px)}.track-image-container{aspect-ratio:16/9;overflow:hidden;position:relative}.track-image-container img{height:100%;object-fit:cover;width:100%}.track-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.track-image-container:hover .track-overlay{opacity:1}.track-play-overlay{align-items:center;color:#fff;display:flex;font-size:56px;justify-content:center;line-height:1;margin:0;padding:0;text-decoration:none;transition:transform .3s ease}.track-play-overlay:hover{opacity:.9;transform:scale(1.1)}.track-info{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffffd9;padding:16px}.track-info h3{font-size:16px;line-height:1.2;margin:0 0 8px}.track-details{color:#666;display:flex;font-size:14px;gap:16px;margin:0}.track-details span{align-items:center;display:inline-flex}@media (max-width:1024px){.archive-container{padding:30px 15px;width:95%}.tracks-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.archive-container{padding:20px 10px;width:100%}.tracks-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.track-info h3{font-size:14px}.track-details{font-size:12px;gap:12px}}@media (max-width:480px){.tracks-grid{gap:20px;grid-template-columns:1fr}.track-info{padding:12px}}.marquee-container{align-items:center;background-color:initial;box-sizing:border-box;color:#fff;display:flex;flex:1 1;overflow:hidden;padding:0 15px;position:relative;white-space:nowrap;width:100%}.marquee-content{animation:scroll-marquee 35s linear infinite;display:inline-block;font-size:16px;padding-left:100%}@keyframes scroll-marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.error,.loading{color:#fff;font-family:Space Mono,monospace;padding:0 20px;text-align:center;white-space:nowrap}.error{color:#ff6b6b}@media (max-width:768px){.marquee-content{animation-duration:15s;font-size:14px}}@media (max-width:480px){.marquee-content{animation-duration:12s;font-size:12px}.marquee-container{padding:0 10px}}
/*# sourceMappingURL=main.244ff92a.css.map*/