: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}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (width>=1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}.page[data-v-a0b30b1d]{color:#fff;background:#0a0a0a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.nav[data-v-a0b30b1d]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a0acc;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.logo[data-v-a0b30b1d]{letter-spacing:2px;font-size:20px;font-weight:700}.nav-links a[data-v-a0b30b1d]{color:#999;margin-left:30px;font-size:14px;text-decoration:none;transition:color .2s}.nav-links a[data-v-a0b30b1d]:hover{color:#fff}.hero[data-v-a0b30b1d]{text-align:center;padding:120px 20px 80px}.hero h1[data-v-a0b30b1d]{letter-spacing:6px;margin:0 0 20px;font-size:48px}.slogan[data-v-a0b30b1d]{color:#888;margin:0 0 10px;font-size:20px}.desc[data-v-a0b30b1d]{color:#666;margin:0;font-size:14px}.works[data-v-a0b30b1d],.about[data-v-a0b30b1d],.contact[data-v-a0b30b1d]{max-width:1000px;margin:0 auto;padding:60px 40px}.works h2[data-v-a0b30b1d],.about h2[data-v-a0b30b1d],.contact h2[data-v-a0b30b1d]{text-align:center;margin:0 0 30px;font-size:24px}.track-list[data-v-a0b30b1d]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.track-card[data-v-a0b30b1d]{text-align:center;background:#1a1a1a;border-radius:12px;padding:20px;transition:transform .2s}.track-card[data-v-a0b30b1d]:hover{transform:translateY(-4px)}.track-card.active[data-v-a0b30b1d]{outline:2px solid #8b5cf6}.cover-wrap[data-v-a0b30b1d]{margin-bottom:15px;position:relative}.cover[data-v-a0b30b1d]{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.play-btn[data-v-a0b30b1d]{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;display:flex;position:absolute;bottom:10px;right:10px}.play-btn[data-v-a0b30b1d]:hover{transform:scale(1.1)}.track-card h3[data-v-a0b30b1d]{margin:0 0 8px;font-size:18px}.track-card p[data-v-a0b30b1d]{color:#888;margin:0 0 12px;font-size:14px}.status[data-v-a0b30b1d]{color:#666;background:#2a2a2a;border-radius:20px;padding:4px 12px;font-size:12px;display:inline-block}.progress-bar[data-v-a0b30b1d]{cursor:pointer;background:#333;border-radius:2px;height:4px;margin-top:15px}.progress-fill[data-v-a0b30b1d]{background:#8b5cf6;border-radius:2px;height:100%;transition:width .1s linear}.time-display[data-v-a0b30b1d]{color:#666;text-align:right;margin-top:6px;font-size:12px}.footer[data-v-a0b30b1d]{text-align:center;color:#555;border-top:1px solid #1a1a1a;margin-top:60px;padding:40px 20px;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}}