@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility}html{background:#050808;min-width:320px}body{min-width:320px;min-height:100vh}:root{--bg:#05070b;--bg-soft:#080d13;--surface:#0b121bd1;--surface-raised:#101b26eb;--text:#edf7f4;--muted:#84949f;--muted-bright:#b3c2c6;--line:#88aab12e;--line-strong:#5ce6ff57;--cyan:#5ce6ff;--teal:#14f195;--violet:#9945ff;--acid:#5df6b6;--rose:#ff76c8;--mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display:"Space Grotesk", Inter, system-ui, sans-serif;color:var(--text);font-family:var(--display);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle at 76% 7%,#45d6ff1c,#0000 26rem),radial-gradient(circle at 9% 78%,#815cff1a,#0000 30rem),linear-gradient(#070b11 0%,#05070b 47%,#06090e 100%);margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.42;background-image:linear-gradient(#80bdc407 1px,#0000 1px),linear-gradient(90deg,#80bdc407 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 84%);mask-image:linear-gradient(#000,#0000 84%)}body::selection{color:var(--bg);background:var(--acid)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{border-left:1px solid var(--line);background:#05080c}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--cyan), var(--violet) 52%, var(--teal));border:3px solid #05080c;border-radius:999px}.shell{width:min(1220px,100% - 64px);margin:0 auto;padding:26px 0 48px;position:relative}.grid-noise{z-index:-1;pointer-events:none;opacity:.13;background-image:radial-gradient(#ffffff61 .5px,#0000 .5px);background-size:4px 4px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:46px;padding:0 0 18px;display:flex}.brand{background:#09121bb8;border:1px solid #5ce6ff47;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 0 24px #5ce6ff1a}.brand:hover{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 0 28px #14f19533}.brand-orb{object-fit:cover;filter:saturate(1.2);border-radius:50%;width:26px;height:26px}.header-nav{align-items:center;gap:5px;margin-left:26px;margin-right:auto;display:flex}.header-link{color:var(--muted);font:500 10px var(--mono);text-transform:capitalize;background:0 0;border:0;border-radius:5px;padding:8px 11px;transition:color .2s,background .2s}.header-link:hover,.header-link.active{color:var(--text);background:#5ce6ff14}.top-meta{color:var(--muted);font:500 10px var(--mono);letter-spacing:.11em;align-items:center;gap:9px;display:flex}.live-dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 0 4px #14f19514, 0 0 16px var(--teal);border-radius:50%;animation:2.2s ease-in-out infinite blink}.network{color:var(--cyan);border:0;border-left:1px solid var(--line);font:inherit;letter-spacing:.11em;background:0 0;margin-left:9px;padding:8px 0 8px 18px}.hero{grid-template-columns:minmax(390px,.85fr) 1.15fr;align-items:center;min-height:650px;display:grid;position:relative}.hero-copy{z-index:1;max-width:650px;padding:72px 0 76px;position:relative}.hero h1{color:#f6fbf8;letter-spacing:-.105em;text-shadow:0 0 42px #5ce6ff1a;max-width:680px;margin:0 0 30px;font-size:clamp(70px,10vw,132px);font-weight:600;line-height:.83}.hero h1 span,.details h2{color:#0000;background:linear-gradient(105deg, var(--cyan) 0%, #b7f9df 38%, var(--violet) 86%);filter:drop-shadow(0 0 16px #5ce6ff33);-webkit-background-clip:text;background-clip:text}.intro{max-width:500px;color:var(--muted-bright);margin:0 0 34px;font-size:17px;line-height:1.6}.resolver{gap:9px;width:min(615px,100%);display:flex}.input-wrap{background:#060e15c7;border:1px solid #5ce6ff47;border-radius:8px;flex:1;align-items:center;min-width:0;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;box-shadow:inset 0 0 24px #5ce6ff09,0 14px 32px #00000024}.input-wrap>span{color:var(--violet);font:18px var(--mono);padding-left:16px}.resolver input{width:100%;min-width:0;color:var(--text);font:12px var(--mono);background:0 0;border:0;outline:0;padding:17px 15px}.resolver input::placeholder{color:#71828c}.input-wrap:focus-within{border-color:var(--cyan);background:#08131cf0;box-shadow:0 0 0 3px #5ce6ff14,0 0 28px #5ce6ff21}.resolver button,.ghost-button,.source-button,.play-button{border:1px solid #0000;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.resolver button{color:#06140f;border-color:var(--acid);background:linear-gradient(135deg, var(--teal), var(--acid));min-width:128px;font:600 10px var(--mono);letter-spacing:.08em;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:0 17px;display:flex;box-shadow:0 0 24px #14f1952b}.resolver button span{font-size:17px}.resolver button:hover,.ghost-button:hover,.source-button:hover,.play-button:hover{transform:translateY(-2px)}.resolver button:hover{box-shadow:0 8px 30px #14f1953b}.resolver button:disabled{cursor:wait;opacity:.55;transform:none}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;display:flex}.ghost-button,.source-button{color:var(--teal);font:500 9px var(--mono);letter-spacing:.09em;background:#0a131ba3;border-color:#14f19547;border-radius:6px;padding:10px 13px}.ghost-button:hover,.source-button:hover{border-color:var(--teal);box-shadow:0 8px 24px #14f1951f}.ghost-button span{color:var(--violet);margin-left:7px}.file-button{cursor:pointer;align-items:center;display:inline-flex;position:relative}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.error{color:#ffc0d2;border:1px solid #ff76c84d;border-left:2px solid var(--rose);width:min(615px,100%);font:11px/1.6 var(--mono);background:#2f0d20a8;border-radius:8px;gap:12px;margin-top:22px;padding:14px 15px;display:flex;box-shadow:0 14px 32px #00000024}.error>span{color:var(--rose);font-size:17px;line-height:1}.error strong{color:var(--rose);letter-spacing:.02em;font-size:10px}.hero-stage{height:590px;margin-right:-112px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18% 90%,#0000 100%)}.hero-stage:before{z-index:1;pointer-events:none;content:"";border:1px solid #5ce6ff1f;border-radius:50%;position:absolute;inset:10% 8% 12% 16%;transform:rotate(-16deg);box-shadow:0 0 80px #5ce6ff14,inset 0 0 50px #9b7bff0d}.hero-stage:after{z-index:2;pointer-events:none;content:"";background:radial-gradient(ellipse at 59% 48%, transparent 31%, #05070b0a 52%, var(--bg) 82%);position:absolute;inset:0}.hero-stage img{object-fit:cover;object-position:center;mix-blend-mode:screen;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wave-art{z-index:0;opacity:.48;filter:saturate(1.2)contrast(1.08)}.speaker-art{z-index:1;object-position:center;opacity:.83;filter:saturate(1.16)contrast(1.08);width:125%!important}.stage-ring{z-index:3;opacity:.3;border:1px solid #5ce6ff8f;border-radius:50%;width:386px;height:386px;position:absolute;top:104px;left:55%;transform:translate(-50%)}.ring-one{animation:11s linear infinite orbit;box-shadow:0 0 26px #5ce6ff24}.ring-two{border-color:#9b7bff73;width:448px;height:448px;animation:16s linear infinite orbit-reverse;top:74px}.scan-line{z-index:4;background:linear-gradient(90deg, transparent, var(--teal), transparent);width:65%;height:1px;box-shadow:0 0 14px var(--teal);animation:4.8s ease-in-out infinite scan;position:absolute;top:48%;left:27%}.empty,.player-card,.site-footer{border:1px solid var(--line);background:linear-gradient(135deg,#101c27c2,#070c12e6);border-radius:16px;box-shadow:inset 0 0 70px #5ce6ff06,0 22px 70px #00000038}.empty{justify-content:center;align-items:center;gap:30px;min-height:300px;margin-top:58px;padding:28px;display:flex}.empty-orbit{border:1px solid #5ce6ff5c;border-radius:50%;width:170px;height:170px;position:relative;overflow:hidden;box-shadow:0 0 36px #5ce6ff1f,inset 0 0 26px #9b7bff21}.empty-orbit:before,.empty-orbit:after{content:"";border:1px solid #14f19545;border-radius:50%;animation:7s linear infinite orbit;position:absolute;inset:13px}.empty-orbit:after{border-color:#9b7bff61;animation-duration:11s;animation-direction:reverse;inset:28px}.empty-orbit img{object-fit:cover;object-position:73% center;opacity:.68;mix-blend-mode:screen;width:280px;max-width:none;height:170px}.empty-orbit>span{z-index:2;color:var(--acid);text-shadow:0 0 18px var(--acid);animation:2.4s infinite blink;position:absolute;top:72px;left:79px}.empty p{color:var(--text);font:500 12px var(--mono);letter-spacing:.11em;margin:0 0 9px}.empty>div:last-child>span{color:var(--muted);font:11px var(--mono)}.player-card{margin-top:58px;padding:22px}.player-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.player-context{color:var(--muted);font:500 10px var(--mono);letter-spacing:.1em;text-transform:capitalize}.source-button{color:var(--cyan);border-color:#5ce6ff47}.player-main{grid-template-columns:310px 1fr;gap:34px;padding:26px 0 30px;display:grid}.art{aspect-ratio:1;background:#05080c;border:1px solid #5ce6ff61;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 36px #5ce6ff21}.art:before{z-index:1;pointer-events:none;content:"";border:1px solid #ffffff1f;border-radius:10px;position:absolute;inset:10px}.art:after{z-index:2;pointer-events:none;content:"";background:linear-gradient(145deg,#5ce6ff1f,#0000 43%,#9b7bff38);position:absolute;inset:0}.art img{object-fit:cover;width:100%;height:100%}.details{flex-direction:column;justify-content:center;min-width:0;display:flex}.track-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.details h2{letter-spacing:-.075em;margin:0 0 11px;font-size:clamp(34px,5vw,62px);font-weight:600;line-height:.95}.details p{color:var(--muted);font:10px var(--mono);margin:0}.verified{color:var(--teal);margin-left:10px}.play-button{color:#07100f;background:linear-gradient(135deg, var(--cyan), var(--teal));border-radius:50%;flex:none;width:58px;height:58px;font-size:19px;box-shadow:0 0 28px #5ce6ff3d}.play-button.is-playing{background:linear-gradient(135deg, var(--violet), var(--cyan))}.visualizer{border-top:1px solid #5ce6ff1f;border-bottom:1px solid #5ce6ff1f;align-items:center;gap:3px;height:76px;margin:25px 0 13px;padding:0 4px;display:flex}.visualizer i{min-height:5px;height:var(--bar);opacity:.4;background:linear-gradient(to top, var(--violet), var(--cyan) 62%, var(--acid));animation:bars 1s ease-in-out var(--delay) infinite alternate paused;flex:1;box-shadow:0 0 8px #5ce6ff33}.visualizer.is-playing i{opacity:.94;animation-play-state:running}.details audio{filter:invert()hue-rotate(145deg)saturate(1.4);width:100%;height:37px;margin-top:5px}.playlist{border-top:1px solid var(--line);padding-top:8px}.playlist button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-bottom:1px solid #88aab11a;grid-template-columns:45px 1fr 100px 25px;align-items:center;padding:13px 10px;transition:background .2s,color .2s;display:grid}.playlist button:hover,.playlist button.selected{color:var(--text);background:linear-gradient(90deg,#5ce6ff17,#0000)}.playlist button.selected{border-radius:6px}.playlist button>span{color:var(--violet);font:10px var(--mono)}.playlist strong{color:inherit;font:500 12px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist button.selected strong{color:var(--acid)}.playlist small{color:#5f757c;font:8px var(--mono);letter-spacing:.08em}.playlist em{color:var(--cyan);text-align:right;font-style:normal}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:580px;font:10px var(--mono)}th,td{text-align:left;border-bottom:1px solid #88aab121;padding:15px 12px}th{color:#60777e;letter-spacing:.14em;font-size:8px}td{color:#b7c6c8}td:first-child{color:var(--violet)}td:nth-child(2){color:var(--cyan)}.table-state{color:var(--teal);letter-spacing:.08em;font-size:8px}.table-state i{background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 10px}.site-footer{border:1px solid var(--line);background:linear-gradient(135deg,#101c27b3,#070c12e6);border-radius:16px;margin-top:28px;padding:24px;display:block;box-shadow:inset 0 0 70px #5ce6ff06,0 22px 70px #0003}.footer-top{justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:20px;display:flex}.footer-top h2{color:var(--text);letter-spacing:-.05em;margin:0 0 6px;font-size:24px;font-weight:500}.footer-top p{color:var(--muted);font:10px var(--mono);margin:0}.footer-action{color:var(--cyan);font:500 9px var(--mono);background:#081119b3;border:1px solid #5ce6ff47;border-radius:6px;padding:9px 12px;transition:color .2s,border-color .2s,background .2s}.footer-action:hover{color:var(--acid);border-color:var(--acid);background:#14f1950f}.status-table{min-width:0}.status-table tbody tr{cursor:pointer;transition:background .2s}.status-table tbody tr:hover,.status-table tbody tr:focus-visible{background:#5ce6ff0f;outline:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.38}}@keyframes orbit{to{transform:translate(-50%)rotate(360deg)}}@keyframes orbit-reverse{to{transform:translate(-50%)rotate(-360deg)}}@keyframes scan{0%,to{opacity:0;transform:translateY(-105px)}42%,66%{opacity:.8}}@keyframes bars{0%{transform:scaleY(.42)}to{transform:scaleY(1)}}@media (width<=900px){.shell{width:min(100% - 42px,1220px)}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:640px;padding:84px 0 58px}.hero-stage{opacity:.48;height:540px;position:absolute;inset:55px -120px auto 28%}.hero h1,.intro,.resolver,.error{position:relative}.player-main{grid-template-columns:245px 1fr;gap:25px}}@media (width<=600px){.shell{width:min(100% - 28px,1220px);padding-top:18px}.topbar{align-items:flex-start}.top-meta{font-size:0}.top-meta .live-dot{width:6px;height:6px}.network{display:none}.hero-copy{padding-top:64px}.hero h1{margin-bottom:25px;font-size:clamp(62px,19vw,100px)}.intro{margin-bottom:28px;font-size:15px}.resolver{flex-direction:column}.resolver button{min-height:51px;padding:0 16px}.hero-actions{gap:9px}.hero-stage{opacity:.35;height:470px;inset:20px -145px auto 5%}.empty{text-align:center;flex-direction:column;min-height:320px;padding:28px 19px}.player-card{padding:14px}.player-topline{align-items:flex-start}.player-main{grid-template-columns:1fr;gap:24px;padding-top:20px}.art{width:min(100%,290px)}.details h2{font-size:39px}.playlist button{grid-template-columns:36px 1fr 25px}.playlist small{display:none}.site-footer{padding:18px 14px}.footer-top{flex-direction:column}.status-table{min-width:450px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}