:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}html,body{background:#0a0a0a;width:100%;min-height:100vh;margin:0;padding:0}#app{width:100%;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}.page{color:#fff;background:#0a0a0a;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media (width>=768px){.container{padding:0 40px}}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a0ad9;border-bottom:1px solid #ffffff0d;width:100%;position:sticky;top:0}.nav .container{flex-direction:column;align-items:center;gap:10px;padding-top:12px;padding-bottom:12px;display:flex}@media (width>=640px){.nav .container{flex-direction:row;justify-content:space-between;align-items:center;gap:0;padding-top:20px;padding-bottom:20px}}.logo{letter-spacing:2px;font-size:16px;font-weight:700}@media (width>=640px){.logo{font-size:20px}}.nav-links{gap:18px;display:flex}.nav-links a{color:#999;font-size:12px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}@media (width>=640px){.nav-links{gap:30px}.nav-links a{font-size:14px}}.hero{text-align:center;width:100%;padding:80px 0 60px}@media (width>=768px){.hero{padding:120px 0 80px}}.hero h1{letter-spacing:4px;margin:0 0 16px;font-size:32px}@media (width>=768px){.hero h1{letter-spacing:6px;font-size:48px}}.slogan{color:#888;margin:0 0 8px;font-size:16px}@media (width>=768px){.slogan{margin:0 0 10px;font-size:20px}}.desc{color:#666;margin:0;font-size:12px}@media (width>=768px){.desc{font-size:14px}}.works,.about,.contact{text-align:center;width:100%;padding:40px 0}@media (width>=768px){.works,.about,.contact{padding:60px 0}}.works h2,.about h2,.contact h2{margin:0 0 24px;font-size:20px}@media (width>=768px){.works h2,.about h2,.contact h2{margin:0 0 30px;font-size:24px}}.about p,.contact p{color:#aaa;margin-bottom:10px}.track-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:900px;margin:0 auto;display:grid}@media (width>=768px){.track-list{gap:30px;max-width:1000px}}.track-card{text-align:center;background:#1a1a1a;border-radius:12px;width:100%;max-width:320px;margin:0 auto;padding:20px;transition:transform .2s,box-shadow .2s}.track-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #8b5cf626}.track-card.active{outline:2px solid #8b5cf6}.cover-wrap{margin-bottom:15px;position:relative}.cover{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.play-btn{color:#fff;cursor:pointer;background:#8b5cf6e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:transform .2s,background .2s;display:flex;position:absolute;bottom:10px;right:10px}.play-btn:hover{background:#8b5cf6;transform:scale(1.1)}.track-card h3{margin:0 0 8px;font-size:18px}.track-card p{color:#888;margin:0 0 12px;font-size:14px}.status{color:#666;background:#2a2a2a;border-radius:20px;padding:4px 12px;font-size:12px;display:inline-block}.progress-bar{cursor:pointer;background:#333;border-radius:2px;height:4px;margin-top:15px;position:relative;overflow:hidden}.progress-bar:hover{background:#444}.progress-fill{pointer-events:none;background:#8b5cf6;border-radius:2px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.time-display{color:#666;text-align:right;margin-top:6px;font-size:12px}.footer{text-align:center;border-top:1px solid #1a1a1a;width:100%;margin-top:40px;padding:30px 0}@media (width>=768px){.footer{margin-top:60px;padding:40px 0}}.footer p{color:#555;font-size:12px}.item[data-v-fd0742eb]{margin-top:2rem;display:flex;position:relative}.details[data-v-fd0742eb]{flex:1;margin-left:1rem}i[data-v-fd0742eb]{width:32px;height:32px;color:var(--color-text);place-content:center;place-items:center;display:flex}h3[data-v-fd0742eb]{color:var(--color-heading);margin-bottom:.4rem;font-size:1.2rem;font-weight:500}@media (width>=1024px){.item[data-v-fd0742eb]{padding:.4rem 0 1rem calc(var(--section-gap) / 2);margin-top:0}i[data-v-fd0742eb]{border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px;position:absolute;top:calc(50% - 25px);left:-26px}.item[data-v-fd0742eb]:before{content:" ";border-left:1px solid var(--color-border);height:calc(50% - 25px);position:absolute;bottom:calc(50% + 25px);left:0}.item[data-v-fd0742eb]:after{content:" ";border-left:1px solid var(--color-border);height:calc(50% - 25px);position:absolute;top:calc(50% + 25px);left:0}.item[data-v-fd0742eb]:first-of-type:before,.item[data-v-fd0742eb]:last-of-type:after{display:none}}