.tnp-player{--tnp-bg:#111827;--tnp-border:#344256;--tnp-accent:#4cc9f0;box-sizing:border-box;color:#f8fafc;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tnp-player *{box-sizing:border-box}.tnp-player button{font:inherit;cursor:pointer}.tnp-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;color:#9fb0c5}.tnp-player h2{font-size:25px;margin:4px 0 20px;color:white}.tnp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tnp-station{min-width:0;min-height:64px;text-align:left;padding:11px 12px;background:#1e293b;color:white;border:1px solid var(--tnp-border);border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:3px}.tnp-station strong{font-size:13px}.tnp-station small{font-size:11px;color:#a9b7c8}.tnp-station.is-active{border-color:var(--tnp-accent);background:#143b51}.tnp-station:focus-visible,.tnp-toggle:focus-visible,.tnp-close:focus-visible{outline:3px solid #fff;outline-offset:2px}.tnp-iframe{display:block;width:100%;border:0;background:#fff;border-radius:8px}.tnp-embedded{background:var(--tnp-bg);padding:24px;border-radius:18px;max-width:950px}.tnp-now-playing{background:#1e293b;padding:18px;margin-top:16px;border-radius:12px}.tnp-now-playing .tnp-selected-name{display:block;margin:5px 0 12px;font-size:19px}.tnp-note{font-size:11px;color:#cbd5e1;margin:8px 0 0}
.tnp-sticky{position:fixed;bottom:0;left:0;right:0;z-index:2147483000;background:var(--tnp-bg);border-top:1px solid var(--tnp-border);box-shadow:0 -8px 28px #0006;padding:8px max(14px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.tnp-dock{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.tnp-dock-title{display:flex;gap:11px;align-items:center;min-width:100px}.tnp-dock-title .tnp-selected-name{display:block;font-size:16px;margin-top:2px}.tnp-live-indicator{width:10px;height:10px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #22c55e22;flex-shrink:0}.tnp-toggle,.tnp-close{border:1px solid #506078;border-radius:8px;background:#26364c;color:#fff;padding:9px 12px}.tnp-dock-player{max-width:1200px;margin:8px auto 0}.tnp-sticky .tnp-iframe{height:100px}.tnp-panel{max-width:1200px;margin:10px auto 0;max-height:40vh;overflow-y:auto;padding:12px;background:#172236;border:1px solid var(--tnp-border);border-radius:12px}.tnp-panel[hidden]{display:none}.tnp-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tnp-close{font-size:22px;line-height:1;padding:4px 10px}.tnp-sticky .tnp-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:800px){.tnp-sticky .tnp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tnp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.tnp-sticky .tnp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tnp-station{min-height:54px}.tnp-embedded{padding:16px}.tnp-toggle{font-size:12px}.tnp-dock-title .tnp-selected-name{font-size:14px}}

/* Branded station artwork */
.tnp-station{align-items:center;text-align:center;padding:9px 7px;gap:7px;min-height:110px;justify-content:space-between;border-top:3px solid var(--tnp-station-accent,#4cc9f0)}
.tnp-station[data-station-id="s110387"]{--tnp-station-accent:#df1829}
.tnp-station[data-station-id="s13634"]{--tnp-station-accent:#ce1528}
.tnp-station[data-station-id="s13628"]{--tnp-station-accent:#ed1889}
.tnp-station[data-station-id="s117888"]{--tnp-station-accent:#f4d900}
.tnp-station[data-station-id="s13632"]{--tnp-station-accent:#bd1725}
.tnp-station[data-station-id="s13635"]{--tnp-station-accent:#24b3e5}
.tnp-station[data-station-id="s223888"]{--tnp-station-accent:#f6b700}
.tnp-station.is-active{border-color:var(--tnp-station-accent);background:#233950}
.tnp-logo{display:block;width:100%;height:60px;object-fit:contain;max-width:155px;margin:auto}
.tnp-station-copy{display:flex;flex-direction:column;gap:2px}
.tnp-current-logo{width:92px;height:52px;object-fit:contain;flex-shrink:0}
.tnp-now-playing .tnp-current-logo{display:block;width:150px;height:80px;object-fit:contain;margin-bottom:7px}
.tnp-live-indicator{display:inline-block;width:7px;height:7px;vertical-align:middle;margin-right:4px}
.tnp-sticky .tnp-station{min-height:96px}
.tnp-sticky .tnp-logo{height:52px}
@media(max-width:480px){.tnp-dock-title .tnp-current-logo{width:70px;height:42px}.tnp-station{min-height:95px}.tnp-logo{height:48px}.tnp-sticky .tnp-station{min-height:95px}}

/* Version 1.3: compact logos, brighter network styling */
.tnp-player{--tnp-bg:#0b1024;--tnp-border:#35446a;--tnp-accent:#33c6ec}
.tnp-embedded{background:linear-gradient(135deg,#111d42 0%,#15152f 60%,#25153a 100%);box-shadow:0 15px 45px #080b2040}
.tnp-sticky{background:linear-gradient(105deg,#0d1734,#171332 65%,#281431);border-top:2px solid #32bfe7}
.tnp-panel{background:linear-gradient(145deg,#141f42,#24182e)}
.tnp-station{min-height:83px;padding:8px 6px;gap:3px;border-radius:12px;background:#ffffff0b;border:1px solid #ffffff29;border-top:3px solid var(--tnp-station-accent)}
.tnp-station:hover{background:#ffffff19;transform:translateY(-1px)}
.tnp-station.is-active{background:color-mix(in srgb,var(--tnp-station-accent) 17%,#101c37);border-color:var(--tnp-station-accent)}
.tnp-logo,.tnp-sticky .tnp-logo{height:34px;width:100%;max-width:95px;object-fit:contain}
.tnp-station strong{font-size:11px;line-height:1.2}.tnp-station small{font-size:10px}
.tnp-sticky .tnp-station{min-height:78px}
.tnp-current-logo{width:65px;height:40px}
.tnp-now-playing{background:#ffffff0c;border:1px solid #ffffff22}
.tnp-now-playing .tnp-current-logo{width:105px;height:55px}
.tnp-toggle{background:linear-gradient(90deg,#2163a8,#6e2a9b);border-color:#ffffff33}
.tnp-player .tnp-iframe{height:100px}
@media(max-width:480px){.tnp-logo,.tnp-sticky .tnp-logo{height:30px}.tnp-station,.tnp-sticky .tnp-station{min-height:73px}.tnp-dock-title .tnp-current-logo{width:55px;height:36px}}

/* v1.4 — Guardian Media corporate endorsement tile */
.tnp-gml-tile{min-width:0;min-height:83px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:12px;background:linear-gradient(150deg,#fff,#eaf0f9);border:1px solid #cbd5e1;color:#27334c;text-align:center;box-shadow:inset 0 1px 0 #fff}
.tnp-gml-eyebrow{font-size:9px;font-weight:850;letter-spacing:.13em;color:#48546d}
.tnp-gml-logo-wrap{background:#fff;border-radius:5px;width:100%;max-width:150px;padding:3px 5px}
.tnp-gml-logo-wrap img{width:100%;height:39px;object-fit:contain;display:block}

.tnp-sticky .tnp-gml-tile{min-height:78px}
@media(max-width:480px){.tnp-gml-tile{min-height:73px}.tnp-gml-logo-wrap img{height:30px}}

/* Listener messaging */
.tnp-contact{margin-top:15px;padding:15px;border:1px solid #36506d;border-radius:13px;background:linear-gradient(120deg,#18334a,#1b2441);color:#fff}
.tnp-contact-heading{display:flex;align-items:center;gap:8px;font-size:14px}.tnp-wa-dot{color:#35d889;font-size:18px}.tnp-contact-sub{font-size:12px;color:#c6d6e7;margin:7px 0 12px}.tnp-field-label{display:block;font-size:11px;font-weight:700;color:#dce7f3;margin:10px 0}.tnp-field-label select,.tnp-field-label textarea{display:block;width:100%;padding:9px 10px;margin-top:5px;border:1px solid #60718a;border-radius:8px;background:#f9fafb;color:#172033;font:inherit;font-size:13px}.tnp-wa-send{display:block!important;text-align:center;text-decoration:none!important;border-radius:9px;background:#1dbb69!important;color:#fff!important;font-weight:800;font-size:13px;padding:12px 14px;margin-top:10px}.tnp-wa-send:hover{background:#129954!important}.tnp-wa-note{display:block;font-size:10px;color:#b8cbe0;margin-top:7px}.tnp-sticky-contact{max-width:900px;margin:0 auto 6px}.tnp-sticky .tnp-contact{margin-top:5px;padding:10px 13px}.tnp-sticky .tnp-contact-sub{margin:3px 0 6px}.tnp-sticky .tnp-field-label{margin:5px 0}.tnp-sticky .tnp-message-body{min-height:40px}.tnp-sticky .tnp-wa-send{padding:9px;margin-top:6px}@media(max-width:640px){.tnp-contact{padding:12px}.tnp-sticky-contact{max-height:210px;overflow:auto}}