@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#e0e0e0;font-family:Inter,monospace;min-height:100vh;display:flex;flex-direction:column}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;height:197px;background:#fff;pointer-events:none}.wordmark{font-size:26px;letter-spacing:2px;color:#fff}.header-logo{position:fixed;left:50%;top:20px;transform:translate(-50%);height:100px;width:auto;pointer-events:none}.header-fanmail{position:fixed;left:50%;transform:translate(-50%);top:137px;white-space:nowrap;text-align:center;z-index:15;pointer-events:auto}.header-tagline{font-size:12px;color:#888;letter-spacing:1px;margin-bottom:4px}.header-fanmail span,.header-fanmail a{font-size:12px;color:#888;text-decoration:none;letter-spacing:1px;transition:color .2s}.header-fanmail a:hover{color:#000}.gallery{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding-top:197px;padding-bottom:52px;width:100%;max-width:1200px;margin:0 auto}@media (max-width: 900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.gallery{grid-template-columns:1fr}}.mix-tile{pointer-events:auto;position:relative;aspect-ratio:1;overflow:hidden;border:none;background:none;padding:0;display:block;opacity:0;animation:reveal .5s ease forwards;animation-delay:calc(var(--i) * 60ms)}@keyframes reveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mix-tile img,.tile-bg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.tile-bg{background:radial-gradient(ellipse at 30% 40%,hsl(calc(var(--hue)),25%,14%),hsl(calc(var(--hue) + 20),15%,6%))}.mix-tile:hover img,.mix-tile:hover .tile-bg{transform:scale(1.06)}.mix-tile.active:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px none;pointer-events:none;z-index:2}.tile-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000cc 0%,#00000066 40%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.mix-tile:hover .tile-overlay,.mix-tile.active .tile-overlay{opacity:1;transform:translateY(0)}.tile-tags{display:flex;gap:6px;margin-bottom:6px}.tile-tag{font-size:11px;letter-spacing:2px;color:#000;border:1px solid #ff00ff66;padding:1px 6px}.tile-title{font-size:28px;color:#fff;letter-spacing:2px;line-height:1}.tile-date{font-size:14px;color:gray;letter-spacing:1px;margin-top:4px}.popup-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s ease}.popup-overlay.open{opacity:1;pointer-events:auto}.popup-content{display:flex;flex-direction:column;align-items:center;gap:16px}.popup-img{max-width:45vw;max-height:45vh;object-fit:contain;display:block}.popup-password-form{display:none;align-items:center;gap:10px;width:100%;max-width:320px}.popup-password-form.visible{display:flex}.popup-password-form input{flex:1;background:none;border:none;border-bottom:1px solid #ffffff50;color:#fff;font-family:Inter,sans-serif;font-size:16px;letter-spacing:2px;padding:4px 6px;outline:none;text-align:center}.popup-password-form input::placeholder{color:#606060}.popup-password-form button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 4px}.popup-pw-toggle{color:#ffffff80;transition:color .2s;display:flex;align-items:center}.popup-pw-toggle:hover{color:#fff}.popup-password-error{font-size:13px;color:#f44;letter-spacing:1px;min-height:16px}.site-footer{text-align:center;padding:24px 20px 80px}.site-footer span,.site-footer a{font-size:13px;color:#aaa;letter-spacing:1px;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#000}.footer-quote{width:100%;max-width:80%;height:auto;display:block;margin:0 auto}@media (max-width: 600px){.footer-quote{max-width:100%}}.now-playing{position:fixed;bottom:48px;left:0;right:0;padding:15px 20px;overflow:hidden;pointer-events:none;z-index:19;opacity:0;transition:opacity .4s ease;background:#fff;border-top:1px solid #e0e0e0;display:flex;align-items:center;height:20px}.now-playing.visible{opacity:1}.now-playing-text{display:inline-block;white-space:nowrap;font-size:14px;color:#000;letter-spacing:1px}.now-playing-text:before{content:"Now Playing: ";font-style:italic}.now-playing-text.scrolling{animation:now-playing-scroll 12s ease-in-out infinite}@keyframes now-playing-scroll{0%,20%{transform:translate(0)}80%,to{transform:translate(var(--scroll-by))}}.player{position:fixed;bottom:0;left:0;right:0;height:48px;background:#fff;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:16px;padding:0 20px;transform:translateY(100%);transition:transform .3s ease;z-index:20}.player.open{transform:translateY(0)}.player-art{width:42px;height:42px;flex-shrink:0;background:#1a1a1a;background-size:cover;background-position:center}.player-info{min-width:120px;max-width:180px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.player-title-wrap{overflow:hidden;width:100%}.player-title{font-size:16px;color:#000;letter-spacing:1px;white-space:nowrap;display:inline-block;line-height:1.2}.player-title.scrolling{animation:player-title-scroll var(--scroll-duration, 5s) linear infinite}@keyframes player-title-scroll{0%{transform:translate(0)}to{transform:translate(var(--scroll-by))}}.player-track{font-size:13px;color:#fff;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.player-track:empty,.player-status:empty{display:none}.player-status{font-size:12px;color:#000;letter-spacing:1px;line-height:1.2}.player-center{flex:1;display:flex;align-items:center;gap:14px;min-width:0}.play-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid black;background:none;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.play-btn:hover{background:#000;color:#fff;border-color:#000}.progress-track{flex:1;height:3px;background:#ffffff14;cursor:pointer;position:relative;border-radius:2px}.progress-fill{height:100%;background:#000;border-radius:2px;width:0%;transition:width .1s linear;pointer-events:none}.player-time{font-size:16px;color:#000;flex-shrink:0;min-width:38px;text-align:right;padding-right:24px}.player-password{display:none;flex:1;align-items:center;gap:8px}.player-password input{flex:1;background:none;border:none;border-bottom:1px solid #ffffff30;color:#fff;font-family:Inter,monospace;font-size:18px;letter-spacing:2px;padding:2px 4px;outline:none}.player-password input::placeholder{color:#404040}.player-password button{background:none;border:none;color:#fff;font-family:Inter,monospace;font-size:22px;cursor:pointer;padding:0 4px}.sc-link{flex-shrink:0;display:flex;align-items:center;padding:4px;opacity:.6;transition:opacity .2s}.sc-link:hover{opacity:1}.popout-btn{flex-shrink:0;background:none;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;padding:4px;transition:color .2s}.popout-btn:hover{color:#000}@media (max-width: 600px){.popout-btn,.player-art{display:none}.player-info{min-width:80px;max-width:120px}.player{gap:8px;padding:0 12px}.player-time{padding-right:0}}