:root{--bg:#0c0a14;--panel:#161226;--panel2:#1d1834;--ink:#f3eefe;--muted:#9a90c0;--line:#2c2546;--music:#ff3ca6;--sports:#27d3a2;--accent:#7c5cff}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 70% -10%,#241a4d 0%,var(--bg) 60%);color:var(--ink);min-height:100vh;overflow-x:hidden}header{padding:calc(env(safe-area-inset-top,0px) + 18px) 20px 10px;max-width:920px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:nowrap}.brand{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}.titlerow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.titlerow h1{min-width:0;line-height:1.05}header .cpick{flex:0 0 auto}.cpick .city-abbr{display:none}@media (max-width:640px){.cpick .city-full{display:none}.cpick .city-abbr{display:inline}}.logo{border-radius:50%;box-shadow:0 0 22px #7c5cff73;flex:none}h1{margin:0;font-size:26px;letter-spacing:.3px}h1 .spark{background:linear-gradient(90deg,var(--music),var(--accent),var(--sports));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);margin-top:0}main{max-width:920px;margin:0 auto;padding:8px 20px 60px}.controls{display:flex;align-items:stretch;flex-wrap:nowrap;margin:14px 0 6px;background:var(--panel2);border:1px solid var(--line);border-radius:10px}.controls>:not(:last-child){border-right:1px solid var(--line)}select{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:15px;min-width:0;max-width:100%}.wnav{flex:none;width:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;color:#cdc3f5;background:none;border:none;padding:0}.wnav:first-child{border-radius:9px 0 0 9px}.wnav:last-child{border-radius:0 9px 9px 0}.wnav:hover:not(:disabled){color:#fff;background:#7c5cff24}.wnav:disabled{opacity:.35;cursor:default}.controls .wpick{flex:1 1 auto;min-width:0}.controls .wpick-btn{border:none;background:none;border-radius:0;width:100%;height:100%}.controls .wpick-cur{text-align:center}.wpick{position:relative;display:inline-block;max-width:100%;min-width:0;flex:1 1 auto}.cpick{flex:0 0 auto}.cpick .wpick-btn{width:auto}.cpick .wpick-menu{left:auto;right:0;min-width:max-content;max-width:min(80vw,320px)}.cpick .wpick-opt{white-space:nowrap;display:flex;align-items:center;gap:2px}.wpick-btn{display:flex;align-items:center;gap:10px;width:100%;min-width:0;cursor:pointer;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:15px}.wpick-btn:hover{border-color:var(--accent)}.wpick-cur{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpick-caret{flex:none;color:var(--muted);font-size:.8em;transition:transform .15s ease}.wpick.open .wpick-caret{transform:rotate(180deg)}.wpick-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:100%;max-width:min(92vw,560px);max-height:62vh;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px #0000008c}.wpick-opt{padding:9px 11px;border-radius:8px;cursor:pointer;font-size:14px;color:#cdc3f5;line-height:1.35}.wpick-opt:hover{background:var(--panel2)}.wpick-opt.sel{background:var(--accent);color:#fff}.cpick-ico{vertical-align:-4px;border-radius:5px;flex:none}.cpick-pin{font-size:.95em}.wpick-opt .cpick-ico{vertical-align:-5px;margin-right:2px}.meta{color:var(--muted);font-size:14px}.track{margin-top:26px}.track h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 12px}.pill{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card.more-hidden{display:none}.showmore{display:block;margin:14px auto 0;cursor:pointer;font-size:14px;font-weight:600;color:#cdc3f5;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 18px;transition:border-color .12s,transform .08s}.showmore:hover{border-color:var(--accent);color:#fff;transform:translateY(-1px)}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px 14px;position:relative;overflow:hidden;display:flex;flex-direction:column}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.music .card:before{background:var(--music)}.sports .card:before{background:var(--sports)}.card .anchor{position:absolute;top:7px;right:11px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:700;opacity:0;transition:opacity .12s,color .12s}.card:hover .anchor{opacity:.55}.card .anchor:hover{color:var(--accent);opacity:1}.card.focused{outline:2px solid var(--accent);outline-offset:0;box-shadow:0 0 0 4px #7c5cff47,0 0 22px #7c5cff59}.card.inactive{opacity:.6}.card.inactive:before{filter:grayscale(.7) brightness(.7)}.carried{display:inline-block;margin-top:7px;font-size:11px;color:var(--muted);border:1px dashed var(--line);border-radius:8px;padding:1px 8px}.foot{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start}.acts{display:flex;gap:8px;padding-top:11px;flex-wrap:wrap;align-self:flex-start}.btn{font-size:12px;font-weight:600;text-decoration:none;color:#cdc3f5;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:4px 11px;transition:border-color .12s,color .12s,transform .08s}.btn:hover{border-color:var(--accent);color:#fff;transform:translateY(-1px)}.btn.tix{color:#9affd0;border-color:#1f6e45}.btn.tix:hover{border-color:#27d3a2}.btn.tix b{font-weight:750;color:#c9ffe6}.btn.tix.free{color:#ffe27a;border-color:#5a4d1f}.btn.tix.free b{color:#ffe27a}.btn.tix.free:hover{border-color:#ffe27a}.btn.nolink{pointer-events:none}.btn.ph{visibility:hidden}.cat{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.name{font-weight:650;margin:3px 0 6px;line-height:1.25}.name a{color:var(--ink);text-decoration:none;border-bottom:1px dotted var(--muted)}.when{font-size:14px;color:#d7cffb}.why{font-size:12.5px;font-style:italic;color:#b9aee8;margin-top:8px;padding-left:9px;border-left:2px solid var(--accent);line-height:1.4}.price{align-self:flex-start;margin-top:11px;font-size:12px;font-weight:650;color:#9affd0;background:#10331f;border:1px solid #1f6e45;border-radius:8px;padding:1px 8px}.price.free{color:#ffe27a;background:#33301a;border-color:#5a4d1f}.where{font-size:13px;color:var(--muted);margin-top:2px;align-self:flex-start}.where .om{color:var(--accent);text-decoration:none;white-space:nowrap}.where .om:hover{text-decoration:underline}.tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:#c8bdf2;cursor:default}.tag.free,.tag.outdoor,.tag.daytime{color:#ffe27a;border-color:#5a4d1f}.tag.headliner{color:#ff9ad1;border-color:#5a2347}.cloud{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-top:16px}.cloud .clabel{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-right:4px}@media (max-width:640px){.cloud{gap:6px 7px;padding:11px 12px}.cloud .chip{font-size:11.5px!important;padding:2px 9px}.cloud .clabel{width:100%;margin-bottom:1px}}.chip{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:3px 12px;color:#cdc3f5;background:var(--panel2);line-height:1.3;transition:transform .08s ease,border-color .12s ease}.chip:hover{transform:translateY(-1px);border-color:var(--accent)}.chip .n{color:var(--muted);font-size:.72em;margin-left:5px}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.chip.clear{color:var(--muted);border-style:dashed}.chip.chip-hidden{display:none}.chip.morechip{color:var(--accent);border-style:dashed;border-color:var(--accent)}footer{max-width:920px;margin:0 auto;padding:0 20px calc(env(safe-area-inset-bottom,0px) + 40px);color:var(--muted);font-size:13px}a{color:var(--accent)}.empty{color:var(--muted);padding:30px 0}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:56px 24px;color:var(--muted)}.state-title{font-size:16px;font-weight:600;color:var(--ink)}.state-detail{font-size:13.5px;line-height:1.5;color:var(--muted);max-width:340px;word-break:break-word}.state.empty{color:var(--muted);padding:48px 24px}.state .state-icon{font-size:30px;line-height:1}.upset-owl{width:150px;height:auto;display:block;filter:drop-shadow(0 8px 22px rgba(160,107,255,.35))}.state.error .state-title{color:#ffb4d0}.retry{margin-top:6px;cursor:pointer;font-weight:600;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:9px 18px;font-size:14px;transition:transform .12s ease,filter .12s ease}.retry:hover{filter:brightness(1.08);transform:translateY(-1px)}.retry:active{transform:translateY(0)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:ps-spin .8s linear infinite}@keyframes ps-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:16px;overflow:hidden}.ptabs{display:flex;border-bottom:1px solid var(--line)}.ptab{flex:1;padding:11px 8px;font-size:14px;font-weight:600;cursor:pointer;background:var(--panel2);color:#cdc3f5;border:none;border-right:1px solid var(--line);transition:background .12s,color .12s}.ptab:last-child{border-right:none}.ptab:hover{color:#fff}.ptab.on{background:var(--accent);color:#fff}.pslides{overflow:hidden}.ptrack{display:flex;align-items:stretch;transition:transform .28s ease;will-change:transform}.pslide{flex:0 0 100%;min-width:100%;padding:14px 16px}.voice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px}.mic{width:112px;height:112px;border-radius:50%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 36%,#211443,#0c0a14 72%);border:1px solid #3a2d6b;box-shadow:0 0 24px #7c5cff73,inset 0 0 20px #7c5cff29;transition:transform .08s,box-shadow .2s;outline:none;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.mic *{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.mic .neon-mic{width:62px;height:auto;display:block}.mic:disabled{opacity:.6;cursor:default}.mic.on{transform:scale(1.05);animation:micpulse 1.1s ease-in-out infinite}@keyframes micpulse{0%,to{box-shadow:0 0 30px #7c5cff80,inset 0 0 22px #7c5cff33}50%{box-shadow:0 0 46px #ff3ca6b3,inset 0 0 26px #ff3ca64d}}.voice-hint{font-size:13px;color:var(--muted);text-align:center;max-width:90%}.textpref{display:flex;flex-direction:column;gap:10px}.textpref textarea{width:100%;resize:vertical;font:inherit;font-size:14px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.textpref textarea:focus{outline:none;border-color:var(--accent)}.sortbtn{align-self:flex-end;cursor:pointer;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:9px 18px}.sortbtn:disabled{opacity:.5;cursor:default}.rankbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:var(--panel2);font-size:13px;color:#d7cffb}.ctxtext{flex:1 1 auto;line-height:1.4}.rankbar b{color:#fff}.rankerr{color:#ff9ad1}.rankclear{flex:none;cursor:pointer;font-size:12px;color:var(--muted);background:none;border:none;white-space:nowrap}.rankclear:hover{color:#fff}.card .rankbadge{position:absolute;top:8px;right:9px;z-index:3;font-size:11px;font-weight:750;line-height:1;letter-spacing:.2px;padding:3px 8px;border-radius:999px;color:#cdc3f5;background:var(--panel2);border:1px solid var(--line)}.card .rankbadge.top{color:#1a1030;border:none;background:linear-gradient(90deg,#ffd76a,#ff9ad1);box-shadow:0 0 12px #ff9ad18c}.card.match{border-color:#4a3d7a}.card.topmatch{border-color:var(--accent);box-shadow:0 0 0 1px #7c5cff8c,0 0 20px #7c5cff52}.card.match .name{padding-right:38px}.mypref{display:flex;flex-direction:column;gap:10px;padding:2px 0}.mypref-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.mypref-text{margin:0;font-size:14px;line-height:1.5;color:#d7cffb}.mypref-empty{font-size:13.5px;line-height:1.5;color:var(--muted)}.mypref-empty b{color:#cdc3f5}.sortbtn.ghost{align-self:flex-start;background:var(--panel2);color:#cdc3f5;border:1px solid var(--line)}.sortbtn.ghost:hover{border-color:var(--accent);color:#fff}