@font-face{font-family:Ultra Maya;src:url(/assets/fonts/Ultra_Maya_2024.woff2) format("woff2"),url(/assets/fonts/Ultra_Maya_2024.woff) format("woff"),url(/assets/fonts/Ultra_Maya_2024.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--text-accent: #CCD2D4;--overlay-bg: rgba(255, 255, 255, .05);--overlay-border: rgba(255, 255, 255, .1);--overlay-text: #ffffff;--progress-bg: rgba(255, 255, 255, .3);--progress-fill: rgba(255, 255, 255, .8);--button-bg: rgba(0, 0, 0, .7);--button-hover: rgba(0, 0, 0, .85);--shadow-color: rgba(0, 0, 0, .15)}:root[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-accent: #CCD2D4;--overlay-bg: rgba(255, 255, 255, .1);--overlay-border: rgba(255, 255, 255, .2);--overlay-text: #ffffff;--progress-bg: rgba(255, 255, 255, .3);--progress-fill: rgba(255, 255, 255, .8);--button-bg: rgba(255, 255, 255, .15);--button-hover: rgba(255, 255, 255, .25);--shadow-color: rgba(0, 0, 0, .5);--playlist-bg: rgba(30, 30, 30, .9);--playlist-text: #e0e0e0;--playlist-item-hover: rgba(255, 255, 255, .1);--playlist-item-active: rgba(255, 255, 255, .15);--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:0;top:0;width:auto;height:auto;background:var(--button-bg);color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 8px;z-index:1000}.ultra-maya{font-family:Ultra Maya,system-ui,-apple-system,sans-serif}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;position:relative;padding-bottom:100px}header{padding:3rem 2rem;text-align:center;position:relative;z-index:1}.logo{max-width:300px;height:auto}.content{text-align:center;padding:0 2rem 2rem}.image-container{position:relative;display:inline-block;max-width:600px;width:100%}.safe-image{max-width:600px;width:100%;height:auto;display:block}.player-overlay{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;background:var(--overlay-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;border:1px solid var(--overlay-border);transition:all .3s ease;width:fit-content}.expanded-content{display:flex;align-items:center;gap:12px;overflow:hidden;width:0;opacity:0;transition:all .3s ease}.player-overlay.playing .expanded-content{width:200px;opacity:1}.play-btn{background:none;border:none;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--overlay-text);opacity:.8;transition:opacity .2s;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;flex-shrink:0;-webkit-user-select:none;user-select:none}.play-btn:hover{opacity:1}.play-btn:focus{outline:none}.play-btn:focus-visible{outline:1px solid rgba(255,255,255,.4);outline-offset:3px;opacity:1}.progress-bar:focus{outline:none}.progress-bar:focus-visible{outline:1px solid rgba(255,255,255,.4);outline-offset:2px}.progress-container{flex:1;max-width:150px}.progress-bar{height:3px;background:var(--progress-bg);border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.progress-fill{height:100%;background:var(--progress-fill);border-radius:2px;width:0%;transition:width .1s ease}.time-display{color:var(--overlay-text);font-size:12px;font-weight:300;opacity:.8;min-width:80px}#audioPlayer{display:none}@media (max-width: 768px){.image-container,.safe-image{width:100%}.player-overlay{position:absolute;bottom:10px;left:10px;right:10px;justify-content:center}.player-overlay.playing .expanded-content{width:150px}.mixtapes-content .player-overlay{padding:6px 12px;font-size:14px}.mixtapes-content .player-overlay.playing .expanded-content{width:150px}.mixtapes-content .track-name{font-size:12px}.mixtapes-content .time-display{font-size:11px}.playlist-container{padding:.75rem}.playlist-item{padding:.5rem .75rem;font-size:14px}.track-number{font-size:12px}}@media (hover: none) and (pointer: coarse){.play-btn{min-width:44px;min-height:44px}}.stream-link{margin-top:2rem;text-align:center}.stream-link a{color:var(--text-accent);text-decoration:none;font-size:.9rem;font-weight:400}.stream-link a:hover{text-decoration:underline}.images-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.album-image{max-width:500px;width:100%;height:auto;display:block}.video-container{position:relative;width:100%;max-width:800px;margin:0 auto;aspect-ratio:16/9}.youtube-embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.back-to-top{position:fixed;bottom:30px;right:30px;width:40px;height:40px;border-radius:50%;background:var(--button-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--button-bg);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;box-shadow:0 2px 12px var(--shadow-color)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-color)}.back-to-top:focus{outline:none}.back-to-top:focus-visible{outline:1px solid rgba(255,255,255,.4);outline-offset:3px}@media (max-width: 768px){.back-to-top{bottom:20px;right:20px;width:35px;height:35px}}.mixtapes-content{padding-top:2rem}:root[data-theme=dark] .player-overlay{background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .play-btn{color:#fff;opacity:.8}:root[data-theme=dark] .time-display{color:#fff;opacity:.8}:root[data-theme=dark] .progress-bar{background:#ffffff4d}:root[data-theme=dark] .progress-fill{background:#fffc}:root[data-theme=dark] .mixtapes-content .player-overlay{background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .mixtapes-content .play-btn{color:#000}:root[data-theme=dark] .mixtapes-content .time-display{color:#000}:root[data-theme=dark] .mixtapes-content .track-name{color:#000}:root[data-theme=dark] .mixtapes-content .progress-bar{background:#0000004d}:root[data-theme=dark] .mixtapes-content .progress-fill{background:#000c}.albums-container{display:flex;flex-direction:column;gap:3rem;max-width:400px;margin:0 auto;padding-bottom:12rem}.album-item{transition:opacity .3s ease}.album-item:hover{opacity:.9}.album-image-container{position:relative}.album-cover{width:100%;height:auto;display:block;box-shadow:0 8px 24px var(--shadow-color);border-radius:8px;transition:border-radius .3s ease}.album-item.playlist-open .album-cover{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 24px var(--shadow-color)}.mixtapes-content .player-overlay{position:absolute;bottom:20px;left:20px;right:20px;max-width:calc(100% - 40px);background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px;transition:all .3s ease;z-index:10}.mixtapes-content .player-overlay .expanded-content{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:0;opacity:0;overflow:hidden;transition:all .3s ease}.mixtapes-content .player-overlay.playing .expanded-content{width:200px;opacity:1}.mixtapes-content .play-btn{color:#000;opacity:.9}.mixtapes-content .time-display{color:#000;opacity:.9;font-size:12px;white-space:nowrap;flex-shrink:0}.mixtapes-content .progress-bar{background:#0000004d;height:4px}.mixtapes-content .progress-fill{background:#000c}.mixtapes-content .progress-container{flex:1;max-width:none}.mixtapes-content .track-info{display:flex;flex-direction:column;gap:6px;flex:1}.mixtapes-content .track-name{font-size:14px;font-weight:500;color:#000;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-arrow{position:fixed;bottom:40px;right:40px;width:45px;height:45px;background:var(--button-bg);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:100;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow-color)}.nav-arrow:hover{background:var(--button-hover);transform:scale(1.1);box-shadow:0 6px 20px var(--shadow-color)}.nav-arrow.up-arrow{background:var(--button-hover)}.arrow-icon{width:24px;height:24px;transition:transform .3s ease}.arrow-path{transition:d .3s ease}@media (max-width: 768px){.albums-container{gap:2rem;padding:0 1rem 3rem}.album-cover{border-radius:6px}.album-item.playlist-open .album-cover{border-bottom-left-radius:0;border-bottom-right-radius:0}.playlist-container{border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin-top:-3px}.album-item{flex-direction:column;gap:1rem}.nav-arrow{bottom:20px;right:20px;width:40px;height:40px}.arrow-icon{width:20px;height:20px}}.playlist-container{margin-top:-4px;background:var(--playlist-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0 0 8px 8px;padding:1rem;box-shadow:0 8px 24px var(--shadow-color)}.playlist{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.playlist::-webkit-scrollbar{width:6px}.playlist::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.playlist::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.playlist::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.playlist-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;border-radius:4px;transition:background-color .2s ease;color:var(--playlist-text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.playlist-item:hover{background:var(--playlist-item-hover)}.playlist-item.active{background:var(--playlist-item-active);font-weight:500}.track-number{color:var(--text-secondary);font-size:14px;min-width:24px}.track-title{flex:1;font-size:14px;text-align:left}.track-duration{color:var(--text-secondary);font-size:13px;margin-left:1rem}.theme-toggle{position:absolute;bottom:30px;left:30px;width:45px;height:45px;border-radius:50%;background:var(--button-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--button-bg);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;box-shadow:0 2px 12px var(--shadow-color);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.theme-toggle:hover{background:var(--button-hover);transform:scale(1.05);box-shadow:0 4px 16px var(--shadow-color)}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{outline:1px solid rgba(255,255,255,.4);outline-offset:3px}.theme-icon{width:24px;height:24px;transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}@media (max-width: 768px){body{padding-bottom:80px}.theme-toggle{bottom:20px;left:20px;width:40px;height:40px}.theme-icon{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}