@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f5f6f8;--bg-secondary: #ffffff;--bg-card: #ffffff;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .16);--accent: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .2);--green: #16a34a;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--card-shadow: 0 1px 4px rgba(0, 0, 0, .07), 0 4px 16px rgba(0, 0, 0, .05);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 32px rgba(0, 0, 0, .08);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--font-pixel: "VT323", monospace;--matrix-green: #00ff66;--matrix-bright: #66ffaa;--matrix-dim: #008833;--matrix-dark: #002b11;--cyber-cyan: #00f0ff;--cyber-pink: #ff0055}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;overflow-x:hidden}.dark-mode{--bg: #0f1117;--bg-secondary: #1a1d27;--bg-card: #1e2130;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--accent: #818cf8;--accent-hover: #a5b4fc;--green: #22c55e;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--card-shadow: 0 4px 24px rgba(0, 0, 0, .4);--card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .6)}.dark-mode body,.dark-mode{background-color:var(--bg);color:var(--text-primary)}.dark-mode .site-nav{background:#0f1117eb}.dark-mode .nav-tab:hover{background:#ffffff0d}.dark-mode .nav-tab.active{background:#818cf81f}.dark-mode .hero-header{background:var(--bg-secondary);border-color:var(--border);box-shadow:none}.dark-mode .about-link{color:var(--accent);border-bottom-color:#818cf84d}.dark-mode .about-link:hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}.dark-mode .about-cta-btn{background:var(--accent);border-color:var(--accent)}.dark-mode .about-cta-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.dark-mode .about-cta-btn--secondary{background:transparent;color:var(--accent);border-color:#818cf859}.dark-mode .about-cta-btn--secondary:hover{background:#818cf814;border-color:var(--accent)}.dark-mode .soundcloud-profile-link{color:var(--accent);border-color:#818cf84d}.dark-mode .soundcloud-profile-link:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.site-nav{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-nav-inner{max-width:1100px;margin:0 auto;padding:.5rem 1.5rem;min-height:60px;height:auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.site-nav-logo{font-size:1rem;font-weight:700;color:var(--text-primary);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color .15s}.site-nav-logo:hover{color:var(--accent)}.site-nav-tabs{display:flex;align-items:center;gap:.25rem;flex:1;flex-wrap:wrap}.nav-tab{background:none;border:none;font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:var(--text-muted);padding:.4rem .9rem;border-radius:8px;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.nav-tab:hover{color:var(--text-primary);background:#0000000a}.nav-tab.active{color:var(--accent);background:#6366f114;font-weight:600}.nav-matrix-btn{font-size:.72rem!important;padding:.28rem .7rem!important;white-space:nowrap}@media (max-width: 600px){.site-nav-inner{gap:.5rem}.site-nav-logo{font-size:.9rem}.nav-tab{font-size:.8rem;padding:.35rem .6rem}.nav-matrix-btn{font-size:.68rem!important;padding:.25rem .55rem!important}}.about-body{display:flex;flex-direction:column;gap:1rem;max-width:680px;color:var(--text-secondary);font-size:.97rem;line-height:1.75}.about-body strong{color:var(--text-primary);font-weight:600}.about-body em{color:var(--text-primary);font-style:normal;font-weight:500}.about-link{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1px solid rgba(99,102,241,.3);transition:border-color .15s,color .15s}.about-link:hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}.content-section{display:flex;flex-direction:column;gap:1.5rem}.section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.section-title{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.section-meta{display:flex;align-items:center;gap:.75rem}.section-count{font-size:.82rem;color:var(--text-muted)}.matrix-mode .site-nav{background:#050a07e6;border-bottom-color:#0f63}.matrix-mode .site-nav-logo{color:var(--matrix-green);text-shadow:0 0 8px rgba(0,255,102,.4)}.matrix-mode .site-nav-logo:hover{color:var(--matrix-bright)}.matrix-mode .nav-tab{font-family:var(--font-mono);color:var(--matrix-dim)}.matrix-mode .nav-tab:hover{color:var(--matrix-green);background:#00ff6612}.matrix-mode .nav-tab.active{color:var(--matrix-green);background:#00ff661a;text-shadow:0 0 6px rgba(0,255,102,.4)}.matrix-mode .about-body{color:#80b390}.matrix-mode .about-body strong,.matrix-mode .about-body em{color:var(--matrix-bright)}.matrix-mode .about-link{color:var(--cyber-cyan);border-bottom-color:#00f0ff4d}.matrix-mode .about-link:hover{color:#fff;border-bottom-color:var(--cyber-cyan)}.matrix-mode .about-cta-btn{background:var(--matrix-dark);color:var(--matrix-green);border-color:var(--matrix-dim)}.matrix-mode .about-cta-btn:hover{background:var(--matrix-dim);color:#fff;box-shadow:0 0 10px #00ff664d}.matrix-mode .about-cta-btn--secondary{background:transparent;color:var(--cyber-cyan);border-color:#00f0ff59}.matrix-mode .about-cta-btn--secondary:hover{background:#00f0ff14;border-color:var(--cyber-cyan)}.page-container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;min-height:calc(100vh - 124px)}.home-page{display:flex;flex-direction:column;gap:2.5rem}.about-section{display:flex;flex-direction:column;gap:1.5rem}.about-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.about-cta-btn{display:inline-flex;align-items:center;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .18s ease;background:var(--accent);color:#fff;border:1px solid var(--accent)}.about-cta-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.about-cta-btn--secondary{background:transparent;color:var(--accent);border-color:#6366f159}.about-cta-btn--secondary:hover{background:#6366f114;border-color:var(--accent)}.hero-header{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.75rem 2.25rem;position:relative;overflow:hidden}.hero-header:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#a5b4fc)}.system-status-bar{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-muted);margin-bottom:.75rem}.status-indicator{display:flex;align-items:center;gap:.4rem}.dot{width:7px;height:7px;background-color:var(--green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.hero-subtitle{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.hero-subtitle .highlight{color:var(--accent);font-weight:600}.hero-divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.75rem 1.25rem;font-size:.85rem;color:var(--text-secondary)}.control-group{display:flex;align-items:center;gap:.75rem}.badge{background:#6366f114;color:var(--accent);border:1px solid rgba(99,102,241,.2);padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:1.25rem}@media (max-width: 600px){.tracks-grid{grid-template-columns:1fr}}.track-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.track-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--card-shadow-hover)}.track-card.is-playing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--card-shadow-hover)}.track-card-hud{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:.5rem}.rank-badge{font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.hud-live-tag{color:var(--accent-hover);font-weight:600}.hud-ready-tag{color:var(--text-muted)}.track-card-body{display:flex;gap:1.25rem;align-items:flex-start}.album-art-container{position:relative;width:96px;height:96px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid var(--border);cursor:pointer}.album-art{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.album-art-container:hover .album-art{transform:scale(1.06)}.play-overlay-btn{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;border:none;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;cursor:pointer}.album-art-container:hover .play-overlay-btn,.track-card.is-playing .play-overlay-btn{opacity:1}.play-overlay-btn .icon{width:30px;height:30px}.equalizer-overlay{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:3px;height:18px;padding:0 4px;background:#0000008c;border-radius:4px;pointer-events:none}.eq-bar{width:4px;background-color:var(--accent);border-radius:1px}.eq-bar.bar-1{animation:eq .8s ease-in-out infinite alternate}.eq-bar.bar-2{animation:eq .5s ease-in-out infinite alternate .2s}.eq-bar.bar-3{animation:eq .9s ease-in-out infinite alternate .1s}.eq-bar.bar-4{animation:eq .6s ease-in-out infinite alternate .3s}@keyframes eq{0%{height:4px}to{height:15px}}.track-details{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.track-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:.88rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-album{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-progress-wrapper{width:100%;height:4px;background:var(--border);border-radius:2px;margin-top:.5rem;overflow:hidden;cursor:pointer}.audio-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .1s linear}.no-preview-tag{font-size:.72rem;color:var(--text-muted);font-style:italic;margin-top:.4rem}.track-actions{display:flex;gap:.6rem;margin-top:.5rem}.arcade-btn{font-family:var(--font-sans);font-size:.78rem;font-weight:500;padding:.38rem .8rem;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:all .18s ease;border:1px solid transparent;outline:none}.play-btn{background:#6366f11f;color:var(--accent-hover);border-color:#6366f14d}.play-btn:hover,.play-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.spotify-btn{background:#1ed7601a;color:#1ed760;border-color:#1ed7604d}.spotify-btn:hover{background:#1ed760;color:#000}.spotify-icon{width:14px;height:14px}.loader-container,.error-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.cyber-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 1.25rem;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#f87171}.footer{text-align:center;font-size:.8rem;color:var(--text-muted);padding:1.25rem 0;border-top:1px solid var(--border);margin-top:1rem}.matrix-mode body,.matrix-mode{background-color:#050a07;color:#e0ffe8}.matrix-mode:before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#0000004d 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);z-index:99;background-size:100% 3px,6px 100%;pointer-events:none;opacity:.7}.matrix-mode .hero-header{background:#08140ebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#00ff6640;box-shadow:0 0 15px #00ff6626,inset 0 0 20px #00ff660d}.matrix-mode .hero-header:after{background:linear-gradient(90deg,transparent,var(--matrix-green),var(--cyber-cyan),transparent)}.matrix-mode .hero-divider{border-top-color:#0f63}.matrix-mode .system-status-bar{color:var(--matrix-dim)}.matrix-mode .dot{background-color:var(--matrix-green);box-shadow:0 0 8px var(--matrix-green)}.matrix-mode .hero-title{font-family:var(--font-pixel);font-size:3.5rem;color:var(--matrix-green);text-shadow:0 0 12px rgba(0,255,102,.6),0 0 2px #fff;letter-spacing:2px}.matrix-mode .hero-subtitle{font-family:var(--font-mono);color:#80b390}.matrix-mode .hero-subtitle .highlight{color:var(--cyber-cyan);text-shadow:0 0 8px rgba(0,240,255,.4)}.matrix-mode .section-heading{border-bottom-color:#0f63}.matrix-mode .section-title{font-family:var(--font-mono);color:var(--matrix-green);text-shadow:0 0 8px rgba(0,255,102,.4)}.matrix-mode .section-count{color:#80b390}.matrix-mode .controls-bar{background:#050f0a99;border-color:#00ff6640;font-family:var(--font-mono);color:#e0ffe8}.matrix-mode .badge{background:var(--matrix-dark);color:var(--matrix-green);border-color:var(--matrix-dim)}.matrix-mode .track-card{background:#08140ebf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#00ff6640;box-shadow:none}.matrix-mode .track-card:hover{border-color:#00ff66a6;box-shadow:0 8px 24px #0f63}.matrix-mode .track-card.is-playing{border-color:var(--matrix-green);box-shadow:0 0 25px #00ff6659;background:#0a1e14d9}.matrix-mode .track-card-hud{font-family:var(--font-mono);color:#80b390;border-bottom-color:#00ff6626}.matrix-mode .rank-badge{font-family:var(--font-pixel);font-size:1.3rem;color:var(--matrix-green);text-shadow:0 0 6px rgba(0,255,102,.5)}.matrix-mode .hud-live-tag{color:var(--cyber-cyan);text-shadow:0 0 8px var(--cyber-cyan);animation:blink 1.2s infinite}.matrix-mode .hud-ready-tag{color:#80b390}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.matrix-mode .album-art-container{border-color:var(--matrix-dim)}.matrix-mode .play-overlay-btn{color:var(--matrix-green)}.matrix-mode .play-overlay-btn .icon{filter:drop-shadow(0 0 6px var(--matrix-green))}.matrix-mode .eq-bar{background-color:var(--matrix-green);box-shadow:0 0 6px var(--matrix-green)}.matrix-mode .track-title{color:#fff}.matrix-mode .track-artist{font-family:var(--font-mono);color:var(--matrix-bright)}.matrix-mode .track-album{color:#80b390}.matrix-mode .audio-progress-wrapper{background:#00ff661a;border:1px solid var(--matrix-dark);height:6px}.matrix-mode .audio-progress-bar{background:linear-gradient(90deg,var(--matrix-dim),var(--matrix-green));box-shadow:0 0 8px var(--matrix-green)}.matrix-mode .arcade-btn{font-family:var(--font-mono)}.matrix-mode .play-btn{background:var(--matrix-dark);color:var(--matrix-green);border-color:var(--matrix-dim)}.matrix-mode .play-btn:hover{background:var(--matrix-dim);color:#fff;box-shadow:0 0 10px #0f66}.matrix-mode .play-btn.active{background:var(--matrix-green);color:#000;font-weight:700;box-shadow:0 0 12px var(--matrix-green)}.matrix-mode .loader-container,.matrix-mode .error-container{background:#08140ebf;border-color:#00ff6640;font-family:var(--font-mono);color:#e0ffe8}.matrix-mode .cyber-spinner{border-color:var(--matrix-dark);border-top-color:var(--matrix-green);box-shadow:0 0 15px var(--matrix-green)}.matrix-mode .footer{font-family:var(--font-mono);color:#80b390;border-top-color:#00ff6640}.soundcloud-section{display:flex;flex-direction:column;gap:1.5rem}.soundcloud-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.soundcloud-title-group{display:flex;flex-direction:column;gap:.2rem}.soundcloud-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.soundcloud-subtitle{font-size:.85rem;color:var(--text-muted)}.soundcloud-profile-link{font-size:.82rem;font-weight:500;color:var(--accent-hover);text-decoration:none;border:1px solid rgba(99,102,241,.3);padding:.3rem .7rem;border-radius:6px;transition:all .18s ease}.soundcloud-profile-link:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.soundcloud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem}@media (max-width: 600px){.soundcloud-grid{grid-template-columns:1fr}}.soundcloud-card{border-radius:10px;overflow:hidden;transition:box-shadow .2s;box-shadow:0 2px 12px #0000004d}.soundcloud-card-title{background:var(--bg-card);padding:.6rem .9rem;font-family:var(--font-pixel);font-size:1.2rem;font-weight:400;color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundcloud-card-title a{color:inherit;text-decoration:none}.soundcloud-card-title a:hover{color:var(--accent)}.soundcloud-card:hover{box-shadow:0 4px 20px #00000080}.soundcloud-card iframe{display:block}.soundcloud-show-more{display:flex;justify-content:center;padding-top:.5rem}.matrix-mode .soundcloud-header{border-bottom-color:#00ff6640}.matrix-mode .soundcloud-title{font-family:var(--font-mono);color:var(--matrix-green);text-shadow:0 0 8px rgba(0,255,102,.4)}.matrix-mode .soundcloud-subtitle{font-family:var(--font-mono);color:#80b390}.matrix-mode .soundcloud-profile-link{font-family:var(--font-mono);color:var(--cyber-cyan);border-color:#00f0ff4d}.matrix-mode .soundcloud-profile-link:hover{background:#00f0ff26;color:var(--cyber-cyan);border-color:var(--cyber-cyan);box-shadow:0 0 10px #00f0ff4d}.matrix-mode .soundcloud-card{box-shadow:0 2px 12px #00000080}.matrix-mode .soundcloud-card:hover{box-shadow:0 4px 20px #0f63}.matrix-mode .soundcloud-card-title{background:#08140ee6;border-bottom-color:#0f63;color:var(--matrix-green)}.matrix-mode .soundcloud-card-title a:hover{color:var(--matrix-bright)}.not-found-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0f;display:flex;align-items:center;justify-content:center;overflow:hidden;--x: 50vw;--y: 50vh}.not-found-reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.drum-icon{width:min(60vw,420px);height:min(60vw,420px);opacity:.9}.not-found-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 140px at var(--x) var(--y),transparent 0%,transparent 60%,rgba(10,10,15,.97) 100%);pointer-events:none;transition:background .05s linear}.not-found-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:absolute;bottom:10vh;left:0;right:0}.not-found-code{font-family:var(--font-mono);font-size:.9rem;color:#6366f1;letter-spacing:4px;text-transform:uppercase}.not-found-title{font-size:2rem;font-weight:700;color:#f1f5f9;letter-spacing:-.5px}.not-found-sub{font-size:.9rem;color:#475569}