@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-display: swap;
    src: url("/static/fonts/plex-mono-400-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-display: swap;
    src: url("/static/fonts/plex-mono-400-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-display: swap;
    src: url("/static/fonts/plex-mono-400-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-display: swap;
    src: url("/static/fonts/plex-mono-600-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-display: swap;
    src: url("/static/fonts/plex-mono-600-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-display: swap;
    src: url("/static/fonts/plex-mono-600-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root:is([data-theme="crt"], [data-theme="crt-green"]) {
    --bg:#0b0700; --bg2:#140c00; --panel:#120a00; --panel2:#1f1400; --panel3:#0b0700;
    --line:rgba(var(--glow),.38); --text:#ffb000; --muted:#d89500; --muted2:#946400;
    --accent:#ffb000; --accent2:#ffc640; --yellow:#ffd060; --glow:255,176,0;
    
    --halo:255,130,0;
    --page-bg: #0b0700;
    --sidebar-bg: #0b0700;
    --bar-bg: #0b0700;
    --card-bg: transparent;
    --card-active: #ffb000;
    --card-active-text: #0b0700;
    --panel-bg: #0b0700;
    --sidebar-grad-a: #0b0700; --sidebar-grad-b: #0b0700;
    --card-grad-a: transparent; --card-grad-b: transparent;
    --card-active-grad-a: #ffb000; --card-active-grad-b: #ffb000;
    --bar-grad-a: #0b0700;     --bar-grad-b: #0b0700;
    --play-icon: #0b0700;
    
    --heart: #ffb000;
    --card-inner-top: transparent;
    --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 9h10l-5 6z' fill='%23ffb000'/%3E%3C/svg%3E");
    --chromeR: 0px;

    --mono: "IBM Plex Mono", Consolas, "DejaVu Sans Mono", "Courier New", monospace;
    --screen:11,7,0;
    --phosphor: 0 0 2px rgba(var(--glow),.55), 0 0 9px rgba(var(--glow),.28);
    

    --mono-img: grayscale(1) sepia(1) saturate(3.2) hue-rotate(-8deg) brightness(.92) contrast(1.15);
}


:root[data-theme="crt-green"] {
    --bg:#020a03; --bg2:#051208; --panel:#041006; --panel2:#0a1f0e; --panel3:#020a03;
    --text:#3cff6e; --muted:#2cc956; --muted2:#1b7d36;
    --accent:#3cff6e; --accent2:#8affa6; --yellow:#b6ff9c; --glow:60,255,110;
    --halo:30,220,80;
    --page-bg: #020a03;
    --sidebar-bg: #020a03;
    --bar-bg: #020a03;
    --card-active: #3cff6e;
    --card-active-text: #020a03;
    --panel-bg: #020a03;
    --sidebar-grad-a: #020a03; --sidebar-grad-b: #020a03;
    --card-active-grad-a: #3cff6e; --card-active-grad-b: #3cff6e;
    --bar-grad-a: #020a03;     --bar-grad-b: #020a03;
    --play-icon: #020a03;
    --heart: #3cff6e;
    --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 9h10l-5 6z' fill='%233cff6e'/%3E%3C/svg%3E");
    --screen:2,10,3;
    --mono-img: grayscale(1) sepia(1) saturate(3.4) hue-rotate(78deg) brightness(.95) contrast(1.15);
}


:root:is([data-theme="crt"], [data-theme="crt-green"]) *,
:root:is([data-theme="crt"], [data-theme="crt-green"]) *::before,
:root:is([data-theme="crt"], [data-theme="crt-green"]) *::after { border-radius: 0 !important; }

:root:is([data-theme="crt"], [data-theme="crt-green"]) body {
    font-family: var(--mono);
    background: var(--page-bg);
    text-shadow: var(--phosphor);
}


:root:is([data-theme="crt"], [data-theme="crt-green"]) body::before {
    opacity: 1;
    background:
        radial-gradient(ellipse 115% 105% at 50% 50%, transparent 60%, rgba(0,0,0,.6) 100%),
        repeating-linear-gradient(180deg, rgba(0,0,0,.3) 0 1px, transparent 1px 3px);
    background-size: auto;
}


:root:is([data-theme="crt"], [data-theme="crt-green"]) body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1000;
    pointer-events: none;
    border-radius: 34px !important;
    box-shadow: 0 0 0 80px #000, inset 0 0 50px rgba(0,0,0,.65);
    background: radial-gradient(ellipse 55% 38% at 26% 10%, rgba(255,230,180,.05), transparent 70%);
}


:root:is([data-theme="crt"], [data-theme="crt-green"]) .sidebar::before,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .sidebar::after,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .shell::before,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .shell::after,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .playerBar::before { display: none; }

:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationMiniLogo img,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .barLogo img,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .infoLogo img,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .showcaseLogo img,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .fi { filter: var(--mono-img); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .logo .logoMark { filter: drop-shadow(0 0 3px rgba(var(--glow),.5)); }



:root:is([data-theme="crt"], [data-theme="crt-green"]) .btnIcon { display: none; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .sleepBtn .btnIcon { display: block; }


:root:is([data-theme="crt"], [data-theme="crt-green"]) .sleepBtn,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .sleepCancel,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .sleepPreset {
    background: transparent;
    border: 1px solid var(--line);
    color: var(--text);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .sleepBtn:hover,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .sleepCancel:hover,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .sleepPreset:hover {
    color: var(--page-bg);
    background: var(--text);
    border-color: var(--text);
    text-shadow: none;
}


:root:is([data-theme="crt"], [data-theme="crt-green"]) .sidebar {
    background: transparent;
    border-right: 3px double var(--line);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .logo { border-bottom: 3px double var(--line); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .navBtn {
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .06em;
    padding: 9px 12px;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .navBtn:hover { color: var(--text); background: rgba(var(--glow),.08); }

:root:is([data-theme="crt"], [data-theme="crt-green"]) .navBtn.active,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .mobileTab.active {
    color: var(--page-bg);
    background: var(--text);
    box-shadow: 0 0 10px rgba(var(--glow),.45);
    text-shadow: none;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .mobileTab { color: var(--muted); background: transparent; border: 1px solid var(--line); }


:root:is([data-theme="crt"], [data-theme="crt-green"]) .playlistTitle {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .04em;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .playlistTitle::before { content: "> "; color: var(--muted2); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .playlistTitle::after,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .showcaseTitle::after {
    content: "█";
    margin-left: .12em;
    animation: crtBlink 1.06s steps(1, end) infinite;
}
@keyframes crtBlink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
    :root:is([data-theme="crt"], [data-theme="crt-green"]) .playlistTitle::after,
    :root:is([data-theme="crt"], [data-theme="crt-green"]) .showcaseTitle::after { animation: none; }
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .playlistInfo { color: var(--muted2); }


:root:is([data-theme="crt"], [data-theme="crt-green"]) .refreshBtn,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .loadMoreBtn,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .dangerBtn,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutMail,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchBtn {
    padding: 4px 6px;
    border: 0;
    background: transparent;
    color: var(--text);
    font-family: var(--mono);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .06em;
    box-shadow: none;
    filter: none;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .refreshBtn::before,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .loadMoreBtn::before,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .dangerBtn::before,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutMail::before,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchBtn::before { content: "[ "; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .refreshBtn::after,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .loadMoreBtn::after,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .dangerBtn::after,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutMail::after,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchBtn::after { content: " ]"; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .refreshBtn:hover,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .loadMoreBtn:hover,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .dangerBtn:hover,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutMail:hover,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchBtn,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchBtn:hover {
    color: var(--page-bg);
    background: var(--text);
    text-shadow: none;
}


:root:is([data-theme="crt"], [data-theme="crt-green"]) .tagChip {
    padding: 3px 4px;
    border: 0;
    background: transparent;
    color: var(--muted);
    font-family: var(--mono);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .tagChip::before { content: "["; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .tagChip::after { content: "]"; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .tagChip:hover { color: var(--page-bg); background: var(--text); border-color: transparent; text-shadow: none; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .tagMoreChip { border: 0; color: var(--muted2); }


:root:is([data-theme="crt"], [data-theme="crt-green"]) .switchToggle,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .switchToggle.active {
    width: auto;
    height: auto;
    padding: 2px 0;
    border: 0;
    background: transparent;
    font-family: var(--mono);
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .switchThumb { display: none; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .switchToggle::after { content: "[ ]"; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .switchToggle.active::after { content: "[X]"; }



:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchPanel,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .settingsGroup,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutCard,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .infoPopup,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .confirmPopup,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .empty {
    position: relative;
    color: var(--text);
    background: rgba(var(--screen),.82);
    border: 3px double var(--line);
    box-shadow: 0 0 14px rgba(var(--glow),.08);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .settingsGroup,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutCard { margin-top: 12px; padding-top: 16px; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .settingsGroupTitle,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutCardTitle {
    position: absolute;
    top: -.85em;
    left: 16px;
    margin: 0;
    padding: 0 4px;
    background: var(--page-bg);
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .settingsGroupTitle::before,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutCardTitle::before { content: "╡ "; color: var(--muted2); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .settingsGroupTitle::after,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutCardTitle::after { content: " ╞"; color: var(--muted2); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .settingsRow + .settingsRow { border-top: 1px dashed var(--line); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .settingsLabel { font-weight: 600; font-size: 15px; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .settingsDesc,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutNote,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .aboutTagline { color: var(--muted); }

:root:is([data-theme="crt"], [data-theme="crt-green"]) .infoPopupTitle,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .confirmTitle { color: var(--text); font-family: var(--mono); letter-spacing: .06em; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .closeInfoBtn { background: transparent; border: 1px solid var(--line); color: var(--text); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .closeInfoBtn:hover { background: var(--text); color: var(--page-bg); }


:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchInput,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .ddBtn,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .ddSearch {
    color: var(--text);
    background-color: transparent;
    border: 1px solid var(--line);
    box-shadow: none;
    caret-color: var(--text);
    font-family: var(--mono);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchInput:focus,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .ddBtn:hover,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .dd.open .ddBtn { border-color: var(--text); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchInput::placeholder { color: var(--muted2); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .ddChevron { color: var(--text); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .ddPanel { background: var(--page-bg); border: 3px double var(--line); box-shadow: none; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .ddItem { color: var(--text); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .ddItem:hover,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .ddItem.selected { color: var(--page-bg); background: var(--text); text-shadow: none; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .searchField label,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .tagCloudLabel { color: var(--muted2); letter-spacing: .1em; }


:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard { color: var(--text); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCardInner,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard:hover .stationCardInner {
    background: transparent;
    border: 1px solid var(--line);
    box-shadow: none;
    transform: none;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard:hover .stationCardInner { border: 3px double var(--text); padding: 16px 11px 13px; }

:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard.active .stationCardInner {
    background: var(--text);
    border: 1px solid var(--text);
    box-shadow: 0 0 16px rgba(var(--glow),.4);
    text-shadow: none;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard.active .stationName,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard.active .stationMeta,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard.active .favoriteBtn,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard.active .cardInfoBtn { color: var(--page-bg); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard.active .stationMiniLogo img,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard.active .fi { filter: grayscale(1) contrast(1.6) brightness(.3); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationMiniLogo {
    color: var(--text);
    background: transparent;
    border: 1px dashed var(--line);
    box-shadow: none;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationCard.active .stationMiniLogo { color: var(--page-bg); border-color: rgba(var(--screen),.5); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationName { font-size: 13px; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .stationMeta { color: var(--muted); font-size: 12px; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .favoriteBtn,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .cardInfoBtn { color: var(--muted2); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .favoriteBtn.active { color: var(--text); }


:root:is([data-theme="crt"], [data-theme="crt-green"]) .playerBar {
    background: var(--bar-bg);
    border-top: 3px double var(--line);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .barLogo { background: transparent; border: 1px solid var(--line); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .barTitle { color: var(--text); font-weight: 600; font-size: 19px; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .barMeta { color: var(--muted); }



:root:is([data-theme="crt"], [data-theme="crt-green"]) .playerBar .circleBtn { width: 46px; height: 40px; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .circleBtn {
    color: var(--text);
    background: transparent;
    border: 1px solid var(--line);
    box-shadow: none;
    filter: none;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .circleBtn:hover { border-color: var(--text); background: rgba(var(--glow),.1); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .circleBtn svg { filter: drop-shadow(0 0 2px rgba(var(--glow),.6)); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .playBarBtn,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .playBarBtn:hover { background: var(--text); border-color: var(--text); box-shadow: 0 0 14px rgba(var(--glow),.45); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .playerBar .playIcon { border-top-width: 10px; border-bottom-width: 10px; border-left-width: 16px; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .playerBar .pauseIcon { width: 16px; height: 18px; grid-template-columns: 6px 6px; gap: 4px; }


:root:is([data-theme="crt"], [data-theme="crt-green"]) .volIcon { color: var(--text); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .volumeBar input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 10px;
    background: repeating-linear-gradient(90deg, var(--muted2) 0 5px, transparent 5px 8px);
    cursor: pointer;
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .volumeBar input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 20px;
    border: 0;
    background: var(--text);
    box-shadow: 0 0 8px rgba(var(--glow),.7);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .volumeBar input[type="range"]::-moz-range-thumb {
    width: 10px;
    height: 20px;
    border: 0;
    border-radius: 0;
    background: var(--text);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .volText { color: var(--text); font-family: var(--mono); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .vuMeter { opacity: .4; }


:root:is([data-theme="crt"], [data-theme="crt-green"]) .toast {
    color: var(--text);
    background: var(--page-bg);
    border: 3px double var(--text);
    font-family: var(--mono);
}
:root:is([data-theme="crt"], [data-theme="crt-green"]) .main::-webkit-scrollbar-thumb,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .ddList::-webkit-scrollbar-thumb {
    background: var(--muted2);
    border-color: var(--page-bg);
}

:root:is([data-theme="crt"], [data-theme="crt-green"]) .showcase { background: var(--page-bg); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .showcaseTitle { font-weight: 600; }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .showcaseMeta,
:root:is([data-theme="crt"], [data-theme="crt-green"]) .showcaseHistory { color: var(--muted); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .showcaseLogo { border: 3px double var(--line); }
:root:is([data-theme="crt"], [data-theme="crt-green"]) .showcaseNav { background: transparent; border: 1px solid var(--line); color: var(--text); }