:root{--void:#05070b;--panel:#0a0e16b8;--line:#78dcff1f;--line-hot:#ff8c5a73;--ink:#e8f0f7;--muted:#7d8fa3;--cyan:#5ce1ff;--cyan-dim:#5ce1ff26;--peach:#ff8a5c;--peach-glow:#ff784659;--ok:#7dffb3;--font-display:"Outfit", "Noto Sans HK", sans-serif;--font-body:"Outfit", "Noto Sans HK", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--void);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}.mono{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.atmosphere{z-index:0;pointer-events:none;background:radial-gradient(70% 50% at 50% -5%,#ff6e462e,#0000 55%),radial-gradient(45% 40% at 95% 20%,#5ce1ff1a,#0000 50%),radial-gradient(40% 35% at 5% 85%,#28507840,#0000 55%),linear-gradient(#0a0e16 0%,#05070b 100%);position:fixed;inset:0;overflow:hidden}.grid-floor{transform-origin:top;background-image:linear-gradient(#5ce1ff0f 1px,#0000 1px),linear-gradient(90deg,#5ce1ff0f 1px,#0000 1px);background-size:48px 48px;animation:28s linear infinite grid-drift;position:absolute;inset:40% -20% -30%;transform:perspective(420px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000008c,#0000 85%);mask-image:linear-gradient(#0000008c,#0000 85%)}.orb{filter:blur(60px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite orb-float;position:absolute}.orb-a{background:var(--peach-glow);width:280px;height:280px;top:8%;left:-6%}.orb-b{background:#5ce1ff38;width:220px;height:220px;animation-delay:-5s;bottom:18%;right:-4%}.scanlines{opacity:.04;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000059 2px 4px);animation:8s linear infinite scan;position:absolute;inset:0}@keyframes grid-drift{0%{background-position:0 0}to{background-position:0 48px}}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-22px)scale(1.08)}}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.app{z-index:1;grid-template-rows:auto auto 1fr auto;gap:.55rem;max-width:760px;height:100%;margin:0 auto;padding:.85rem .9rem 0;display:grid;position:relative}.topbar{justify-content:space-between;align-items:center;gap:.75rem;animation:.55s both rise;display:flex}.brand{align-items:center;gap:.7rem;min-width:0;display:flex}.brand img{object-fit:cover;width:42px;height:42px;box-shadow:0 0 0 1px #5ce1ff59, 0 0 24px var(--peach-glow);border-radius:12px}.brand h1{font-family:var(--font-display);letter-spacing:.04em;background:linear-gradient(120deg, #fff 20%, var(--cyan) 55%, var(--peach) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.35rem;font-weight:800}.brand p{color:var(--muted);margin:.1rem 0 0}.top-meta{color:var(--muted);flex-shrink:0;align-items:center;gap:.45rem;display:flex}.pulse-dot{background:var(--ok);width:6px;height:6px;box-shadow:0 0 10px var(--ok);border-radius:50%;animation:1.8s infinite blink}.dl-total{color:var(--cyan);border:1px solid var(--line);background:var(--cyan-dim);border-radius:999px;padding:.2rem .45rem}.member-chip{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border-radius:999px;max-width:9rem;padding:.28rem .65rem;font-size:.72rem;font-weight:600;overflow:hidden}.member-chip.join{color:var(--void);background:linear-gradient(120deg, var(--cyan), var(--peach));border:0}.auth-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020408b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.auth-card{border:1px solid var(--line);background:#080c14f2;border-radius:18px;gap:.55rem;width:min(380px,100%);padding:1rem 1.05rem 1.1rem;animation:.35s both rise;display:grid;box-shadow:0 20px 60px #00000073}.auth-head{justify-content:space-between;align-items:center;display:flex}.auth-head h2{margin:0;font-size:1.1rem}.auth-card>p{color:var(--muted);margin:0}.auth-card input{border:1px solid var(--line);background:#00000059;border-radius:12px;outline:none;padding:.65rem .8rem}.auth-card input:focus{border-color:#5ce1ff73}.auth-error{color:#ff8f8f;margin:0;font-size:.82rem}.auth-notice{color:#5ce1ff;margin:0;font-size:.82rem;line-height:1.4}.verify-banner{color:#cfeeff;background:#5ce1ff14;border:1px solid #5ce1ff47;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .75rem;padding:.65rem .9rem;font-size:.82rem;line-height:1.35;display:flex}.auth-card .switch{justify-self:center}.rail{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c14a6;border-radius:999px;gap:.2rem;padding:.2rem;animation:.65s both rise;display:flex}.rail button{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:.38rem .2rem;font-size:.72rem;font-weight:600;transition:color .2s,background .2s,box-shadow .2s;position:relative}.rail button:hover{color:var(--ink)}.rail button.on{color:var(--void);background:linear-gradient(120deg, var(--cyan), #9af0ff 40%, var(--peach));box-shadow:0 0 18px #5ce1ff40}.rail button em{opacity:.85;margin-left:.2rem;font-size:.65rem;font-style:normal}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;flex-direction:column;min-height:0;animation:.45s both rise;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.panel-lead,.empty-state{color:var(--muted);margin:0;padding:.75rem .9rem 0;font-size:.82rem}.chat-panel{padding-bottom:0}.chat{flex-direction:column;flex:1;gap:.55rem;padding:.85rem;display:flex;overflow-y:auto}.msg{border-radius:14px;max-width:88%;padding:.65rem .85rem;font-size:.92rem;line-height:1.45;animation:.3s both rise}.msg.user{background:linear-gradient(135deg,#ff8a5c38,#5ce1ff1f);border:1px solid #ffa07840;align-self:flex-end}.msg.assistant,.msg.system{border:1px solid var(--line);background:#ffffff08;align-self:flex-start}.chat-link{color:var(--cyan);text-underline-offset:2px;text-decoration:underline}.typing:after{content:"…";animation:1s infinite blink}.suggestions{flex-wrap:wrap;gap:.35rem;padding:0 .85rem .55rem;display:flex}.suggestions button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.28rem .65rem;font-size:.72rem}.suggestions button:hover{color:var(--cyan);border-color:#5ce1ff59}.composer{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:.35rem;padding:.55rem .65rem .7rem;display:grid}.composer input{border:1px solid var(--line);background:#00000059;border-radius:999px;outline:none;padding:.55rem .85rem}.composer input:focus{border-color:#5ce1ff73;box-shadow:0 0 0 3px #5ce1ff1a}.mic-btn,.send-btn,.ghost,.dl,.checkout-btn,.download-btn,.tap-play,.track-actions button{border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border-radius:999px;padding:.4rem .7rem;font-size:.7rem;font-weight:600}.mic-btn.listening{border-color:var(--peach);color:var(--peach);box-shadow:0 0 16px var(--peach-glow)}.send-btn,.dl,.checkout-btn,.download-btn{color:var(--void);background:linear-gradient(120deg, var(--cyan), var(--peach));border:0}.checkout-btn.secondary,.ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.voice-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:.25rem;display:flex}.music-panel{padding:0}.music-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:.75rem;padding:.85rem .9rem .55rem;display:flex}.music-head h2{margin:0;font-size:1.05rem;font-weight:700}.music-head p{color:var(--muted);margin:.2rem 0 0}.cover-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.85rem .7rem;padding:.75rem .85rem 1rem;display:grid;overflow-y:auto}.cover-card{flex-direction:column;gap:.45rem;min-width:0;animation:.55s both rise;display:flex}.cover-card.open{background:#080c148c;border:1px solid #5ce1ff38;border-radius:18px;grid-column:1/-1;grid-template-columns:minmax(140px,220px) 1fr;gap:.75rem 1rem;padding:.55rem;display:grid}.cover-art{cursor:pointer;aspect-ratio:1;isolation:isolate;background:#ffffff08;border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cover-card.open .cover-art{aspect-ratio:1}.cover-art img,.cover-ph{object-fit:cover;background:linear-gradient(145deg,#5ce1ff1f,#ff8a5c1a),#0c1018e6;width:100%;height:100%;transition:transform .45s;display:block}.cover-art:hover img,.cover-card.playing .cover-art img{transform:scale(1.04)}.cover-play{color:#05070b;letter-spacing:.04em;text-transform:uppercase;opacity:0;background:linear-gradient(120deg,#5ce1ff,#ff8a5c);border-radius:999px;padding:.35rem .65rem;font-size:.65rem;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;bottom:.55rem;right:.55rem;transform:translateY(6px)}.cover-art:hover .cover-play,.cover-card.playing .cover-play{opacity:1;transform:translateY(0)}.cover-meta{min-width:0}.cover-meta strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.25;display:-webkit-box;overflow:hidden}.cover-meta>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.65rem;display:block;overflow:hidden}.cover-actions{flex-wrap:wrap;gap:.3rem;margin-top:.45rem;display:flex}.cover-tracks{border-top:1px solid var(--line);grid-column:1/-1;max-height:240px;padding:.35rem 0 0;overflow-y:auto}.track-list.nested li{grid-template-columns:1fr auto}@media (width>=720px){.cover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem .9rem}.cover-meta strong{font-size:.92rem}}@media (width>=980px){.cover-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.filter{border:1px solid var(--line);background:#00000059;border-radius:999px;outline:none;width:min(160px,38vw);padding:.4rem .7rem;font-size:.78rem}.track-list{flex:1;margin:0;padding:.35rem;list-style:none;overflow-y:auto}.track-list li{border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:.55rem;padding:.4rem .45rem;transition:background .2s,box-shadow .2s;animation:.4s both rise;display:grid}.track-list li:hover,.track-list li.playing{background:#5ce1ff0f}.track-list li.playing{box-shadow:inset 2px 0 0 var(--cyan)}.track-list img,.ph{object-fit:cover;background:#ffffff0a;border-radius:8px;width:44px;height:44px}.track-main{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.track-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;display:block;overflow:hidden}.track-main span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.12rem;font-size:.7rem;display:block;overflow:hidden}.track-actions{align-items:center;gap:.3rem;display:flex}.track-actions .count{text-align:right;min-width:2.2rem;color:var(--cyan);font-size:.65rem}.shop-panel,.cart-panel,.library-panel{padding-bottom:.75rem;overflow-y:auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.75rem .85rem;display:grid}.product-card{border:1px solid var(--line);background:#00000040;border-radius:14px;transition:transform .25s,border-color .25s;overflow:hidden}.product-card:hover{border-color:#5ce1ff59;transform:translateY(-2px)}.product-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.product-body{padding:.5rem .55rem .65rem}.product-body h3{margin:0;font-size:.82rem;line-height:1.25}.product-body p{color:var(--muted);margin:.15rem 0 0;font-size:.7rem}.product-row{justify-content:space-between;align-items:center;margin-top:.45rem;font-size:.8rem;font-weight:600;display:flex}.product-row button{text-transform:uppercase;cursor:pointer;color:var(--void);background:linear-gradient(120deg, var(--cyan), var(--peach));border:0;border-radius:999px;padding:.3rem .65rem;font-size:.68rem;font-weight:700}.cart-lines,.library-lines{gap:.45rem;margin:0;padding:.75rem .85rem;list-style:none;display:grid}.cart-lines li,.library-lines li{border:1px solid var(--line);border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:.55rem;padding:.45rem;display:grid}.cart-lines img,.library-lines img{object-fit:cover;border-radius:8px;width:48px;height:48px}.cart-lines strong,.library-lines strong{font-size:.85rem;display:block}.cart-lines span,.library-lines span{color:var(--muted);font-size:.7rem;display:block}.checkout-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;padding:0 .85rem;display:flex}.download-btn{text-decoration:none;display:inline-block}.dock{padding:.55rem .65rem calc(.65rem + env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06090ee0;border-radius:16px 16px 0 0;grid-template-columns:48px 1fr auto;align-items:center;gap:.65rem;transition:box-shadow .35s,border-color .35s;display:grid}.dock.hot{border-color:#5ce1ff47;box-shadow:0 -8px 40px #5ce1ff14}.dock .cover{object-fit:cover;border-radius:10px;width:48px;height:48px}.dock .title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.dock .sub{color:var(--muted);margin-top:.12rem}.transport{gap:.3rem;display:flex}.transport button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:50%;width:36px;height:36px}.transport button:disabled{opacity:.35;cursor:default}.tap-play{color:var(--void);background:linear-gradient(120deg, var(--cyan), var(--peach));border:0;margin-top:.3rem}@media (width<=520px){.brand h1{font-size:1.15rem}.top-meta .dl-total,.track-actions .ghost{display:none}.product-grid{grid-template-columns:1fr 1fr}}