:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f8ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070b17;--panel:#11172adb;--panel-strong:#11182c;--panel-soft:#ffffff0b;--line:#ffffff17;--text:#f7f8ff;--muted:#97a1bb;--purple:#8b5cf6;--purple-light:#a78bfa;--cyan:#33d6c6;--pink:#f472b6;--good:#3ddc97;--warn:#f4c15d;--bad:#fb7185;--shadow:0 30px 80px #0000005c;background:#070b17;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%,#5e44db38,#0000 32rem),radial-gradient(circle at 88% 22%,#10b9811c,#0000 28rem),linear-gradient(#070b17 0%,#090d1b 48%,#070a13 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070b17c7;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 740px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:inline-flex}.brand__mark{background:linear-gradient(135deg, var(--purple), #5b35d5 60%, #2d1a80);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 30px #8b5cf661,inset 0 1px #fff3}.brand>span:last-child{line-height:1.05;display:grid}.brand strong{letter-spacing:.01em;font-size:16px}.brand small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-top:4px;font-size:10px}.topbar__status{border:1px solid var(--line);color:#cbd3e7;background:#ffffff09;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:flex}.live-dot{background:var(--good);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #3ddc9717,0 0 14px #3ddc97cc}.page-grid{grid-template-columns:minmax(0,1fr) 390px;gap:28px;width:min(1480px,100% - 48px);margin:0 auto;padding:30px 0 54px;display:grid}.content-column,.player-column{min-width:0}.player-column{align-content:start;gap:20px;height:fit-content;display:grid;position:sticky;top:96px}.hero-card{background:linear-gradient(125deg, #1f1745fa, #121830f0 58%, #0a1d24eb), var(--panel-strong);min-height:310px;box-shadow:var(--shadow);border:1px solid #ffffff1a;border-radius:28px;grid-template-columns:minmax(0,1fr) 350px;display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 90%);mask-image:linear-gradient(90deg,#000,#0000 90%)}.hero-card__content{z-index:2;padding:44px 10px 38px 44px;position:relative}.eyebrow,.section-kicker{color:var(--purple-light);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.eyebrow{background:#8b5cf614;border:1px solid #a78bfa38;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}.hero-card h1{letter-spacing:-.055em;max-width:670px;margin:20px 0 12px;font-size:clamp(36px,5vw,64px);line-height:.98}.hero-card h1 em{color:#0000;background:linear-gradient(90deg,#bca7ff,#69eadc);-webkit-background-clip:text;background-clip:text;font-style:normal;display:inline-block}.hero-card p{color:#aeb8d1;max-width:610px;margin:0;font-size:15px;line-height:1.75}.search-box{background:#070b17b8;border:1px solid #ffffff1c;border-radius:18px;align-items:center;gap:12px;width:min(720px,100%);margin-top:28px;padding:7px 7px 7px 17px;display:flex;box-shadow:0 18px 45px #00000047,inset 0 1px #ffffff0a}.search-box>svg{color:#7f8aa5;flex:none}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:11px 0}.search-box input::placeholder{color:#69738d}.search-box button{cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d42e8);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-width:112px;padding:12px 18px;font-weight:750;transition:transform .18s,filter .18s;display:inline-flex;box-shadow:0 10px 30px #6d42e857}.search-box button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.search-box button:disabled{opacity:.72;cursor:wait}.quick-searches{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.quick-searches>span{color:#6f7a95;font-size:11px}.quick-searches button{color:#aeb8d1;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-size:11px}.quick-searches button:hover{color:#fff;background:#8b5cf61a;border-color:#a78bfa4d}.hero-visual{min-height:100%;position:relative;overflow:hidden}.hero-visual:before{content:"";background:radial-gradient(circle,#43dbcd2e,#0000 58%);position:absolute;inset:5% -30% -20% 0}.disc{aspect-ratio:1;border-radius:50%;position:absolute}.disc--back{opacity:.66;background:repeating-radial-gradient(circle,#0c1020 0 4px,#151a2d 5px 7px);width:280px;top:20px;right:8px;transform:rotate(-8deg);box-shadow:0 25px 60px #0000008c}.disc--front{background:repeating-radial-gradient(circle,#0e1324 0 3px,#20263b 4px 6px);width:220px;top:64px;right:58px;box-shadow:0 28px 80px #0000009e}.disc--front:after{content:"";background:linear-gradient(135deg,#8b5cf6,#30d8c7);border-radius:50%;position:absolute;inset:32%;box-shadow:inset 0 0 0 11px #090c1766}.disc--front i{z-index:2;background:#e8eafe;border-radius:50%;position:absolute;inset:47%}.disc--front b{border:1px solid #ffffff0d;border-radius:50%;position:absolute;inset:6%}.wave{background:linear-gradient(180deg, var(--cyan), var(--purple));opacity:.85;border-radius:999px;width:3px;position:absolute;bottom:28px}.wave--1{height:72px;left:58%;box-shadow:14px 20px 0 -1px #5ab9db,28px -8px 0 -1px #7561ed,42px 30px 0 -1px #3cd4bf,56px 4px 0 -1px #9e77f5,70px 42px 0 -1px #59c9ce,84px 10px 0 -1px #8662f2}.wave--2,.wave--3{display:none}.notice{border:1px solid var(--line);color:#bcc5d9;background:#ffffff07;border-radius:15px;align-items:center;gap:11px;min-height:48px;margin:16px 0 8px;padding:12px 15px;font-size:13px;display:flex}.notice__icon{background:#ffffff0d;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.notice--good{background:#3ddc970b;border-color:#3ddc9726}.notice--good .notice__icon{color:var(--good);background:#3ddc971a}.notice--warn{background:#f4c15d0b;border-color:#f4c15d2e}.notice--warn .notice__icon{color:var(--warn);background:#f4c15d1a}.notice--bad{background:#fb71850b;border-color:#fb718533}.notice--bad .notice__icon{color:var(--bad);background:#fb71851a}.notice--progress .notice__icon{color:var(--purple-light)}.results-section{margin-top:28px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.section-heading h2,.now-playing-card h2{letter-spacing:-.025em;margin:4px 0 0;font-size:21px}.provider-summary{color:#8f99b0;flex-wrap:wrap;justify-content:flex-end;gap:9px;font-size:11px;display:flex}.provider-summary span{border:1px solid var(--line);background:#ffffff09;border-radius:999px;padding:6px 9px}.provider-summary__warn{color:var(--warn)}.empty-state{text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:22px;justify-items:center;padding:58px 24px;display:grid}.empty-state__icon{width:68px;height:68px;color:var(--purple-light);background:linear-gradient(135deg,#8b5cf62e,#33d6c614);border:1px solid #a78bfa29;border-radius:22px;place-items:center;margin-bottom:17px;display:grid}.empty-state strong{font-size:18px}.empty-state p{max-width:550px;color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.7}.principles{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px;display:flex}.principles span{color:#aeb8cc;background:#ffffff09;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:flex}.song-list{border:1px solid var(--line);background:#0d1222bd;border-radius:21px;overflow:hidden;box-shadow:0 24px 70px #0003}.song-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0e;grid-template-columns:38px 46px minmax(180px,1fr) 115px 88px 58px 42px;align-items:center;gap:12px;width:100%;padding:11px 14px;transition:background .16s,transform .16s;display:grid}.song-row:last-child{border-bottom:0}.song-row:hover:not(:disabled),.song-row--active{background:linear-gradient(90deg,#8b5cf61a,#33d6c609)}.song-row:disabled{cursor:wait;opacity:.78}.song-row__index{color:#626d87;font-variant-numeric:tabular-nums;place-items:center;font-size:11px;display:grid}.song-row__meta{gap:4px;min-width:0;display:grid}.song-row__meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.song-row__meta small{text-overflow:ellipsis;white-space:nowrap;color:#7f89a1;font-size:11px;overflow:hidden}.song-row__confidence{gap:6px;display:grid}.song-row__confidence i{background:#ffffff12;border-radius:999px;width:100%;height:3px;position:relative;overflow:hidden}.song-row__confidence i:after{content:"";width:var(--confidence);border-radius:inherit;background:linear-gradient(90deg, var(--purple), var(--cyan));height:100%;display:block}.song-row__confidence small,.song-row__sources,.song-row__duration{color:#7f89a1;font-size:10px}.song-row__duration{text-align:right;font-variant-numeric:tabular-nums}.song-row__play{color:#d7d9ff;background:#8b5cf61f;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.song-row--active .song-row__play{color:#fff;background:linear-gradient(135deg, var(--purple), #6f47df);box-shadow:0 8px 25px #8b5cf647}.artwork{color:#fffc;background:linear-gradient(135deg,#37305f,#1c2850 55%,#14564e);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.artwork img{object-fit:cover;width:100%;height:100%}.artwork__glow{filter:blur(9px);background:radial-gradient(circle at 30% 30%,#a78bfa99,#0000 38%),radial-gradient(circle at 74% 72%,#33d6c666,#0000 42%);position:absolute;inset:-20%}.artwork svg{z-index:1;position:relative}.artwork--small{border-radius:12px;width:46px;height:46px}.artwork--medium{border-radius:18px;width:84px;height:84px}.artwork--large{aspect-ratio:1;border-radius:26px;width:min(280px,78vw);box-shadow:0 26px 70px #0000006b}.now-playing-card,.health-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#141b31f0,#0c111ff5);border-radius:25px}.now-playing-card{padding:22px}.now-playing-card__header,.health-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);color:#8f99b0;cursor:pointer;background:#ffffff09;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.icon-button--liked{color:#ff7aaa;background:#f472b61a;border-color:#f472b633}.now-playing-art{justify-items:center;margin:22px 0 18px;display:grid;position:relative}.now-playing-art__badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#dce1f3;background:#080c19e0;border:1px solid #ffffff21;border-radius:999px;padding:7px 10px;font-size:10px;position:absolute;bottom:-9px;right:22px;box-shadow:0 12px 30px #0000004d}.now-playing-title{text-align:center}.now-playing-title h3{letter-spacing:-.025em;margin:0;font-size:21px}.now-playing-title p{color:var(--muted);margin:7px 0 0;font-size:12px}.player-placeholder{text-align:center;justify-items:center;padding:26px 10px 12px;display:grid}.player-placeholder__orb{color:#c7b8ff;background:#8b5cf61c;border:1px solid #a78bfa26;border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:15px;display:grid}.player-placeholder strong{font-size:14px}.player-placeholder span{max-width:270px;color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6}.embed-shell{aspect-ratio:16/9;background:#05070d;border-radius:17px;margin-top:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.embed-shell iframe{border:0;width:100%;height:100%}.embed-shell--soundcloud{aspect-ratio:auto;height:166px}.audio-shell{border:1px solid var(--line);background:#ffffff06;border-radius:16px;margin-top:20px;padding:13px}.audio-shell audio{width:100%;height:42px;display:block}.audio-loading{align-items:center;gap:12px;min-height:52px;padding:0 5px;display:flex}.audio-loading>div{gap:4px;display:grid}.audio-loading strong{font-size:12px}.audio-loading small{color:var(--muted);font-size:10px}.audio-loading--error{color:var(--warn)}.unsupported{color:var(--bad);background:#fb718512;border-radius:14px;margin-top:20px;padding:16px;font-size:12px}.current-source{border:1px solid var(--line);background:#ffffff06;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:13px 14px;display:flex}.current-source>div{align-items:center;gap:9px;min-width:0;display:flex}.current-source>div>span:last-child,.current-source>span{color:#8892aa;font-size:10px}.provider-badge{color:#aeb6cb;white-space:nowrap;align-items:center;gap:6px;width:fit-content;font-size:10px;display:inline-flex}.provider-badge b{color:#ddd5ff;letter-spacing:.02em;background:#8b5cf621;border-radius:8px;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.provider-badge--active b{background:linear-gradient(135deg, var(--purple), #5b38cf);color:#fff;box-shadow:0 7px 16px #8b5cf63d}.source-rail{gap:7px;margin-top:14px;display:grid}.source-node{color:#707a92;background:#ffffff05;border-radius:12px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;display:grid}.source-node>span{background:#ffffff0b;border-radius:7px;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.source-node>div{gap:2px;min-width:0;display:grid}.source-node strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.source-node small{color:#626c83;font-size:8px}.source-node--active{color:#ded8ff;background:#8b5cf614}.source-node--active>span{color:#fff;background:#8b5cf63d}.source-node--active svg{color:var(--cyan)}.player-note{color:#707a92;align-items:flex-start;gap:7px;margin:14px 2px 0;font-size:9px;line-height:1.55;display:flex}.player-note svg{flex:none;margin-top:1px}.health-card{padding:18px}.health-card h3{margin:4px 0 0;font-size:16px}.health-list{gap:6px;margin-top:14px;display:grid}.health-row{background:#ffffff06;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.health-row>div:nth-child(2){gap:2px;min-width:0;display:grid}.health-row>div:nth-child(2) strong{font-size:10px}.health-row>div:nth-child(2) small{color:#69738a;font-size:8px}.health-card>p{color:#6e7890;align-items:center;gap:6px;margin:12px 3px 0;font-size:9px;display:flex}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex}.status-pill>span{border-radius:50%;width:5px;height:5px}.status-pill--good{color:#7be9b5;background:#3ddc9714}.status-pill--good>span{background:var(--good)}.status-pill--warn{color:#f6cf7b;background:#f4c15d14}.status-pill--warn>span{background:var(--warn)}.status-pill--bad{color:#ff94a5;background:#fb718514}.status-pill--bad>span{background:var(--bad)}.status-pill--neutral{color:#949eb6;background:#ffffff0a}.status-pill--neutral>span{background:#748098}.spinner{border:2px solid #ffffff29;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.75s linear infinite spin;display:inline-block}.spinner--small{width:15px;height:15px}@keyframes spin{to{transform:rotate(360deg)}}footer{color:#555f76;border-top:1px solid #ffffff0e;justify-content:space-between;gap:20px;width:min(1480px,100% - 48px);margin:0 auto;padding:22px 0 34px;font-size:10px;display:flex}@media (width<=1180px){.page-grid{grid-template-columns:minmax(0,1fr) 340px}.hero-card{grid-template-columns:minmax(0,1fr) 260px}.disc--back{right:-40px}.disc--front{right:0}.song-row{grid-template-columns:34px 44px minmax(160px,1fr) 94px 70px 36px}.song-row__duration{display:none}}@media (width<=940px){.page-grid{grid-template-columns:1fr}.player-column{grid-row:1;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);position:static}.now-playing-card{grid-template-columns:230px minmax(0,1fr);gap:0 22px;display:grid}.now-playing-card__header{grid-column:1/-1}.now-playing-art{grid-row:2/8;align-self:start}.artwork--large{width:220px}.now-playing-title{text-align:left;margin-top:24px}.health-card{align-self:stretch}}@media (width<=760px){.topbar{height:64px;padding:0 16px}.topbar__status{padding:8px 10px;font-size:10px}.page-grid{gap:18px;width:min(100% - 24px,680px);padding-top:14px}.player-column{grid-row:auto;grid-template-columns:1fr}.content-column{grid-row:1}.hero-card{border-radius:22px;min-height:auto;display:block}.hero-card__content{padding:31px 20px 28px}.hero-card h1{font-size:42px}.hero-card p{font-size:13px}.hero-visual{opacity:.2;pointer-events:none;position:absolute;inset:0}.search-box{padding-left:13px}.search-box button{min-width:92px;padding-inline:13px}.quick-searches{max-height:37px;overflow:hidden}.now-playing-card{padding:18px;display:block}.now-playing-art{margin-top:18px}.now-playing-title{text-align:center;margin-top:0}.artwork--large{width:min(260px,72vw)}.section-heading{align-items:start}.song-row{grid-template-columns:28px 44px minmax(0,1fr) 36px;gap:9px;padding:10px 9px}.song-row__confidence,.song-row__sources,.song-row__duration{display:none}.song-row__meta strong{font-size:13px}.provider-summary{max-width:170px}footer{flex-direction:column;gap:6px;width:calc(100% - 28px)}}@media (width<=460px){.brand small{display:none}.topbar__status{background:0 0;border:0;padding-right:0}.hero-card h1{font-size:36px}.search-box{gap:8px}.search-box>svg{display:none}.search-box button{min-width:78px;padding:11px}.search-box button svg{display:none}.notice{font-size:11px}.provider-summary{display:none}}