:root,
html.theme-light {
    color-scheme: light;
    --diyradio-accent: #8e3433;
    --diyradio-accent-hover: #e34a47;
    --diyradio-text: #2a2a2a;
    --diyradio-text-secondary: #777;
    --diyradio-bg: #fff;
    --diyradio-bg-alt: #f5f5f5;
    --diyradio-border: #e7e7e7;
    --diyradio-link: #8e3433;
    --diyradio-live: #c62828;
}

html.theme-dark {
    color-scheme: dark;
    --diyradio-text: #fff;
    --diyradio-text-secondary: #b8b8b8;
    --diyradio-bg: #464646;
    --diyradio-bg-alt: #3a3a3a;
    --diyradio-border: #5a5a5a;
    --diyradio-link: #f0f0f0;
    --diyradio-live: #e34a47;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    padding: 0;
    color: var(--diyradio-text);
    background: var(--diyradio-bg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    transition: background-color 160ms ease, color 160ms ease;
}

a { color: var(--diyradio-link); text-decoration: none; }
a:hover { color: var(--diyradio-accent-hover); }
.diyradio-loading { color: var(--diyradio-text-secondary); font-size: 13px; }

.diyradio-broadcasts {
    margin-top: 5px;
    color: var(--diyradio-text-secondary);
    font-size: 11px;
}

.diyradio-broadcasts-label { font-weight: 600; }
.diyradio-broadcast-link { text-decoration: underline; text-underline-offset: 2px; }
.diyradio-broadcast-more {
    border: 0;
    padding: 0;
    color: var(--diyradio-link);
    background: transparent;
    cursor: pointer;
    font: inherit;
}
.diyradio-broadcast-extra[hidden] { display: none; }