:root{--bg:#07060a;--gold-1:#fbe9a6;--gold-2:#e8c36b;--gold-3:#c79a3a;--gold-grad:linear-gradient(135deg,#fdf0bd,#e8c36b 40%,#c79a3a 72%,#f4d77e);--rose:#ff2d74;--ink:#f6f1e6;--ink-soft:#cfc7b8;--ink-mute:#8f8779;--line:hsla(42,73%,66%,.16);--line-soft:hsla(0,0%,100%,.08);--radius:16px;--radius-lg:22px;--font-head:"Space Grotesk",system-ui,sans-serif;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(60% 50% at 78% 6%,rgba(255,45,116,.16),transparent 60%),radial-gradient(55% 45% at 14% 16%,rgba(155,92,255,.12),transparent 60%),radial-gradient(70% 60% at 50% 112%,hsla(42,73%,66%,.16),transparent 60%),var(--bg);color:var(--ink);font-family:var(--font-body);min-height:100svh;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:rgba(255,45,116,.35);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-3),#8a6420);border-radius:20px;border:2px solid #0a0810}.gold-text{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{font-family:var(--font-head);font-weight:600;font-size:.95rem;padding:13px 24px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .3s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn-gold{background:var(--gold-grad);color:#1a1206;box-shadow:0 10px 30px -10px hsla(42,73%,66%,.6)}.btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px -10px hsla(42,73%,66%,.85)}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:hsla(0,0%,100%,.03)}.btn-ghost:hover{border-color:var(--gold-2);color:var(--gold-1)}.wmp-modal{position:fixed;inset:0;z-index:120;background:rgba(5,4,8,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.wmp-modal-card{width:min(380px,92vw);background:rgba(14,11,19,.98);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.7)}.wmp-modal-card h4{font-family:var(--font-head);margin-bottom:16px}.wmp-wallets{display:grid;grid-gap:10px;gap:10px}.wmp-wallet{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:12px;background:hsla(0,0%,100%,.03);color:var(--ink);font-family:var(--font-head);font-size:.98rem;transition:all .2s ease}.wmp-wallet:hover{border-color:var(--gold-2);background:hsla(42,73%,66%,.08);transform:translateY(-1px)}.wmp-wallet img{border-radius:6px}.wmp-wallet-dot{width:26px;height:26px;border-radius:50%;background:var(--gold-grad)}.wmp-modal-close{margin-top:16px;width:100%;padding:10px;border:1px solid var(--line-soft);border-radius:10px;color:var(--ink-soft);font-family:var(--font-head)}.wmp-modal-close:hover{color:var(--ink);border-color:var(--line)}.wamp-canvas{flex:1 1;min-width:0;height:28px;display:block;cursor:pointer}.wamp-pl-select{flex:1 1;min-width:0;background:#08060c;padding:6px 8px;font-family:var(--font-head);font-size:.8rem}.wamp-mini,.wamp-pl-select{color:var(--gold-1);border:1px solid #000;border-radius:3px}.wamp-mini{width:auto;min-width:26px;padding:0 8px;height:26px;background:linear-gradient(180deg,#2a2533,#15121c);font-size:.74rem;cursor:pointer;flex-shrink:0}.wamp-mini:hover{color:#fff}.wamp-mini.on{background:var(--gold-grad);color:#1a1206}.wamp-pl-new{display:flex;gap:4px;margin-top:6px}.wamp-pl-new input{flex:1 1;min-width:0;padding:6px 8px}.wamp-pl-new input,.wamp-search{background:#08060c;color:var(--gold-1);border:1px solid #000;border-radius:3px;font-family:var(--font-head);font-size:.8rem}.wamp-search{width:100%;margin:8px 0;padding:7px 10px}.wamp-search::placeholder{color:#6f6450}.wamp-pl-hint{font-size:.7rem;color:#8a7a52;padding:2px 2px 6px;line-height:1.4}.wamp-link{background:none;border:none;color:var(--gold-1);cursor:pointer;font-size:.7rem;text-decoration:underline;padding:0}.wamp-empty{padding:16px 8px;color:#7a6a45;font-size:.8rem;text-align:center}.wamp-list{border:1px solid #000;border-radius:4px;background:#08060c}.wamp-list-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;text-align:left;color:#b79b62;font-size:.82rem;border-bottom:1px solid hsla(42,73%,66%,.06);background:none}.wamp-list-row.active{color:#fff;background:rgba(255,45,116,.18)}.wamp-list-row.dragging{opacity:.45}.wamp-drag{cursor:-webkit-grab;cursor:grab;color:#7a6a45;font-size:.95rem;padding:0 2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;line-height:1}.wamp-list-n{width:26px;height:24px;flex-shrink:0;border:none;background:none;color:#b79b62;font-family:ui-monospace,monospace;font-size:.72rem;cursor:pointer;text-align:center}.wamp-list-title{flex:1 1;cursor:pointer}.wamp-list-artist,.wamp-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wamp-list-artist{color:#7a6a45;font-size:.72rem;max-width:130px}.wamp-row-act{display:flex;gap:3px;flex-shrink:0}.wamp-row-act button{width:22px;height:22px;border:none;background:hsla(0,0%,100%,.05);color:var(--gold-2);border-radius:3px;font-size:.7rem;cursor:pointer}.wamp-row-act button:hover{background:hsla(42,73%,66%,.18);color:#fff}.wamp-add{width:26px;height:22px;border:1px solid #000;border-radius:3px;background:linear-gradient(180deg,#2a2533,#15121c);color:var(--gold-1);font-size:.8rem;cursor:pointer}.wamp-add.on,.wamp-add:hover{background:var(--gold-grad);color:#1a1206}.wamp-addmenu{background:#0b0810;border:1px solid hsla(42,73%,66%,.18);border-radius:4px;margin:0 10px 6px 30px;padding:6px}.wamp-addmenu-label{font-size:.68rem;color:#8a7a52;padding:2px 4px 6px}.wamp-addmenu-empty{font-size:.72rem;color:#7a6a45;padding:4px}.wamp-addmenu-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:#cdb87e;font-size:.8rem;padding:7px 6px;border-radius:3px;cursor:pointer}.wamp-addmenu-row:hover{background:hsla(42,73%,66%,.1);color:#fff}.wamp-addmenu-chk{width:16px;text-align:center;color:var(--gold-2)}.wamp-addmenu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wamp-addmenu-row.new{color:var(--gold-1);border-top:1px solid hsla(42,73%,66%,.12);margin-top:4px}.wamp-addmenu-row.done{color:#8a7a52;justify-content:center}.spa{display:flex;flex-direction:column;min-height:100svh}.spa-bar{justify-content:space-between;gap:12px;padding:10px 18px;background:rgba(12,10,17,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);position:-webkit-sticky;position:sticky;top:0;z-index:10}.spa-bar,.spa-brand{display:flex;align-items:center}.spa-brand{gap:10px;font-family:var(--font-head);font-weight:700;letter-spacing:.06em}.spa-brand img{border-radius:7px}.spa-brand b{color:var(--gold-2)}.spa-bar-right{display:flex;align-items:center;gap:12px}.spa-status{font-family:var(--font-head);font-size:.72rem;color:var(--ink-mute);white-space:nowrap}.spa-btn-sm{padding:9px 16px;font-size:.85rem}.spa-connect{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.spa-hero-coin{width:150px;height:150px;filter:drop-shadow(0 18px 50px rgba(232,195,107,.5));animation:float 6s ease-in-out infinite}.spa-connect h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.8rem,9vw,5rem);line-height:1;margin-top:12px}.spa-lead{color:var(--ink-soft);max-width:54ch;margin:16px auto 0;line-height:1.6}.spa-cta{margin-top:24px}.spa-note{margin-top:16px;font-family:var(--font-head);font-size:.9rem;color:var(--gold-1)}.spa-note.err{color:#ff8fae}.spa-sub{margin-top:14px;font-size:.8rem;color:var(--ink-mute)}.spa-app{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-gap:18px;gap:18px;padding:18px;overflow:hidden}.spa-lib,.spa-now{background:linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.01));border:1px solid var(--line);border-radius:var(--radius-lg);min-height:0}.spa-now{padding:24px;align-items:center;gap:14px;overflow:auto}.spa-lib,.spa-now{display:flex;flex-direction:column}.spa-lib{padding:14px;min-height:0}.spa-lib-head{display:flex;gap:4px;align-items:center}.spa .wamp-list{flex:1 1;overflow:auto;margin-top:6px}.spa-art{width:min(340px,74%);aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#120c18;display:grid;place-items:center;box-shadow:0 24px 60px -20px hsla(42,73%,66%,.5);position:relative}.spa-art img{width:100%;height:100%;object-fit:cover}.spa-art-ph{font-size:4rem;color:var(--gold-2)}.spa-buffering{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.65);color:var(--gold-1);font-family:var(--font-head);font-size:.7rem;padding:3px 12px;border-radius:999px}.spa-meta{text-align:center;max-width:100%}.spa-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,3vw,2rem);line-height:1.1}.spa-artist{color:var(--ink-soft);font-family:var(--font-head);font-size:.9rem;margin-top:3px}.spa-viz{width:100%;background:#08060c;border:1px solid #000;border-radius:6px;padding:6px 8px;box-shadow:inset 0 0 10px rgba(0,0,0,.8)}.spa-viz .wamp-canvas{height:40px;width:100%}.spa-seekrow{display:flex;align-items:center;gap:10px;width:100%}.spa-seek{flex:1 1;accent-color:var(--rose);cursor:pointer;height:5px}.spa-time{font-family:ui-monospace,monospace;font-size:.72rem;color:var(--gold-2);min-width:40px;text-align:center}.spa-controls{display:flex;align-items:center;justify-content:center;gap:14px}.spa-ctl{width:46px;height:46px;border-radius:50%;border:1px solid #000;background:linear-gradient(180deg,#2a2533,#15121c);color:var(--gold-1);font-size:1.05rem;cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 1px 0 hsla(42,73%,66%,.2)}.spa-ctl:hover{color:#fff}.spa-ctl.on{background:var(--gold-grad);color:#1a1206}.spa-play{width:66px;height:66px;font-size:1.5rem;color:#fff;background:linear-gradient(180deg,#ff5c97,#d11f5e)}.spa-extra{display:flex;align-items:center;gap:14px;width:100%;justify-content:center}.spa-stop{width:40px;height:40px;font-size:.9rem}.spa-vol{display:flex;align-items:center;gap:8px;color:var(--gold-2);font-size:.8rem;flex:1 1;max-width:200px}.spa-vol input{flex:1 1;accent-color:var(--gold-2);cursor:pointer;height:5px}.spa-count{font-family:ui-monospace,monospace;font-size:.72rem;color:#c79a3a;white-space:nowrap}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (max-width:900px){.spa-app{grid-template-columns:1fr;overflow:auto}.spa-now{overflow:visible}.spa .wamp-list{max-height:52vh}}@media (prefers-reduced-motion:reduce){.spa-hero-coin{animation:none!important}}