:root{--ink:#050607;--ink-2:#08090b;--ink-3:#0c0e11;--panel:#0b0d10;--line:#ffffff17;--line-strong:#ffffff2e;--fg:#e9ebef;--fg-soft:#c6c9ce;--muted:#8a9099;--dim:#575c64;--accent:#a0edff;--accent-dim:#a0edff73;--accent-soft:#a0edff14;--danger:#ff6b6b;--font-display:"Bahnschrift", "DIN Alternate", "Oswald", "Arial Narrow", "Helvetica Neue", sans-serif;--font-sans:"Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono:"Cascadia Mono", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--rail:72px;--header:68px;--ticker:26px;--player:84px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(900px 520px at 82% -8%,#a0edff13,#0000 62%),radial-gradient(700px 480px at 4% 104%,#a0edff0b,#0000 60%),linear-gradient(#060708 0%,#050607 55%,#040506 100%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:96px 96px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000 0,#0000 78%);mask-image:radial-gradient(circle at 50% 20%,#000 0,#0000 78%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}img{max-width:100%;display:block}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent);color:#041014}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#08090b}::-webkit-scrollbar-thumb{background:#23262b;border:2px solid #08090b}::-webkit-scrollbar-thumb:hover{background:#34383f}.mono{font-family:var(--font-mono);letter-spacing:.08em;font-size:11px}.kicker{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);opacity:.9;font-size:10px}.hint{color:var(--muted);margin:0 0 16px;font-size:12.5px;line-height:1.75}.hint--xs{color:var(--dim);font-size:11px;line-height:1.7}.text-link{color:var(--accent);border-bottom:1px solid #a0edff59;padding-bottom:1px;transition:border-color .2s,color .2s}.text-link:hover{color:#d6f8ff;border-color:#d6f8ff}.empty-block{border:1px dashed var(--line);color:var(--muted);text-align:center;padding:34px 24px;font-size:13px}.grain{z-index:60;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.55'/></svg>");position:fixed;inset:0}.scanline{z-index:59;pointer-events:none;opacity:.35;background:repeating-linear-gradient(#ffffff04 0 1px,#0000 1px 4px);position:fixed;inset:0}.btn{border:1px solid var(--line-strong);height:42px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-soft);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:11px;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.btn:hover{color:#041014;background:var(--fg);border-color:var(--fg)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:disabled:hover{color:var(--fg-soft);border-color:var(--line-strong);background:0 0}.btn--primary{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn--primary:hover{background:var(--accent);color:#041014;border-color:var(--accent)}.btn--ghost{color:var(--muted);border-color:#0000;padding:0 12px}.btn--ghost:hover{color:var(--accent);background:0 0;border-color:#0000}.btn--sm{letter-spacing:.14em;height:34px;padding:0 14px;font-size:10px}.btn--block{width:100%}.icon-btn{width:34px;height:34px;color:var(--muted);border:1px solid #0000;justify-content:center;align-items:center;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.icon-btn:hover{color:var(--accent);border-color:var(--line);background:#ffffff08}.icon-btn.is-on{color:var(--accent)}.icon-btn.is-on:after{content:"";background:var(--accent);width:3px;height:3px;margin-top:22px;position:absolute;bottom:4px}.icon-btn--sm{width:26px;height:26px}.icon-btn:disabled{opacity:.25;cursor:not-allowed}.play-btn{border:1px solid var(--accent);width:46px;height:46px;color:var(--accent);background:#a0edff0f;border-radius:999px;justify-content:center;align-items:center;transition:background .18s,color .18s,transform .18s;display:inline-flex}.play-btn:hover{background:var(--accent);color:#041014;transform:scale(1.04)}.play-btn--lg{width:56px;height:56px}.app{min-height:100vh;padding-bottom:var(--player)}.topbar{z-index:40;height:var(--header);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#050607c2;align-items:center;gap:36px;padding:0 40px;display:flex;position:sticky;top:0}.brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-mark{border:1px solid var(--line-strong);width:34px;height:34px;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.brand-text{font-family:var(--font-display);letter-spacing:.22em;align-items:baseline;gap:8px;line-height:1;display:flex}.brand-text strong{font-size:17px;font-weight:600}.brand-text span{color:var(--muted);letter-spacing:.34em;font-size:11px}.brand-tag{font-family:var(--font-mono);letter-spacing:.2em;color:var(--dim);border:1px solid var(--line);margin-left:4px;padding:3px 6px;font-size:8px;font-style:normal}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--muted);flex-direction:column;gap:1px;padding:8px 18px;transition:color .18s;display:flex;position:relative}.nav a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .24s;position:absolute;bottom:2px;left:18px;right:18px;transform:scaleX(0)}.nav a:hover,.nav a.is-active{color:var(--fg)}.nav a.is-active:after{transform:scaleX(1)}.nav-cn{letter-spacing:.12em;font-size:12.5px}.nav-en{font-family:var(--font-mono);letter-spacing:.26em;color:var(--dim);font-size:8px}.topbar-actions{align-items:center;gap:12px;display:flex}.search-trigger{border:1px solid var(--line);height:34px;color:var(--muted);align-items:center;gap:10px;padding:0 12px;font-size:12px;transition:border-color .18s,color .18s;display:flex}.search-trigger:hover{border-color:var(--line-strong);color:var(--fg)}.search-trigger kbd{font-family:var(--font-mono);color:var(--dim);border:1px solid var(--line);padding:1px 5px;font-size:9px}.account-chip{border:1px solid var(--line);align-items:center;gap:9px;height:34px;padding:0 12px 0 4px;transition:border-color .18s;display:flex}.account-chip:hover{border-color:var(--accent-dim)}.avatar{background:var(--accent);color:#041014;width:26px;height:26px;font-family:var(--font-display);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.account-chip-name{color:var(--fg-soft);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:12px;overflow:hidden}.ticker{height:var(--ticker);border-bottom:1px solid var(--line);background:#ffffff04;align-items:center;display:flex;overflow:hidden}.ticker-track{white-space:nowrap;gap:0;animation:46s linear infinite ticker;display:flex}.ticker-track span{font-family:var(--font-mono);letter-spacing:.24em;color:var(--dim);text-transform:uppercase;align-items:center;gap:10px;padding-right:40px;font-size:9.5px;display:inline-flex}.ticker-track i{color:var(--accent);opacity:.7;font-size:7px;font-style:normal}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.page{max-width:1560px;margin:0 auto;padding:0 40px 100px;animation:.5s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.section{margin-top:88px}.section--tight{margin-top:56px}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding-bottom:18px;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:.04em;margin:8px 0 0;font-size:30px;font-weight:500}.section-more{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted);align-items:center;gap:8px;padding-bottom:4px;font-size:10px;transition:color .18s,gap .18s;display:inline-flex}.section-more:hover{color:var(--accent);gap:12px}.hero{min-height:calc(100vh - var(--header) - var(--ticker) - 80px);align-items:center;padding:64px 0 40px;display:flex}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:72px;width:100%;display:grid}.hero-title{font-family:var(--font-display);letter-spacing:.01em;flex-direction:column;margin:20px 0 24px;font-size:clamp(64px,10.4vw,158px);font-weight:600;line-height:.84;display:flex}.hero-title span{display:block}.hero-title .outline{color:#0000;-webkit-text-stroke:1px #e9ebef6b;letter-spacing:.06em;font-weight:400}.hero-lead{max-width:480px;color:var(--muted);margin:0 0 32px;font-size:14px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:620px;margin-top:56px;display:grid}.hero-metrics>div{flex-direction:column;gap:2px;padding:16px 18px 0 0;display:flex}.hero-metrics strong{color:var(--fg);letter-spacing:.02em;font-size:24px;font-weight:400}.hero-metrics span{font-family:var(--font-mono);letter-spacing:.24em;color:var(--dim);font-size:8.5px}.hero-art{position:relative}.hero-art-frame{aspect-ratio:1;border:1px solid var(--line);background:#0a0b0d;position:relative;overflow:hidden}.hero-art-frame img{object-fit:cover;filter:saturate(.92)contrast(1.02);width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;transform:scale(1.02)}.hero-art:hover .hero-art-frame img{filter:saturate(1.05)contrast(1.05);transform:scale(1.06)}.hero-art-frame:after{content:"";background:linear-gradient(#05060700 55%,#050607b8 100%);position:absolute;inset:0}.hero-art-tl{z-index:2;font-family:var(--font-mono);letter-spacing:.26em;color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05060799;border:1px solid #a0edff47;padding:4px 8px;font-size:9px;position:absolute;top:14px;left:14px}.hero-art-id{z-index:2;color:var(--fg-soft);letter-spacing:.18em;position:absolute;bottom:12px;right:14px}.hero-art-meta{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0 0;display:flex}.hero-art-meta h3{letter-spacing:.03em;margin:6px 0 3px;font-size:19px;font-weight:500}.hero-art-meta p{color:var(--muted);margin:0;font-size:11.5px}.hero-art-actions{align-items:center;gap:14px;display:flex}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;display:grid}.album-grid--dense{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px}.album-tile{display:block;position:relative}.album-tile-art{aspect-ratio:1;border:1px solid var(--line);background:#0a0b0d;display:block;position:relative;overflow:hidden}.album-tile-art img{object-fit:cover;filter:grayscale(.35)contrast(1.04);width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s;transform:scale(1.001)}.album-tile:hover .album-tile-art img{filter:grayscale(0)contrast(1.06);transform:scale(1.055)}.album-tile-veil{opacity:.6;background:linear-gradient(#0506071f,#0506078c);transition:opacity .4s;position:absolute;inset:0}.album-tile:hover .album-tile-veil{opacity:.25}.album-tile-index{letter-spacing:.18em;color:#ffffff9e;font-size:9px;position:absolute;top:10px;left:12px}.album-tile-go{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent);opacity:0;font-size:8.5px;transition:opacity .3s,transform .3s;position:absolute;bottom:12px;right:12px;transform:translateY(6px)}.album-tile:hover .album-tile-go{opacity:1;transform:none}.album-tile-meta{flex-direction:column;gap:3px;padding-top:12px;display:flex}.album-tile-meta strong{color:var(--fg);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.album-tile-meta small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.album-tile-line{background:var(--line);transform-origin:0;height:1px;margin-top:12px;transition:transform .4s,background .4s;display:block;transform:scaleX(.18)}.album-tile:hover .album-tile-line{background:var(--accent-dim);transform:scaleX(1)}.playlist-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.playlist-card{text-align:left;border:1px solid var(--line);background:#ffffff03;flex-direction:column;min-width:0;transition:border-color .2s,background .2s;display:flex}.playlist-card:hover{background:#a0edff06;border-color:#a0edff47}.playlist-card-art{aspect-ratio:1;background:#0a0c0e;display:block;position:relative;overflow:hidden}.playlist-card-art img{object-fit:cover;width:100%;height:100%}.playlist-card-body{flex-direction:column;gap:6px;padding:14px 14px 12px;display:flex}.playlist-card-title strong{letter-spacing:.02em;font-size:13.5px;font-weight:500}.playlist-card-body small{color:var(--dim);font-size:10.5px;font-family:var(--font-mono);letter-spacing:.06em}.playlist-card-tags{flex-wrap:wrap;gap:8px;min-height:14px;display:flex}.playlist-card-tags span{color:var(--accent-dim);font-size:10px}.playlist-card-actions{border-top:1px solid var(--line);gap:4px;margin-top:4px;padding-top:8px;display:flex}.playlist-card-blank{height:100%;color:var(--dim);letter-spacing:.24em;justify-content:center;align-items:center;font-size:10px;display:flex}.playlist-card--new{min-height:220px;color:var(--muted);border-style:dashed;justify-content:center;align-items:flex-start;gap:8px;padding:22px}.playlist-card--new:hover{color:var(--accent)}.playlist-new-plus{border:1px solid var(--line-strong);justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:4px;display:flex}.playlist-card--new strong{font-size:13px;font-weight:500}.playlist-card--new small{color:var(--dim);font-size:10.5px}.mosaic{background:#050607;gap:1px;width:100%;height:100%;display:grid}.mosaic img{object-fit:cover;width:100%;height:100%}.mosaic--1{grid-template-columns:1fr}.mosaic--2{grid-template-columns:1fr 1fr}.mosaic--3{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.mosaic--3 img:first-child{grid-row:span 2}.mosaic--4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.mosaic--lg img{filter:saturate(.95)}.mosaic-solo{object-fit:cover;width:100%;height:100%}.playlist-empty{border:1px solid var(--line);grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:40px;display:grid}.playlist-empty-copy p{color:var(--muted);max-width:440px;margin:0 0 24px;line-height:1.9}.playlist-empty-preview{justify-content:flex-end;align-items:center;gap:12px;display:flex}.ghost-card{border:1px solid var(--line);width:104px;height:136px;transform:rotate(calc((var(--i) - 1) * 5deg)) translateY(calc(var(--i) * 8px));opacity:.65;background:linear-gradient(160deg,#ffffff0a,#0000);flex-direction:column;gap:8px;padding:12px;display:flex}.ghost-card span{background:#ffffff0f;height:6px;display:block}.ghost-card span:first-child{background:#a0edff12;height:58px}.queue-cta{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);border-bottom:1px solid var(--accent-dim);align-items:center;gap:8px;margin-top:18px;padding-bottom:3px;font-size:10px;display:inline-flex}.page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;padding:56px 0 34px;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:.02em;margin:12px 0 10px;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1}.page-sub{max-width:620px;color:var(--muted);margin:0;font-size:13px;line-height:1.85}.page-head-side{color:var(--dim);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.mono.big{color:var(--fg);letter-spacing:.04em;font-size:44px;line-height:1}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{border:1px solid var(--line);height:40px;color:var(--muted);background:#ffffff04;align-items:center;gap:10px;padding:0 14px;transition:border-color .18s;display:flex}.field:focus-within{border-color:var(--accent-dim)}.field input{min-width:0;color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-size:13px}.field input::placeholder{color:var(--dim)}.field--search{min-width:320px}.field-clear{font-family:var(--font-mono);letter-spacing:.14em;color:var(--dim);font-size:9px}.field-clear:hover{color:var(--accent)}.seg{border:1px solid var(--line);gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);padding:7px 16px;font-size:12px;transition:background .16s,color .16s}.seg button:hover{color:var(--fg)}.seg button.is-on{background:var(--fg);color:#050607}.seg--sm button{font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;padding:6px 12px}.album-list{border-top:1px solid var(--line)}.album-list-row{border-bottom:1px solid var(--line);grid-template-columns:44px 54px minmax(0,1fr) 120px 88px;align-items:center;gap:18px;padding:12px 8px;transition:background .16s;display:grid}.album-list-row:hover{background:#ffffff06}.album-list-row>.mono{color:var(--dim)}.album-list-row img{object-fit:cover;filter:grayscale(.4);width:54px;height:54px;transition:filter .3s}.album-list-row:hover img{filter:grayscale(0)}.album-list-name{flex-direction:column;min-width:0;display:flex}.album-list-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.album-list-name small{color:var(--dim);font-size:11px}.album-list-count,.album-list-id{color:var(--dim);text-align:right}.album-list-row:hover .album-list-count{color:var(--accent)}.load-more{justify-content:center;padding:40px 0 0;display:flex}.crumbs{font-family:var(--font-mono);letter-spacing:.18em;color:var(--dim);text-transform:uppercase;align-items:center;gap:10px;padding:28px 0 0;font-size:9.5px;display:flex}.crumbs a:hover{color:var(--accent)}.album-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:64px;padding:40px 0 56px;display:grid}.album-hero-art{aspect-ratio:1;position:relative}.album-hero-art img{object-fit:cover;border:1px solid var(--line);width:100%;height:100%}.album-hero-frame{pointer-events:none;border:1px solid #a0edff24;position:absolute;inset:12px -12px -12px 12px}.album-hero-id{color:#ffffffb3;letter-spacing:.2em;font-size:9px;position:absolute;bottom:12px;right:14px}.album-hero-copy h1{font-family:var(--font-display);letter-spacing:.01em;margin:14px 0 12px;font-size:clamp(40px,5.4vw,72px);font-weight:500;line-height:1.04}.album-artistes{color:var(--muted);letter-spacing:.04em;margin:0 0 22px;font-size:13px}.album-intro{max-width:640px;color:var(--fg-soft);white-space:pre-line;opacity:.85;margin:0 0 26px;font-size:13.5px;line-height:2}.album-meta{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.1em;color:var(--dim);text-transform:uppercase;flex-wrap:wrap;gap:24px;margin-bottom:28px;padding:16px 0;font-size:10px;display:flex}.album-meta em{color:var(--fg);font-style:normal}.song-table{border-top:1px solid var(--line)}.song-head{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.22em;color:var(--dim);text-transform:uppercase;grid-template-columns:46px minmax(0,1fr) 220px 120px;gap:16px;padding:10px 8px;font-size:8.5px;display:grid}.song-head:not(:has(span:nth-child(3))){grid-template-columns:46px minmax(0,1fr) 120px}.song-head-actions{text-align:right}.song-row{border-bottom:1px solid var(--line);grid-template-columns:46px minmax(0,1fr) 220px 120px;align-items:center;gap:16px;padding:9px 8px;transition:background .14s;display:grid}.song-row:not(:has(.song-album)){grid-template-columns:46px minmax(0,1fr) 120px}.song-row:hover{background:#ffffff06}.song-row.is-active{background:#a0edff0b}.song-index{width:30px;height:30px;color:var(--dim);justify-content:center;align-items:center;display:flex}.song-row:hover .song-num,.song-row.is-active .song-num{color:var(--accent)}.song-num{font-family:var(--font-mono);letter-spacing:.1em;font-size:10px}.song-main{min-width:0}.song-title{align-items:center;gap:8px;min-width:0;display:flex}.song-name{color:var(--fg);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;transition:color .14s;overflow:hidden}.song-name:hover,.song-row.is-active .song-name{color:var(--accent)}.song-play-mark{opacity:0;color:var(--accent);transition:opacity .16s;display:inline-flex}.song-row:hover .song-play-mark,.song-row.is-active .song-play-mark{opacity:1}.song-sub{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:10.5px;display:flex;overflow:hidden}.song-sub .dot{opacity:.5}.song-sub .mono{letter-spacing:.12em;opacity:.7;font-size:9px}.song-album{min-width:0;color:var(--dim);align-items:center;gap:10px;font-size:11px;display:flex}.song-album img{object-fit:cover;filter:grayscale(.4);flex-shrink:0;width:30px;height:30px}.song-album span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-actions{opacity:.35;justify-content:flex-end;gap:2px;transition:opacity .14s;display:flex}.song-row:hover .song-actions,.song-row.is-active .song-actions{opacity:1}.bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.bars i{background:var(--accent);width:2px;animation:.9s ease-in-out infinite bar}.bars i:first-child{height:6px;animation-delay:0s}.bars i:nth-child(2){height:11px;animation-delay:.18s}.bars i:nth-child(3){height:4px;animation-delay:.36s}@keyframes bar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.modal-root{z-index:80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020304c2;position:absolute;inset:0}.modal{border:1px solid var(--line-strong);background:#0a0b0d;width:min(520px,100%);max-height:86vh;animation:.24s both modalIn;position:relative;overflow:auto;box-shadow:0 40px 120px #0009}.modal--wide{width:min(760px,100%)}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}.corner{border-color:var(--accent);opacity:.55;pointer-events:none;border-style:solid;width:10px;height:10px;position:absolute}.corner--tl{border-width:1px 0 0 1px;top:-1px;left:-1px}.corner--tr{border-width:1px 1px 0 0;top:-1px;right:-1px}.corner--bl{border-width:0 0 1px 1px;bottom:-1px;left:-1px}.corner--br{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 16px;display:flex}.modal-head h2{font-family:var(--font-display);letter-spacing:.02em;margin:8px 0 0;font-size:22px;font-weight:500}.modal-body{padding:22px 24px}.modal-foot{border-top:1px solid var(--line);background:#ffffff03;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{flex-direction:column;gap:7px;display:flex}.auth-form label>span{font-family:var(--font-mono);letter-spacing:.2em;color:var(--dim);font-size:9px}.auth-form input,.auth-form textarea{border:1px solid var(--line);resize:vertical;background:#ffffff05;outline:none;width:100%;padding:11px 13px;font-size:13px;transition:border-color .18s,background .18s}.auth-form input:focus,.auth-form textarea:focus{border-color:var(--accent-dim);background:#a0edff08}.auth-form input::placeholder,.auth-form textarea::placeholder{color:var(--dim)}.form-error{color:var(--danger);border-left:2px solid var(--danger);margin:0;padding-left:10px;font-size:12px}.inline-form{gap:8px;margin-bottom:16px;display:flex}.inline-form input{border:1px solid var(--line);background:#ffffff05;outline:none;flex:1;padding:10px 12px;font-size:13px}.inline-form input:focus{border-color:var(--accent-dim)}.pick-list{flex-direction:column;max-height:320px;display:flex;overflow:auto}.pick-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;padding:10px 6px;transition:background .14s;display:flex}.pick-row:hover{background:#a0edff0a}.pick-cover{background:#0d0f12;flex-shrink:0;width:38px;height:38px}.pick-cover img{object-fit:cover;width:100%;height:100%}.pick-empty{border:1px solid var(--line);width:100%;height:100%;display:block}.pick-meta{flex-direction:column;flex:1;min-width:0;display:flex}.pick-meta strong{font-size:13px;font-weight:500}.pick-meta small{color:var(--dim);font-size:10.5px}.pick-add{color:var(--accent);opacity:0;transition:opacity .14s}.pick-row:hover .pick-add{opacity:1}.palette-root{z-index:90;justify-content:center;padding-top:12vh;display:flex;position:fixed;inset:0}.palette-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020304b8;position:absolute;inset:0}.palette{border:1px solid var(--line-strong);background:#0a0b0d;flex-direction:column;width:min(720px,100vw - 40px);max-height:70vh;animation:.22s both modalIn;display:flex;position:relative;box-shadow:0 50px 140px #000000a6}.palette-input{border-bottom:1px solid var(--line);color:var(--accent);align-items:center;gap:12px;padding:16px 20px;display:flex}.palette-input input{color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-size:16px}.palette-input input::placeholder{color:var(--dim)}.palette-input kbd{font-family:var(--font-mono);color:var(--dim);border:1px solid var(--line);padding:2px 6px;font-size:9px}.palette-body{padding:8px;overflow:auto}.palette-hint{padding:18px 16px 14px}.palette-hint p{color:var(--muted);margin:10px 0 16px;font-size:12.5px}.palette-suggests{flex-wrap:wrap;gap:8px;display:flex}.palette-suggests button{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);padding:5px 10px;font-size:10px}.palette-suggests button:hover{color:var(--accent);border-color:var(--accent-dim)}.palette-row{text-align:left;border:1px solid #0000;align-items:center;gap:14px;width:100%;padding:10px 12px;display:flex}.palette-row.is-cursor{background:#a0edff0f;border-color:#a0edff29}.palette-kind{width:30px;color:var(--dim);justify-content:center;display:flex}.palette-row.is-cursor .palette-kind{color:var(--accent)}.palette-meta{flex-direction:column;flex:1;min-width:0;display:flex}.palette-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.palette-meta small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.palette-type{font-family:var(--font-mono);letter-spacing:.2em;color:var(--dim);font-size:8px}.palette-row>svg{color:var(--dim)}.palette-foot{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.14em;color:var(--dim);justify-content:space-between;padding:10px 20px;font-size:9px;display:flex}.palette-empty{text-align:center;color:var(--dim);padding:30px;font-size:13px}.playerbar{z-index:50;height:var(--player);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-top:1px solid var(--line);background:#07080ae6;transition:border-color .24s;position:fixed;bottom:0;left:0;right:0}.playerbar.is-hot{border-top-color:#a0edff52}.playerbar-progress{background:#ffffff0d;height:3px;position:relative}.playerbar-progress-fill{background:var(--accent);height:100%;transition:width .1s linear;box-shadow:0 0 12px #a0edff80}.playerbar-seek{opacity:0;cursor:pointer;width:100%;height:14px;margin:0;position:absolute;inset:-6px 0 0}.playerbar-inner{height:calc(var(--player) - 3px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;padding:0 28px;display:grid}.playerbar-track{text-align:left;align-items:center;gap:14px;min-width:0;display:flex}.playerbar-cover{border:1px solid var(--line);flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.playerbar-cover img{object-fit:cover;width:100%;height:100%}.playerbar-cover-wire{pointer-events:none;border:1px solid #a0edff29;margin:4px;position:absolute;inset:0}.playerbar-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.playerbar-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.playerbar-meta small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.playerbar-controls{align-items:center;gap:6px;display:flex}.playerbar-extras{justify-content:flex-end;align-items:center;gap:6px;display:flex}.playerbar-time{color:var(--dim);letter-spacing:.08em;margin-right:6px;font-size:9.5px}.volume{appearance:none;background:#ffffff24;outline:none;width:74px;height:2px}.volume::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:8px;height:8px}.viz{opacity:.9;width:64px;height:28px;margin-left:8px}.player-view{z-index:70;background:#050607;flex-direction:column;animation:.35s cubic-bezier(.2,.7,.2,1) both viewIn;display:flex;position:fixed;inset:0}@keyframes viewIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.player-view-bg{filter:blur(70px)brightness(.28)saturate(.9);opacity:.7;z-index:-1;background-position:50%;background-size:cover;position:absolute;inset:-10%}.player-view:after{content:"";z-index:-1;background:linear-gradient(#0506078c,#050607eb);position:absolute;inset:0}.player-view-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:32px 48px 20px;display:flex}.player-view-head h2{font-family:var(--font-display);margin:10px 0 0;font-size:clamp(26px,3.6vw,46px);font-weight:500;line-height:1.1}.player-view-body{flex:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;width:100%;max-width:1500px;margin:0 auto;padding:44px 48px;display:grid;overflow:hidden}.player-view-art{flex-direction:column;gap:18px;min-height:0;display:flex}.player-view-art img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);width:100%;max-height:58vh}.player-view-art-meta{font-family:var(--font-mono);letter-spacing:.12em;color:var(--dim);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex}.player-view-art-meta a{color:var(--accent)}.player-view-panel{flex-direction:column;gap:18px;min-height:0;display:flex}.player-view-panel .seg{align-self:flex-start}.lyrics{flex:1;padding-right:12px;overflow:auto;-webkit-mask-image:linear-gradient(#0000,#000 8% 88%,#0000);mask-image:linear-gradient(#0000,#000 8% 88%,#0000)}.lyrics p{color:var(--dim);cursor:pointer;margin:0;padding:9px 0;font-size:15px;line-height:1.7;transition:color .24s,transform .24s}.lyrics p:hover{color:var(--fg-soft)}.lyrics p.is-active{color:var(--accent);text-shadow:0 0 24px #a0edff40;transform:translate(6px)}.lyrics-empty{color:var(--dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.lyrics-empty p{color:var(--muted);margin:6px 0 0;font-size:14px}.lyrics-empty small{font-size:11px}.queue{flex:1;overflow:auto}.queue-head{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.14em;color:var(--dim);justify-content:space-between;padding:8px 0 12px;font-size:9.5px;display:flex}.queue-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:4px 0;display:flex}.queue-row.is-active .queue-main strong{color:var(--accent)}.queue-main{text-align:left;flex:1;align-items:center;gap:14px;min-width:0;padding:6px 0;display:flex}.queue-main .mono{color:var(--dim);flex-shrink:0}.queue-main>span:last-child{flex-direction:column;min-width:0;display:flex}.queue-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.queue-main small{color:var(--dim);font-size:10.5px}.queue-row .icon-btn{opacity:0}.queue-row:hover .icon-btn{opacity:1}.player-view-foot{border-top:1px solid var(--line);color:var(--dim);align-items:center;gap:24px;padding:16px 48px;display:flex}.player-view-foot .btn{margin-left:auto}.login-gate{flex-direction:column;justify-content:center;max-width:560px;min-height:62vh;padding:60px 0;display:flex}.login-gate h1{font-family:var(--font-display);margin:14px 0 16px;font-size:clamp(34px,4.4vw,52px);font-weight:500;line-height:1.08}.login-gate p{color:var(--muted);max-width:460px;margin:0 0 28px;line-height:1.9}.playlist-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:56px;padding:36px 0 52px;display:grid}.playlist-hero-art{aspect-ratio:1;border:1px solid var(--line);background:#0a0c0e;position:relative;overflow:hidden}.playlist-hero-blank{height:100%;color:var(--dim);letter-spacing:.24em;justify-content:center;align-items:center;display:flex}.badge{font-family:var(--font-mono);letter-spacing:.2em;color:var(--fg-soft);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;background:#050607b8;padding:4px 8px;font-size:8.5px;position:absolute;top:12px;left:12px}.badge--accent{color:var(--accent);border-color:var(--accent-dim)}.playlist-hero-copy h1{font-family:var(--font-display);margin:14px 0 10px;font-size:clamp(36px,4.8vw,62px);font-weight:500;line-height:1.05}.playlist-hero-tags{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.playlist-hero-tags span{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-dim);border:1px solid var(--line);padding:3px 8px;font-size:10px}.copy-field{align-items:center;gap:10px;margin-bottom:12px;display:flex}.copy-field .mono{width:44px;color:var(--dim);font-size:9px}.copy-field input{border:1px solid var(--line);min-width:0;font-family:var(--font-mono);color:var(--fg-soft);background:#ffffff05;outline:none;flex:1;padding:10px 12px;font-size:11px}.share-preview{border:1px solid var(--line);background:#a0edff06;flex-direction:column;gap:4px;margin-top:22px;padding:18px;display:flex}.share-preview-label{color:var(--dim);letter-spacing:.24em;font-size:8.5px}.share-preview strong{margin-top:4px;font-size:15px;font-weight:500}.share-preview small{color:var(--muted);font-size:11.5px}.publish-status{color:var(--accent);background:#a0edff0d;border:1px solid #a0edff3d;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12px;display:flex}.publish-facts{font-family:var(--font-mono);color:var(--dim);letter-spacing:.08em;border-top:1px solid var(--line);gap:28px;padding-top:14px;font-size:10px;display:flex}.publish-facts em{color:var(--fg);margin-left:4px;font-style:normal}.picker-list{border-top:1px solid var(--line);max-height:46vh;margin-top:14px;overflow:auto}.picker-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:8px 6px;display:flex}.picker-row:hover{background:#ffffff06}.picker-row.is-on{background:#a0edff0f}.picker-row.is-disabled{opacity:.35;cursor:not-allowed}.picker-cover{flex-shrink:0;width:36px;height:36px}.picker-cover img{object-fit:cover;width:100%;height:100%}.picker-meta{flex-direction:column;flex:1;min-width:0;display:flex}.picker-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.picker-meta small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.picker-mark{color:var(--accent);align-items:center;font-size:9px;display:flex}.feed-preview{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.feed-mini{background:var(--ink);align-items:center;gap:14px;padding:16px;transition:background .18s;display:flex}.feed-mini:hover{background:#0b0d10}.feed-mini-cover{width:54px;height:54px;color:var(--dim);letter-spacing:.2em;background:#0d0f12;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.feed-mini-cover img{object-fit:cover;width:100%;height:100%}.feed-mini-meta{flex-direction:column;flex:1;min-width:0;display:flex}.feed-mini-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.feed-mini-meta small{color:var(--dim);font-size:10.5px}.feed-mini>svg{color:var(--dim)}.square-empty{text-align:center;max-width:760px;margin:0 auto;padding:64px 0 24px}.square-empty-visual{border:1px solid var(--line);width:120px;height:120px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:26px;display:inline-flex;position:relative}.square-empty-visual span{border:1px solid #a0edff1a;position:absolute;inset:-9px}.square-empty-visual span:last-child{border-color:#a0edff0d;inset:-18px}.square-empty h2{font-family:var(--font-display);margin:0 0 10px;font-size:30px;font-weight:500}.square-empty p{color:var(--muted);margin:0 0 26px}.square-empty .hero-actions{justify-content:center}.square-steps{background:var(--line);border:1px solid var(--line);text-align:left;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid}.square-steps>div{background:var(--ink);flex-direction:column;gap:4px;padding:20px;display:flex}.square-steps .mono{color:var(--accent-dim);font-size:9px}.square-steps strong{font-size:14px;font-weight:500}.square-steps p{color:var(--dim);margin:0;font-size:11.5px;line-height:1.7}.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:28px;display:grid}.feed-card{border:1px solid var(--line);background:#ffffff03;flex-direction:column;transition:border-color .2s,transform .3s;display:flex}.feed-card:hover{border-color:#a0edff3d;transform:translateY(-3px)}.feed-card-art{aspect-ratio:16/10;color:var(--dim);letter-spacing:.3em;background:#0a0c0e;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative;overflow:hidden}.feed-card-art img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform .6s}.feed-card:hover .feed-card-art img{transform:scale(1.04)}.feed-card-art:after{content:"";background:linear-gradient(#05060733,#050607b3);position:absolute;inset:0}.feed-card-index{z-index:2;color:#fff9;letter-spacing:.18em;font-size:9px;position:absolute;top:12px;left:14px}.feed-card-play{z-index:2;border:1px solid var(--accent);width:44px;height:44px;color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0506078c;border-radius:999px;justify-content:center;align-items:center;transition:background .18s,color .18s;display:flex;position:absolute;bottom:14px;right:14px}.feed-card-play:hover{background:var(--accent);color:#041014}.feed-card-body{flex-direction:column;gap:8px;padding:16px 18px 14px;display:flex}.feed-card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.feed-card-head h3{letter-spacing:.02em;margin:0;font-size:16px;font-weight:500}.feed-card-head .mono{color:var(--dim);font-size:9px}.feed-card-body p{color:var(--muted);min-height:40px;margin:0;font-size:12px;line-height:1.7}.feed-card-tags{flex-wrap:wrap;gap:8px;display:flex}.feed-card-tags span{color:var(--accent-dim);font-size:10px}.feed-card-foot{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;color:var(--dim);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:10px;font-size:9.5px;display:flex}.feed-card-foot .text-link{font-family:var(--font-mono);align-items:center;gap:5px;font-size:9.5px;display:inline-flex}.share-page{padding-top:20px}.share-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:center;gap:60px;padding:40px 0 56px;display:grid}.share-art{aspect-ratio:1;border:1px solid var(--line);color:var(--dim);letter-spacing:.3em;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.share-art img{object-fit:cover;width:100%;height:100%}.share-art:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #a0edff14}.share-copy h1{font-family:var(--font-display);margin:14px 0 12px;font-size:clamp(34px,4.6vw,60px);font-weight:500;line-height:1.05}.share-tracks{border-top:1px solid var(--line)}.share-track{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:16px;width:100%;padding:10px 8px;display:flex}.share-track:hover{background:#ffffff06}.share-track .mono{width:28px;color:var(--dim)}.share-track img{object-fit:cover;width:42px;height:42px}.share-track>span:nth-child(3){flex-direction:column;flex:1;min-width:0;display:flex}.share-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.share-track small{color:var(--dim);font-size:10.5px}.share-track>svg{color:var(--dim)}.share-track:hover>svg{color:var(--accent)}.share-footnote{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;color:var(--dim);flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;padding-top:18px;font-size:9.5px;display:flex}.share-footnote .text-link{font-family:var(--font-sans);font-size:11.5px}.share-footnote .mono:last-child{margin-left:auto}.account-gate{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:60px;min-height:70vh;padding:60px 0;display:grid}.account-gate-copy h1{font-family:var(--font-display);margin:16px 0 18px;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1.06}.account-gate-copy>p{max-width:520px;color:var(--muted);margin:0 0 30px;line-height:1.95}.account-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:40px;margin-top:48px;padding-top:20px;display:flex}.account-facts>div{flex-direction:column;gap:3px;display:flex}.account-facts strong{color:var(--fg);font-size:20px;font-weight:400}.account-facts span{color:var(--dim);font-size:11px}.account-gate-visual{perspective:900px;justify-content:center;display:flex}.id-card{aspect-ratio:1.58;border:1px solid var(--line-strong);background:linear-gradient(140deg,#a0edff12,#0000 42%),linear-gradient(320deg,#ffffff08,#0000 50%),#0a0c0e;flex-direction:column;gap:10px;width:min(340px,100%);padding:20px;animation:7s ease-in-out infinite floatCard;display:flex;position:relative;overflow:hidden;transform:rotate(-6deg)rotateY(8deg);box-shadow:0 30px 80px #00000080}@keyframes floatCard{0%,to{transform:rotate(-6deg)rotateY(8deg)translateY(0)}50%{transform:rotate(-4deg)rotateY(5deg)translateY(-10px)}}.id-card-line{pointer-events:none;border:1px solid #a0edff1a;position:absolute;inset:8px}.id-card-brand{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent);font-size:9px}.id-card-chip{background:repeating-linear-gradient(90deg,#a0edff2e 0 2px,#0000 2px 6px);border:1px solid #a0edff59;width:34px;height:26px;margin-top:auto}.id-card-name{font-family:var(--font-display);letter-spacing:.16em;color:var(--fg);font-size:24px}.id-card-id{color:var(--dim);letter-spacing:.2em;font-size:8.5px}.id-card-barcode{opacity:.6;background:repeating-linear-gradient(90deg,#ffffff80 0 1px,#0000 1px 3px);width:64px;height:20px;position:absolute;bottom:16px;right:16px}.profile{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:40px;padding:56px 0 40px;display:flex}.profile-avatar{border:1px solid var(--accent-dim);background:linear-gradient(150deg,#a0edff24,#a0edff05);flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.profile-avatar>span:first-child{font-family:var(--font-display);color:var(--accent);font-size:54px;line-height:1}.profile-avatar-ring{border:1px dashed #a0edff2e;position:absolute;inset:8px}.profile-main h1{font-family:var(--font-display);margin:10px 0 8px;font-size:clamp(34px,4vw,50px);font-weight:500;line-height:1}.profile-bio{color:var(--muted);max-width:560px;margin:0 0 16px;font-size:13px}.profile .album-meta{border-top:none;margin-bottom:18px;padding:0}.profile-stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;display:grid}.profile-stats>div{background:var(--ink);flex-direction:column;gap:2px;padding:22px 24px;display:flex}.profile-stats .mono.big{font-size:34px}.profile-stats>div>span:last-child{font-family:var(--font-mono);letter-spacing:.2em;color:var(--dim);text-transform:uppercase;font-size:9px}.profile-playlists{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.profile-playlist{background:var(--ink);flex-direction:column;gap:5px;padding:18px 20px;transition:background .18s;display:flex}.profile-playlist:hover{background:#0b0d10}.profile-playlist .mono{color:var(--dim);letter-spacing:.16em;font-size:9px}.profile-playlist strong{font-size:14px;font-weight:500}.profile-playlist small{color:var(--dim);font-size:10.5px}.privacy-note{border:1px solid var(--line);color:var(--muted);background:#ffffff03;align-items:flex-start;gap:18px;padding:24px;display:flex}.privacy-note>svg{color:var(--accent);flex-shrink:0;margin-top:3px}.privacy-note strong{color:var(--fg);margin-bottom:6px;font-size:13.5px;font-weight:500;display:block}.privacy-note p{max-width:760px;margin:0;font-size:12px;line-height:1.85}.privacy-note .mono{color:var(--dim);letter-spacing:.2em;white-space:nowrap;margin-left:auto;font-size:8.5px}.account-sign{color:var(--dim);font-family:var(--font-mono);letter-spacing:.1em;align-items:center;gap:8px;margin-top:40px;font-size:9.5px;display:flex}.footer{border-top:1px solid var(--line);background:#00000059;padding:48px 40px 88px}.footer-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:end;gap:48px;max-width:1560px;margin:0 auto;display:grid}.wordmark{font-family:var(--font-display);letter-spacing:.2em;color:var(--fg-soft);font-size:30px}.wordmark span{color:var(--accent);vertical-align:middle;margin:0 10px;font-size:12px}.footer-grid p{color:var(--dim);max-width:460px;margin:12px 0 0;font-size:11.5px;line-height:1.8}.footer-meta{font-family:var(--font-mono);letter-spacing:.16em;color:var(--dim);flex-direction:column;gap:6px;font-size:9px;display:flex}.footer-links{color:var(--muted);text-align:right;flex-direction:column;gap:8px;font-size:12px;display:flex}.footer-links a:hover{color:var(--accent)}.toasts{left:24px;bottom:calc(var(--player) + 20px);z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{border:1px solid var(--line-strong);border-left:2px solid var(--muted);color:var(--fg-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c0ef0;max-width:340px;padding:10px 16px;font-size:12px;animation:.22s both toastIn}.toast--ok{border-left-color:var(--accent);color:var(--accent)}.toast--warn{border-left-color:var(--danger);color:#ffb4b4}@keyframes toastIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.settings{max-width:940px}.settings-list{border-top:1px solid var(--line);margin-top:26px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;padding:26px 0;display:flex}.setting-copy strong{font-family:var(--font-display);letter-spacing:.02em;color:var(--fg);margin-bottom:8px;font-size:17px;font-weight:500;display:block}.setting-copy p{max-width:620px;color:var(--muted);margin:0;font-size:12.5px;line-height:1.85}.switch{border:1px solid var(--line-strong);background:#ffffff0a;flex-shrink:0;width:54px;height:28px;padding:0;transition:border-color .18s,background .18s;position:relative}.switch span{background:var(--dim);width:20px;height:20px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.switch:hover{border-color:var(--fg-soft)}.switch.is-on{border-color:var(--accent);background:var(--accent-soft)}.switch.is-on span{background:var(--accent);transform:translate(26px)}.settings-note{border:1px solid var(--line);border-left:2px solid var(--accent-dim);background:#ffffff04;margin-top:36px;padding:22px 24px}.settings-note ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.settings-note li{color:var(--muted);align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.7;display:flex}.settings-note li svg{color:var(--accent);flex-shrink:0;margin-top:4px}@media (width<=1280px){.album-grid--dense,.playlist-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-grid{gap:48px}}@media (width<=1080px){.topbar{gap:20px;padding:0 24px}.page{padding:0 24px 90px}.nav a{padding:8px 12px}.nav-en,.brand-tag{display:none}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-grid--dense{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid,.album-hero,.playlist-hero,.share-hero,.account-gate{grid-template-columns:1fr;gap:40px}.hero-art{max-width:560px}.hero{padding-top:44px}.playlist-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-preview,.feed-grid,.profile-playlists{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-links{text-align:left}.playerbar-inner{grid-template-columns:minmax(0,1fr) auto;padding:0 20px}.playerbar-extras{display:none}.player-view-body{gap:40px;padding:32px}.song-head,.song-row{grid-template-columns:40px minmax(0,1fr) 90px}.song-album,.song-head span:nth-child(3){display:none}}@media (width<=820px){:root{--header:60px;--player:76px}.nav,.search-trigger span{display:none}.hero-title{font-size:clamp(52px,15vw,96px)}.hero-metrics{grid-template-columns:repeat(2,1fr);gap:12px 0}.album-grid,.album-grid--dense,.playlist-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-preview,.feed-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr 1fr}.playlist-empty{grid-template-columns:1fr;padding:24px}.playlist-empty-preview{justify-content:flex-start}.page-head{flex-direction:column;align-items:flex-start;gap:18px}.page-head-side{align-items:flex-start}.field--search{width:100%;min-width:0}.song-head{display:none}.song-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}.song-actions{opacity:1}.playerbar-inner{grid-template-columns:1fr;justify-items:center;gap:0}.playerbar-track{display:none}.player-view-body{grid-template-columns:1fr;overflow:auto}.player-view-art{display:none}.player-view-head,.player-view-foot{padding-left:24px;padding-right:24px}.account-gate-visual{display:none}.footer{padding:36px 24px 80px}.modal{max-height:90vh}.copy-field{flex-wrap:wrap}}@media (width<=520px){.topbar{padding:0 16px}.page{padding:0 16px 84px}.brand-text span{display:none}.hero-title{font-size:clamp(46px,17vw,74px)}.hero-actions .btn{flex:1;min-width:0;padding:0 12px}.album-grid,.album-grid--dense{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.album-tile-meta strong{font-size:12px}.playlist-hero-art{max-width:280px}.album-hero-art{max-width:320px}.toolbar-right .btn span{display:none}.square-steps,.profile-playlists{grid-template-columns:1fr}.share-footnote{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}