*, *::before, *::after {box-sizing: border-box;}html, body {height: 100%;margin: 0;padding: 0;overflow-x: hidden;}body {background-color: #000;font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: 600;color: #ffffff;-webkit-font-smoothing: antialiased;}body a {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: 600;color: #ffffff;text-decoration: none;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}picture {display: contents;}#bg-layer {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: -10;}#bg-layer img {width: 100%;height: 100%;object-fit: cover;display: block;}#starfield-canvas {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99997;pointer-events: none;}.page-view {display: none;width: 100%;min-height: 100vh;opacity: 0;transition: opacity 0.3s ease;}.page-view.active {display: block;opacity: 1;animation: fadeInPage 0.3s ease forwards;}@keyframes fadeInPage {from {opacity: 0;}to {opacity: 1;}}#page-home {padding-top: 40px;mix-blend-mode: screen;}.page-content {padding: 8vh 0 0 0;}.page-content main {display: block;}.container {width: 40%;margin: auto;height: auto;}.container img {mix-blend-mode: screen;}.logocontainer, .logocontainer2 {width: 100%;margin: 0 auto;text-align: center;}.logocontainer2 {width: 70%;mix-blend-mode: screen;}.logo {width: 320px;height: auto;max-width: 100%;margin: 0 auto 0;mix-blend-mode: screen;}.logo2 {width: 60%;height: auto;margin: 0 auto 0;mix-blend-mode: screen;}.radio-wrapper, .tuner-unit, .tuner-interface {width: 100%;}.tuner-interface {position: relative;width: 100%;height: 320px;margin: 8px auto;text-align: center;mix-blend-mode: screen;overflow: hidden;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);background-color: transparent;}.tuner-bg, .tuner-bg img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;z-index: 0;pointer-events: none;}.tuner-controls {position: absolute;top: 50%;left: 50%;width: 220px;height: 220px;transform: translate(-50%, -50%);z-index: 10;}.play-trigger {position: absolute;top: 50%;left: 50%;width: 220px;height: 220px;margin: 0;padding: 0;border: none;background: none;cursor: pointer;transform: translate(-50%, -50%);z-index: 10;outline: none !important;-webkit-tap-highlight-color: transparent;}.play-trigger:focus {outline: none !important;}.play-trigger:focus-visible {outline: 2px solid #ffffff !important;outline-offset: 4px !important;border-radius: 50%;}.play-trigger:active {outline: 3px solid #ffffff !important;outline-offset: 6px !important;border-radius: 50%;}.play-trigger::before {content: '';position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;transform: translate(-50%, -50%);background: url('../img/play.svg') center/contain no-repeat;transition: all 0.3s ease;}.is-live .play-trigger::before {background-image: url('../img/pause.svg');}.play-trigger:hover::before, .play-trigger:focus-visible::before {filter: drop-shadow(0 0 14px rgba(64, 127, 255, 1)) drop-shadow(0 0 30px rgba(64, 127, 255, 0.9));transition: filter 0.2s ease;}.play-trigger.locked {cursor: not-allowed;opacity: 0.5;pointer-events: none;}#loading-bar-container {display: none;position: absolute;left: 50%;top: calc(50% + 80px);transform: translateX(-50%);width: 340px;height: 46px;background: rgba(0, 0, 0, 0.75);border-radius: 23px;overflow: hidden;z-index: 9998;box-shadow: 0 8px 30px rgba(0,0,0,0.8);backdrop-filter: blur(8px);border: 4px solid #ff4080;box-sizing: border-box;}@keyframes slowFadeOut {0% {opacity: 1;}50% {opacity: 1;}100% {opacity: 0;}}#loading-bar-container.slow-fade-out {animation: slowFadeOut 2.5s ease-in-out forwards;}#loading-bar {width: 0%;height: 100%;background: linear-gradient(90deg, #ff0040, #ff4080, #ff2060);border-radius: 23px;transition: width .5s ease;}#loading-bar-text {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;color: #ffffff;font-weight: bold;font-size: 16px;text-shadow: 0 1px 4px rgba(0,0,0,0.9);pointer-events: none;}.music-note {position: absolute;font-size: 24px;pointer-events: none;z-index: 9999;animation: note-explode 2s forwards;}@keyframes note-explode {0% {transform: translate(0,0) scale(1);opacity: 1;}100% {transform: translate(var(--dx),var(--dy)) scale(1.9);opacity: 0;}}.footer {display: flex;flex-direction: column;align-items: center;gap: 12px;width: 90%;max-width: 600px;margin: 0 auto 20px;text-align: center;mix-blend-mode: screen;}.footer-logo {width: 100%;}.footer-logo img.logo2 {width: 320px;max-width: 100%;margin: 0 auto 8px;display: block;}.footer-text {display: flex;flex-direction: column;gap: 0;opacity: 0.9;}.station {font-size: 16px;line-height: 1.25;letter-spacing: 1px;color: #eeeeee;font-weight: 500;text-shadow: 0px 1px 2px rgba(0,0,0,0.5);display: block;margin-bottom: 6px;}.phone {font-size: 24px;display: block;}.phone a {color: #ff4080;font-size: 18px;font-weight: bold;letter-spacing: 1px;text-decoration: none;transition: opacity 0.3s;}.phone a:hover {opacity: 0.8;text-decoration: none;}.footer-links {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 4px;font-size: 13px;font-weight: 500;color: #eeeeee;margin-bottom: 8px;opacity: 1;}.footer-links a {color: #eeeeee;text-decoration: none;opacity: 0.9;transition: all 0.3s ease;padding: 10px 8px;margin: -6px 0;display: inline-block;cursor: pointer;}.footer-links a:hover {color: #fff;opacity: 1;text-shadow: 0 0 10px rgba(255, 64, 128, 0.6);text-decoration: none;}.separator {color: #666;font-size: 10px;opacity: 0.8;padding: 0 2px;}.footer-heading {font-size: 13px;margin: 0;font-weight: 500;opacity: 1;position: relative;}.footer-heading:hover {opacity: 1;}.footer-heading .about-link {color: #aaa;text-decoration: none;transition: color 0.3s ease;position: relative;display: inline-block;cursor: pointer;}.footer-heading .about-link:hover {color: #ffffff;text-decoration: none;}.footer-heading .about-link:hover .heading-arrow {margin-left: 8px;color: #ff4080;}.footer-heading .heading-arrow {position: absolute;left: 100%;top: 50%;transform: translateY(-50%);margin-left: 8px;width: 20px;text-align: left;font-size: 11px;transition: all 0.3s ease;color: #666;}.footer-stereo {margin-top: 5px;}.footer-stereo img {height: 18px;width: auto;opacity: 0.4;transition: opacity 0.25s;}.footer-stereo a:hover img {opacity: 0.9;}.faded-link, .faded-link img {opacity: 0.5;transition: opacity .25s;}.faded-link:hover, .faded-link:hover img {opacity: 0.9;}.content-box, .privacy-content {position: relative;z-index: 2;background-color: rgb(10, 0, 30);background: rgba(10, 0, 30, 0.9);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);border: 1.5px solid rgba(255, 64, 128, 0.5);border-radius: 24px;box-shadow: 0 8px 40px rgba(0, 0, 0, 0.8), 0 0 60px rgba(255, 64, 128, 0.3), inset 0 0 30px rgba(255, 64, 128, 0.1);color: #fff;text-align: center;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);mix-blend-mode: normal;font-weight: 400;}.content-box p, .privacy-content p, .content-box li, .privacy-content li, .content-box div, .privacy-content div, .content-box span, .privacy-content span {font-weight: 400;}.content-box a, .privacy-content a {color: #ff70a0;text-decoration: underline;transition: color 0.3s ease;font-weight: 400;}.content-box a:hover, .privacy-content a:hover {color: #fff;}.privacy-content h1, .page-heading {font-size: 38px;margin-bottom: 32px;color: #ff4080;text-shadow: 0 0 20px rgba(255, 64, 128, 0.9);letter-spacing: 1px;font-weight: 700;}.privacy-content h2, .app-section h2 {font-size: 28px;margin-bottom: 20px;color: #ff90b0;text-shadow: 0 0 10px rgba(255, 64, 128, 0.5);font-weight: 700;}.privacy-content h3 {font-size: 22px;margin-bottom: 10px;color: #fff;font-weight: 700;text-shadow: none;}.checklist-content strong {font-weight: 700;}.content-box {margin: 0 auto;padding: 60px 40px;max-width: 640px;font-size: 22px;line-height: 1.5;text-shadow: 0 2px 12px rgba(0,0,0,0.9);}.privacy-content {margin: 0 auto;padding: 50px 40px;max-width: 700px;font-size: 18px;line-height: 1.6;text-shadow: 0 2px 10px rgba(0,0,0,0.9);}.privacy-content p {margin-bottom: 1rem;text-align: left;}.privacy-content center {text-align: center;display: block;}.close-btn {display: inline-block;width: auto;min-width: 200px;margin: 50px auto 0;padding: 16px 48px;appearance: none;-webkit-appearance: none;font-family: inherit;line-height: normal;background: rgba(255,64,128,0.25);border: 2px solid #ff4080;border-radius: 50px;color: #ff4080;font-size: 19px;font-weight: bold;cursor: pointer;text-decoration: none;transition: all 0.4s ease;box-shadow: 0 0 20px rgba(255,64,128,0.4);-webkit-tap-highlight-color: transparent;user-select: none;}.close-btn:hover {background: #ff4080;color: #fff;box-shadow: 0 0 40px rgba(255,64,128,0.95);transform: translateY(-2px);}.close-btn:focus-visible {outline: 3px solid #ffffff;outline-offset: 4px;box-shadow: 0 0 30px rgba(255,64,128,0.8);}.close-btn:active {transform: translateY(1px);box-shadow: 0 0 10px rgba(255,64,128,0.6);}.page-content footer {display: block;width: 100%;text-align: center;margin-top: 2rem;padding-bottom: 2rem;font-size: 0.9em;color: #ff90b0;opacity: 0.9;text-shadow: 0 2px 4px rgba(0,0,0,0.8);}.app-section {margin: 40px 0;padding-top: 20px;border-top: 1px solid rgba(255, 64, 128, 0.3);clear: both;}.center-text {text-align: center !important;font-size: 0.95em;opacity: 0.8;}.store-buttons {display: flex;justify-content: center;gap: 20px;margin: 25px 0;flex-wrap: wrap;}.store-btn {width: 160px;background: rgba(255,64,128,0.1);border: 1px solid #ff4080;border-radius: 12px;color: #ff4080;padding: 12px 10px;font-size: 16px;font-weight: bold;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 12px;transition: all 0.3s ease;box-shadow: 0 0 15px rgba(255,64,128,0.2);font-family: inherit;appearance: none;-webkit-appearance: none;line-height: normal;text-decoration: none;}.store-btn svg {width: 24px;height: 24px;fill: currentColor;transition: fill 0.3s ease;}.store-btn[data-platform="google"] {border-color: #3DDC84;color: #3DDC84;background: rgba(61, 220, 132, 0.1);box-shadow: 0 0 15px rgba(61, 220, 132, 0.2);}.store-btn[data-platform="google"]:hover, .store-btn[data-platform="google"].active {background: #3DDC84;color: #000000;box-shadow: 0 0 25px rgba(61, 220, 132, 0.6);transform: translateY(-2px);}.store-btn[data-platform="apple"] {border-color: #e0e0e0;color: #e0e0e0;background: rgba(255, 255, 255, 0.1);box-shadow: 0 0 15px rgba(255, 255, 255, 0.15);}.store-btn[data-platform="apple"]:hover, .store-btn[data-platform="apple"].active {background: #ffffff;color: #000000;box-shadow: 0 0 25px rgba(255, 255, 255, 0.5);transform: translateY(-2px);}.store-btn:not([data-platform]):hover {background: #ff4080;color: #ffffff;box-shadow: 0 0 25px rgba(255,64,128,0.6);transform: translateY(-2px);}.store-btn:focus-visible {outline: 2px solid #ffffff;outline-offset: 4px;}.app-panel {display: none;background: rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 64, 128, 0.3);border-radius: 16px;padding: 20px;margin-top: 10px;animation: fadeIn 0.4s ease;flex-direction: row;align-items: center;justify-content: center;gap: 30px;text-align: left;}.app-panel.show {display: flex;}.qr-container {padding: 5px;border-radius: 8px;border: 2px solid #ff4080;box-shadow: 0 0 15px rgba(255,64,128,0.3);}.qr-container img {display: block;width: 150px;height: 150px;}.link-container p {margin-top: 0;font-size: 0.9em;color: #ffcae0;}.download-link {display: inline-block;margin-top: 5px;font-weight: bold;font-size: 1.1em;color: #fff !important;text-decoration: none;border-bottom: 2px solid #ff4080;}.download-link:hover {color: #ff4080 !important;text-shadow: 0 0 10px rgba(255, 64, 128, 0.8);}.download-link:focus-visible {outline: 2px solid #ffffff;border-radius: 2px;background: rgba(255,64,128,0.3);}@keyframes fadeIn {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}.about-icon {float: right;width: 150px;height: 150px;margin: 0 0 15px 20px;border-radius: 50%;border: 2px solid #ff4080;box-shadow: 0 0 15px rgba(255,64,128,0.5);shape-outside: circle(50%);transition: transform 0.3s ease, box-shadow 0.3s ease;}.about-icon:hover {transform: scale(1.05);box-shadow: 0 0 35px rgba(255,64,128,0.8);}.remote-section {margin: 30px 0;padding-top: 30px;border-top: 1px solid rgba(255, 64, 128, 0.3);text-align: center;}.remote-img {max-width: 100%;height: auto;border-radius: 16px;border: 2px solid #ff4080;box-shadow: 0 0 20px rgba(255,64,128,0.4);transition: transform 0.3s ease, box-shadow 0.3s ease;}.remote-img:hover {transform: scale(1.02);box-shadow: 0 0 35px rgba(255,64,128,0.8);}.social-section {margin-top: 30px;border-top: 1px solid rgba(255,64,128,0.2);padding-top: 20px;}.app-split-layout {display: flex;align-items: center;justify-content: center;gap: 40px;margin-bottom: 30px;text-align: left;}.phone-column {flex: 0 0 auto;}.app-mockup-img {display: block;max-width: 220px;height: auto;filter: drop-shadow(0 0 20px rgba(255, 64, 128, 0.4));transition: transform 0.3s ease, filter 0.3s ease;}.app-mockup-img:hover {transform: scale(1.02);filter: drop-shadow(0 0 35px rgba(255, 64, 128, 0.8));}.content-column {flex: 1;}.app-split-layout h2, .app-split-layout p {text-align: left;}.app-split-layout .store-buttons {justify-content: flex-start;}.app-split-layout .center-text {text-align: left !important;}.social-side-img {display: block;max-width: 250px;height: auto;border-radius: 16px;border: 2px solid rgba(255, 64, 128, 0.3);box-shadow: 0 0 20px rgba(255, 64, 128, 0.3);transition: transform 0.3s ease;margin: 0 auto;}.social-side-img:hover {transform: scale(1.02);box-shadow: 0 0 30px rgba(255, 64, 128, 0.6);}.app-split-layout .content-column.centered-content {text-align: center;}.app-split-layout .content-column.centered-content h2, .app-split-layout .content-column.centered-content p {text-align: center;}.app-split-layout .content-column.centered-content .store-buttons {justify-content: center;}.no-decoration {text-decoration: none !important;}.privacy-checklist.compact {margin: 20px auto;padding: 15px 20px;max-width: 550px;background: rgba(10, 0, 30, 0.75);border: 1px solid rgba(255, 64, 128, 0.4);border-radius: 16px;box-shadow: 0 4px 20px rgba(0,0,0,0.6), 0 0 25px rgba(255, 64, 128, 0.2), inset 0 0 15px rgba(255, 64, 128, 0.08);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);}.privacy-checklist.compact h2 {font-size: 20px;margin-bottom: 15px;color: #ff4080;text-shadow: 0 0 10px rgba(255, 64, 128, 0.7);text-align: center;font-weight: bold;}.privacy-checklist.compact ul {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px 25px;list-style: none;padding: 0;margin: 0;}.privacy-checklist.compact li {font-size: 15px;line-height: 1.4;text-shadow: 0 1px 6px rgba(0,0,0,0.8);display: flex;align-items: flex-start;text-align: left;}.checklist-content {display: flex;flex-direction: column;margin-left: 8px;}.checklist-desc {font-size: 0.85em;color: #ffcae0;opacity: 0.8;margin-top: 2px;font-weight: normal;}.fcc-status-box {margin-top: 20px;padding: 20px;border: 1px solid #ff4080;border-radius: 12px;background: rgba(0,0,0,0.3);}.fcc-status-heading {margin: 0;color: #fff;font-weight: 400;font-size: 18px;font-family: system-ui, sans-serif;}.corner-copyright {position: fixed;bottom: 12px;right: 16px;font-size: 13px;color: #cccccc;opacity: 0.6;z-index: 99999;pointer-events: none;mix-blend-mode: screen;font-weight: 600;text-shadow: 0 1px 2px rgba(0,0,0,0.8);}.footer-links a:focus-visible, .phone a:focus-visible, .about-link:focus-visible, .faded-link:focus-visible {outline: 2px solid #ffffff;outline-offset: 4px;border-radius: 4px;text-shadow: 0 0 8px #ff4080;opacity: 1;}.faded-link:focus-visible img {opacity: 1;}.play-trigger:focus-visible {outline: 3px solid #ffffff !important;outline-offset: 4px !important;box-shadow: 0 0 20px rgba(64, 127, 255, 0.8);}@media only screen and (max-width: 1024px) {#page-home {padding-top: 30px;}.container {width: 90%;max-width: 420px;}.logo {width: 80%;margin-bottom: 0;}.logo2 {width: 80%;margin-bottom: 2px;}.tuner-interface {height: 260px;margin: 6px auto;}.tuner-controls, .play-trigger {width: 180px;height: 180px;}.play-trigger::before {width: 50px;height: 50px;}#loading-bar-container {width: 300px;height: 42px;top: calc(50% + 65px);border: 4px solid #ff4080;}#loading-bar-text {font-size: 15px;line-height: 42px;}.footer-logo img.logo2 {width: 80%;margin-bottom: 6px;max-width: 320px;}.content-box {margin: 0 auto;padding: 50px 30px;font-size: 20px;width: 90%;box-sizing: border-box;}.privacy-content {margin: 0 auto;padding: 40px 25px;width: 90%;box-sizing: border-box;}.privacy-content h1, .page-heading {font-size: 32px;}.corner-copyright {right: 10px;font-size: 12px;}}@media only screen and (max-width: 800px) {.app-split-layout {flex-direction: column;text-align: center;gap: 20px;}.app-split-layout h2, .app-split-layout p, .app-split-layout .center-text {text-align: center !important;}.app-split-layout .store-buttons {justify-content: center;}.app-mockup-img {max-width: 180px;margin: 0 auto 10px auto;}.social-side-img {margin: 25px auto 0 auto;max-width: 220px;}.privacy-checklist.compact ul {grid-template-columns: 1fr;gap: 15px;}}@media (max-width: 600px) {.app-panel.show {flex-direction: column;text-align: center;}.link-container p {text-align: center;}.about-icon {float: none;display: block;margin: 0 auto 20px auto;}.privacy-content p {text-align: center;}}@media only screen and (max-width: 360px) {.footer-heading .about-link {display: inline;position: static;}.footer-heading .heading-arrow {position: static;display: inline-block;margin-left: 4px;}}