.navbar[data-v-785c7f7f]{border-bottom:1px solid var(--border-color);background-color:var(--nav-bg);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 2rem;display:flex}.navbar a[data-v-785c7f7f]{color:var(--text-primary);font-size:1.2rem;font-weight:700;text-decoration:none}:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#222;--text-secondary:#666;--border-color:#ddd;--nav-bg:#fff;--footer-border-color:#0000000d;--gradient-color:#0000000d}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--text-primary:#f0f0f0;--text-secondary:#aaa;--border-color:#444;--nav-bg:#111;--footer-border-color:#e8ff470d;--gradient-color:#e8ff470d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Arial,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--gradient-color) 1px, transparent 1px), linear-gradient(90deg, var(--gradient-color) 1px, transparent 1px);pointer-events:none;z-index:-1;background-size:60px 60px;position:fixed;inset:0}.main-container{min-height:100vh;margin-bottom:60px}.footer{background-color:var(--bg-primary);text-align:center;border-top:1px solid var(--border-color);width:100%;margin-top:20px;padding:20px 10px;position:fixed;bottom:0;left:0}.footer p{font-size:.9rem}.btn{cursor:pointer;border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:4px;margin-bottom:1rem;padding:.4rem .8rem}h1,h2{margin-bottom:1rem}h1{font-size:1.4rem}p{color:var(--text-primary);margin-bottom:1rem}.track-row{background-color:var(--bg-primary)}.track-info audio{width:200px;margin-top:.2rem}.track-list .track-row audio{width:40%}@media (width>=412px){.track-info audio{width:244px}.track-list .track-row audio{width:50%}}@media (width>=480px){.track-info audio,.track-list .track-row audio{width:300px}}