body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Chicago FLF;font-style:normal;font-weight:400;src:url(/static/media/ChicagoFLF.155ecfce03714f348552.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}.App{align-items:center;background:#000;display:flex;font-family:Host Grotesk,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.App.home-page{touch-action:none}.App.home-page,.navbar{left:0;position:fixed;top:0}.navbar{font-family:Host Grotesk,sans-serif;padding:20px 40px;right:0;z-index:15}.nav-links{display:flex;gap:30px}.nav-links a{color:#000;font-size:16px;font-weight:400;transition:opacity .2s ease}.nav-links a:hover{opacity:.7}.nav-logo{color:#000;font-size:16px;text-decoration:none}.video-background{filter:invert(1);height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto;z-index:0}.white-overlay{background:#dbdbd0;height:100%;left:0;opacity:.9;position:fixed;top:0;width:100%;z-index:1}.scroll-container{flex-direction:column;height:300px;max-width:90vw;overflow:hidden;position:relative;width:600px;z-index:2}.paragraph-snap,.scroll-container{align-items:center;display:flex;justify-content:center}.paragraph-snap{height:100%;opacity:0;padding:40px;pointer-events:none;position:absolute;transition:opacity .5s ease-in-out;width:100%}.paragraph-snap.active{opacity:1;pointer-events:auto}.scroll-dots{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.paragraph-text{color:#000;font-family:Host Grotesk,sans-serif;font-size:24px;font-weight:400;letter-spacing:-.01em;line-height:1.6;margin:0;text-align:center}@media (max-width:768px){.scroll-container{max-width:90%}.paragraph-text{font-size:20px}}@media (max-width:480px){.paragraph-text{font-size:18px}}.info-page{background:#edede4;height:auto!important;overflow-y:auto!important}.info-page .navbar{background:#dbdbd0;border-bottom:1px solid #0000001a}.info-content{background:#edede4;height:auto!important;overflow:visible!important;padding:140px 40px 60px}.info-container{margin:0 auto;max-width:800px}.info-container h1{font-size:32px;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.info-container h1,.info-container h2{color:#000;font-family:Host Grotesk,sans-serif}.info-container h2{font-size:24px;font-weight:500;letter-spacing:-.01em;margin-bottom:16px;margin-top:32px}.info-container p{color:#333;font-family:Host Grotesk,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.005em;line-height:1.6;margin-bottom:16px}@media (max-width:768px){.info-content{padding:100px 20px 40px}.info-container{padding:30px 20px}.info-container h1{font-size:28px}.info-container h2{font-size:22px}.info-container p{font-size:15px}}.web-music-player{animation:fadeIn .4s ease-out;background:#edede4;font-family:Host Grotesk,sans-serif;min-height:100vh;padding-bottom:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-header{animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.player-content{animation:fadeInUp .5s ease-out .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-player{animation:slideUp .4s ease-out .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.player-header{background:#dbdbd0;border-bottom:1px solid #0000001a;justify-content:space-between;left:0;padding:20px 40px;position:fixed;right:0;top:0;z-index:100}.back-button,.player-header{align-items:center;display:flex}.back-button{background:none;border:none;color:#000;cursor:pointer;font-size:16px;font-weight:400;gap:8px;margin-left:-12px;padding:8px 12px;transition:opacity .2s ease}.back-button:hover{opacity:.7}.header-logo{color:#000;font-size:16px;font-weight:500}.player-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:400px 1fr;margin:0 auto;max-width:1400px;padding:100px 40px 40px}.album-info{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.album-artwork-container{aspect-ratio:1;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-bottom:24px;overflow:hidden;width:100%}.album-artwork{height:100%;object-fit:cover;width:100%}.album-title{color:#000;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}.album-artist{color:#666;font-size:20px;font-weight:400;letter-spacing:-.01em;margin-bottom:16px}.expiry-notice{border-top:1px solid #0000001a;color:#999;font-size:14px;margin-top:16px;padding-top:16px}.tab-container{min-height:500px}.tab-bar{border-bottom:1px solid #0000001a;display:flex;gap:4px;margin-bottom:32px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:-1px;padding:12px 24px;transition:all .2s ease}.tab-button:hover{color:#000}.tab-button.active{border-bottom-color:#000;color:#000;font-weight:500}.tab-content{min-height:400px}.music-tab{width:100%}.track-list{display:flex;flex-direction:column;gap:8px}.track-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.track-item:hover{background:#f5f5f0;border-color:#0000000d}.track-item.active{background:#dbdbd0;border-color:#0000001a}.track-play-button{color:#000;flex-shrink:0;height:32px;justify-content:center;width:32px}.track-info,.track-play-button{align-items:center;display:flex}.track-info{flex:1 1;justify-content:space-between;min-width:0}.track-title{color:#000;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{color:#666;flex-shrink:0;font-size:14px;margin-left:16px}.playing-indicator{align-items:flex-end;display:flex;gap:3px;height:16px}.playing-indicator .bar{animation:bounce 1.2s ease-in-out infinite;background:#000;border-radius:2px;width:3px}.playing-indicator .bar:first-child{animation-delay:0s}.playing-indicator .bar:nth-child(2){animation-delay:.2s}.playing-indicator .bar:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{height:8px}50%{height:16px}}.notes-tab{display:flex;flex-direction:column;gap:32px}.media-item{width:100%}.media-text{color:#333;font-size:16px;font-weight:400;line-height:1.6;white-space:pre-wrap}.media-image-container{width:100%}.media-image{border-radius:8px;box-shadow:0 2px 12px #0000001a;height:auto;width:100%}.media-caption{color:#666;font-size:14px;font-style:italic;margin-top:12px;text-align:center}.artist-tab{display:flex;flex-direction:column;gap:24px}.artist-photo-container{margin:0 auto;max-width:400px;width:100%}.artist-photo{border-radius:8px;box-shadow:0 2px 12px #0000001a;height:auto;width:100%}.artist-bio{color:#333;font-size:16px;font-weight:400;line-height:1.6}.artist-links{display:flex;flex-wrap:wrap;gap:16px}.artist-link{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:8px;color:#000;display:flex;font-size:16px;font-weight:400;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.artist-link:hover{background:#dbdbd0;border-color:#0003}.bottom-player{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#dbdbd0bf;border-top:1px solid #ffffff4d;bottom:0;box-shadow:0 -4px 30px #0000001a;left:0;padding:16px 40px;position:fixed;right:0;z-index:100}.bottom-player-content{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:200px 1fr 200px;margin:0 auto;max-width:1400px}.bottom-player-info{overflow:hidden}.bottom-track-title{color:#000;font-size:16px;font-weight:500;margin-bottom:4px}.bottom-track-artist,.bottom-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-track-artist{color:#666;font-size:14px}.bottom-player-center{align-items:center;display:flex;flex-direction:column;gap:12px}.bottom-player-progress{align-items:center;display:flex;gap:12px;max-width:600px;width:100%}.time-display{color:#666;font-size:14px;min-width:40px;text-align:center}.progress-bar{-webkit-appearance:none;appearance:none;background:#00000026;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:14px}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-bar::-moz-range-thumb{background:#000;border:none;border-radius:50%;cursor:pointer;height:14px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:14px}.progress-bar::-moz-range-thumb:hover{transform:scale(1.2)}.bottom-player-controls{gap:20px}.bottom-player-controls,.control-button{align-items:center;display:flex;justify-content:center}.control-button{background:none;border:none;border-radius:50%;color:#000;cursor:pointer;padding:8px;transition:all .2s ease}.control-button:hover:not(:disabled){background:#00000014}.control-button:disabled{cursor:not-allowed;opacity:.3}.skip-button{background:#0000000d;height:48px;width:48px}.skip-button:hover:not(:disabled){background:#0000001f}.play-pause-button{background:#000;color:#fff;height:56px;width:56px}.play-pause-button:hover{background:#333}.bottom-player-volume{gap:10px;justify-content:flex-end}.bottom-player-volume,.volume-button{align-items:center;color:#666;display:flex}.volume-button{background:none;border:none;border-radius:4px;cursor:pointer;justify-content:center;padding:4px;transition:all .2s ease}.volume-button:hover{background:#0000000d;color:#000}.volume-slider{-webkit-appearance:none;appearance:none;background:#00000026;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#000;border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:12px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}@media (max-width:1024px){.player-content{gap:40px;grid-template-columns:1fr}.album-info{margin:0 auto;max-width:400px;position:relative;top:0}.tab-container{margin:0 auto;max-width:600px}}@media (max-width:768px){.player-header{padding:16px 20px}.player-content{padding:80px 20px 40px}.album-info{max-width:100%}.bottom-player{padding:12px 20px}.bottom-player-content{gap:12px;grid-template-columns:1fr}.bottom-player-info{text-align:center}.bottom-player-center{width:100%}.bottom-player-progress{max-width:100%}.bottom-player-volume{justify-content:center}.skip-button{height:40px;width:40px}.play-pause-button{height:48px;width:48px}.tab-button{font-size:14px;padding:12px 16px}}@media (max-width:480px){.album-title{font-size:24px}.album-artist{font-size:18px}.track-title{font-size:14px}.track-duration{font-size:12px}.bottom-track-title{font-size:14px}.bottom-track-artist{font-size:12px}}.play-page{background:#edede4;font-family:Host Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.navbar{align-items:center;background:#0000;display:flex;justify-content:space-between;padding:2rem 3rem}.nav-links a{color:#1a1a1a;font-size:1rem;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:.6}.nav-logo{color:#1a1a1a;font-size:1rem;font-weight:500}.play-content{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.play-container{max-width:400px;text-align:center;width:100%}.play-icon{color:#1a1a1a;margin-bottom:1.5rem;opacity:.8}.play-title{color:#1a1a1a;font-size:2rem;font-weight:600;margin:0 0 .5rem}.play-subtitle{color:#666;font-size:1rem;margin:0 0 2rem}.play-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.play-input{background:#fff;border:2px solid #d4d4c8;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-family:Host Grotesk,monospace;font-size:32px;font-weight:500;letter-spacing:8px;padding:1.25rem 1rem;text-align:center;transition:all .2s;width:100%}.play-input:focus{background:#fafaf8;border-color:#1a1a1a;outline:none}.play-input::placeholder{color:#c4c4b8;opacity:.6}.play-error{color:#dc3545;font-size:.875rem;margin:0;text-align:center}.play-button{background:#d4d4c8;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;font-family:Host Grotesk,sans-serif;font-size:1rem;font-weight:500;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .2s}.play-button .button-fill{background:#1a1a1a;height:100%;left:0;position:absolute;top:0;width:0;z-index:0}.play-button.auto-submitting .button-fill{transition:width .5s ease-out;width:100%}.play-button .button-text{position:relative;z-index:1}.play-button.auto-submitting .button-text{color:#fff;transition:color .25s ease}.play-button:hover:not(:disabled){background:#c8c8bc;transform:translateY(-1px)}.play-button:disabled{cursor:not-allowed;opacity:.5}.play-help{color:#888;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:640px){.navbar{padding:1.5rem}.play-content{padding:1rem}.play-title{font-size:1.5rem}.play-input{font-size:28px;letter-spacing:6px;padding:1rem .75rem}}
/*# sourceMappingURL=main.d713b2f6.css.map*/