*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#123447 0,#101929 42%,#070f1d 100%);color:#f7f9ff;font:16px Arial,sans-serif}.listener-page{min-height:100vh;max-width:1600px;margin:auto;padding:24px clamp(16px,4vw,72px) 28px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:64px;height:64px;object-fit:contain}.brand strong,.brand span{display:block}.brand strong{font-size:1.25rem;letter-spacing:.09em}.brand span{color:#28d6e9;font-size:1.05rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:12px}.header-actions button,.header-actions a,.player-links button,.player-links a{font:inherit;cursor:pointer}.live-count{color:#49e7bb;border:1px solid #33455d;background:#1a2b3d;border-radius:999px;padding:10px 14px;white-space:nowrap}.install-button,.round-button,.player-links a,.player-links button{background:#1b2939;border:1px solid #344960;color:#f7f9ff;text-decoration:none}.install-button{border-radius:999px;padding:13px 20px;font-weight:700!important}.round-button{display:grid;place-items:center;border-radius:50%;width:52px;height:52px;font-size:1.5rem;text-align:center}.public-player{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:calc(100svh - 112px);padding:clamp(28px,5vh,64px) 12px 16px}.player-art{width:min(38vw,440px);aspect-ratio:1;min-width:240px;max-width:100%;border-radius:36px;overflow:hidden;box-shadow:0 24px 65px #0008;background:#15283a}.player-art img{display:block;width:100%;height:100%;object-fit:cover}.on-air{margin-top:25px;border:1px solid #1e5c55;border-radius:999px;padding:7px 17px;background:#092b29;color:#48e0b1;font-size:.88rem;font-weight:800;letter-spacing:.17em}.player-meta{max-width:min(800px,100%)}.player-meta h1{font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.08;margin:20px 0 12px;overflow-wrap:anywhere}.player-meta p{font-size:clamp(1.1rem,2vw,1.6rem);color:#9db7d8;margin:0}.player-controls{display:flex;align-items:center;gap:16px;margin-top:24px}.player-controls #publicPlay{border:0;border-radius:50%;width:90px;height:90px;cursor:pointer;background:linear-gradient(140deg,#20d1e4,#2681fa);color:#071624;font-size:2rem;box-shadow:0 0 0 11px #103146}.player-controls .round-button{width:54px;height:54px}#publicVolume{display:block;width:min(390px,75vw);margin-top:32px;accent-color:#1cd1e1}#publicState{color:#92aeca;margin-top:23px}.player-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:44px}.player-links a,.player-links button{border-radius:17px;padding:16px 21px;font-weight:700}.player-links a:hover,.player-links button:hover,.install-button:hover,.round-button:hover{background:#284057}.requests{scroll-margin-top:20px;border:1px solid #24506f;border-radius:18px;padding:24px;background:#091d31}.eyebrow{color:#31d2e2;font-size:.72rem;font-weight:900;letter-spacing:.14em}.requests h2{margin:5px 0;font-size:1.5rem}.requests p{margin:0 0 18px;color:#a5c0d8}.search-row{display:flex;gap:10px}.search-row input{flex:1;min-width:0;border:1px solid #315777;border-radius:9px;background:#061625;color:#fff;padding:13px;font:inherit}.search-row button,.result button{border:0;border-radius:8px;background:#1cc5d8;color:#061522;font-weight:800;cursor:pointer;padding:10px 16px}.result button:disabled{opacity:.55;cursor:wait}#requestMessage{min-height:24px;margin:9px 0;color:#64eab9;font-weight:700}#requestMessage.error{color:#ff8798}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.empty{grid-column:1/-1;border:1px dashed #355975;border-radius:9px;color:#9db8d0;padding:18px}.result{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid #2c4b66;border-radius:10px;background:#0b253c}.result img{width:48px;height:48px;border-radius:6px;object-fit:cover}.result b,.result span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result span{color:#9dbbd4;font-size:.85rem;margin-top:3px}footer{margin:24px auto 0;padding:12px 0 0;width:max-content;max-width:100%;border-top:1px solid #6c542f;text-align:center;color:#e3b263;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 12px #b9803b66}@media(max-width:700px){.listener-page{padding:16px 14px 28px}.brand{gap:8px}.brand img{width:45px;height:45px}.brand strong{font-size:.9rem}.brand span{font-size:.75rem}.header-actions{gap:7px}.header-actions .round-button{width:40px;height:40px;font-size:1.1rem}.live-count{padding:8px;font-size:.8rem}.install-button{padding:9px!important;font-size:.75rem!important}.public-player{min-height:calc(100svh - 80px);padding-top:24px}.player-art{width:min(70vw,360px);min-width:0;border-radius:23px}.on-air{margin-top:22px}.player-meta h1{margin-top:16px}.player-controls{margin-top:24px}.player-controls #publicPlay{width:74px;height:74px}.player-links{gap:8px;padding-top:35px}.player-links a,.player-links button{padding:12px 13px;font-size:.85rem}.requests{padding:15px}.results{grid-template-columns:1fr}.result{grid-template-columns:44px minmax(0,1fr) auto}.result img{width:44px;height:44px}.result button{padding:8px;font-size:.78rem}}@media(max-width:390px){.header-actions .round-button:last-child{display:none}.live-count{display:none}.search-row{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}