/* VidaApp: flat TV interface. Flexbox and literal colors support older VIDAA browsers. */
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html, body { width:100%; height:100%; }
body { background:#0c0f16; color:#f5f7fc; font-family:Arial,Helvetica,sans-serif; font-size:16px; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; user-select:none; }
button, input, select, textarea { font:inherit; }
button { cursor:pointer; }
a { color:#69caff; }
button:focus, a:focus { outline:2px solid #69caff; outline-offset:3px; }
.container { position:relative; width:100%; height:100vh; overflow:hidden; margin:0 auto; }
.header { position:absolute; top:0; left:0; right:0; height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 32px; background:#10141d; border-bottom:1px solid #262d3b; z-index:20; }
.logo { display:flex; align-items:center; color:#f5f7fc; font-size:28px; line-height:1; font-weight:700; letter-spacing:-1px; min-width:230px; }
.logo svg { width:44px; height:44px; flex-shrink:0; margin-right:12px; }
.brand-name { display:block; }
.brand-name span { color:#65caff; }
.brand-caption { display:block; font-size:10px; line-height:1.4; letter-spacing:2px; font-weight:400; margin-top:7px; color:#909aae; }
.search-hint { display:flex; align-items:center; color:#9ca7ba; font-size:13px; }
.search-hint span { margin:0 7px 0 16px; }
.search-hint kbd { display:inline-block; min-width:28px; padding:5px 8px; margin:0; border:1px solid #465168; border-bottom-width:2px; border-radius:5px; background:#1b2230; color:#e4ebf8; font:700 11px Arial,sans-serif; text-align:center; }
.support-banner { position:static; max-width:260px; padding:0 0 0 20px; border-left:1px solid #303849; font-size:11px; line-height:1.5; color:#9ca7ba; }
.banner-content { display:block; }
.banner-content a { display:inline-block; margin-top:3px; color:#65caff; text-decoration:none; font-size:13px; font-weight:700; }
.banner-content a:hover { color:#fff; }
.sidebar { position:absolute; top:88px; bottom:0; left:0; width:236px; padding:26px 16px 24px; background:#10141d; border-right:1px solid #262d3b; overflow-y:auto; }
.menu-caption { color:#7f8ba1; font-size:10px; font-weight:700; letter-spacing:2px; margin:0 14px 18px; }
.menu { display:block; }
.menu-item { position:relative; display:flex; align-items:center; width:100%; min-height:51px; margin:0 0 7px; padding:12px 13px; border:1px solid transparent; border-left:3px solid transparent; border-radius:7px; color:#adb7c8; background:transparent; font-size:16px; font-weight:400; text-align:left; }
.menu-item svg { width:22px; height:22px; margin-right:12px; flex-shrink:0; }
.menu-item [stroke="white"] { stroke:currentColor; }
.menu-item.active { background:#1c2535; color:#fff; border-left-color:#f25570; }
.menu-item:hover { color:#fff; background:#1b2332; }
.menu-item.focused, .menu-item:focus { outline:none; background:#25354b; border-color:#65caff; color:#fff; }
.sidebar-note { margin:30px 14px 0; padding-top:20px; border-top:1px solid #262d3b; color:#7f8ba1; font-size:11px; line-height:1.8; }
.brand-dots { margin-bottom:8px; }
.brand-dots i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#f25570; }
.brand-dots i + i { background:#65caff; }
.brand-dots i + i + i { background:#a78cf2; }
.content { position:absolute; top:88px; bottom:0; left:236px; right:0; padding:20px 28px; overflow-y:auto; overflow-x:hidden; }
.catalog-heading { display:flex; align-items:center; justify-content:space-between; padding:0 0 14px; margin-bottom:14px; border-bottom:1px solid #262d3b; }
.catalog-eyebrow { display:none; }
.catalog-heading h2 { font-size:25px; line-height:1.15; font-weight:700; letter-spacing:-.5px; }
.catalog-heading p { display:none; }
.catalog-count { padding:7px 10px; margin:0 0 2px 20px; color:#aebbd0; border:1px solid #30394b; border-radius:5px; font-size:12px; white-space:nowrap; }
.tab-content { display:none; }
.tab-content.active { display:block; }
.apps-grid { display:flex; flex-wrap:wrap; align-items:stretch; margin:-8px; }
.app-card { position:relative; display:flex; flex-direction:column; width:calc(25% - 16px); min-width:0; min-height:214px; margin:8px; padding:16px 16px 12px; border:2px solid #273044; border-radius:10px; background:#171c27; cursor:pointer; }
.app-card:hover { border-color:#65768f; background:#1b2230; }
.app-card.focused, .app-card:focus { outline:none; border-color:#65caff; background:#202b3c; box-shadow:0 0 0 2px #65caff; z-index:2; }
.app-icon { position:relative; flex-shrink:0; width:94px; height:94px; margin:0 auto 12px; background:#10141d; border-radius:12px; overflow:hidden; }
.app-icon img { display:block; width:100%; height:100%; object-fit:cover; }
.app-info { display:flex; flex-direction:column; flex:1; min-width:0; }
.app-name { color:#f6f8ff; font-size:17px; font-weight:700; line-height:1.2; margin:0 0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.app-description { color:#99a5ba; font-size:13px; line-height:1.5; height:39px; max-height:39px; overflow:hidden; margin-bottom:14px; }
.app-meta { display:flex; flex-wrap:wrap; align-items:center; margin-top:auto; }
.app-category { color:#b6a3ef; font-size:11px; font-weight:400; margin-right:10px; }
.app-version { color:#8593ab; font-size:11px; margin-left:auto; }
.installed-badge { position:absolute; top:0; right:0; padding:4px 6px; background:#302745; color:#e2d6ff; border-radius:0 0 0 6px; font-size:9px; line-height:1.2; font-weight:700; z-index:3; }
.installed-badge.my-badge { top:0; left:0; right:auto; background:#4a2837; color:#ffb4c2; border-radius:0 0 6px 0; }
.my-panel { display:block; margin:0 0 24px; padding:0; background:transparent; border:0; }
.my-panel-head { display:block; margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid #262d3b; }
.my-panel h2 { font-size:28px; margin-bottom:9px; letter-spacing:-.5px; }
.my-panel p { color:#99a5ba; font-size:15px; line-height:1.5; }
.my-tabs { display:flex; flex-wrap:wrap; margin:18px -4px -4px; }
.my-tab { margin:4px; padding:11px 15px; border:1px solid #344056; border-radius:6px; background:#171e2b; color:#aebbd0; font-size:14px; font-weight:700; }
.my-tab.active { color:#fff; background:#252334; border-bottom:3px solid #f25570; padding-bottom:9px; }
.my-tab.focused, .my-tab:focus { border-color:#65caff; color:#fff; background:#26364c; outline:none; }
.my-section { display:none; }
.my-section.active { display:block; }
.info-panel { max-width:1400px; }
.info-panel h2, .compact-info h2 { margin:0 0 18px; font-size:23px; color:#f5f7fc; }
.info-grid { display:flex; flex-wrap:wrap; margin:-8px -8px 20px; }
.info-card { width:calc(33.333% - 16px); margin:8px; padding:22px; border:1px solid #30394b; border-radius:10px; background:#171c27; }
.info-icon { color:#65caff; margin-bottom:8px; }
.info-card h3 { font-size:13px; color:#65caff; font-weight:700; margin-bottom:10px; }
.info-card p { color:#c0cada; line-height:1.6; word-break:break-word; font-size:14px; }
.controls-guide { padding:22px; border:1px solid #30394b; border-radius:10px; background:#171c27; }
.controls-guide h3 { font-size:20px; margin-bottom:20px; }
.controls-list { display:flex; flex-wrap:wrap; margin:-6px; }
.control-item { display:flex; align-items:center; flex:1; min-width:200px; margin:6px; color:#aebbd0; font-size:13px; line-height:1.5; }
kbd { display:inline-block; padding:8px 10px; margin-right:12px; border:1px solid #465168; border-bottom-width:3px; border-radius:6px; color:#e7edfa; background:#222b3a; font:700 12px Arial,sans-serif; white-space:nowrap; }
.auth-card { max-width:820px; padding:26px; border:1px solid #30394b; border-radius:12px; background:#171c27; }
.auth-card h2, .system-apps-head h2 { font-size:24px; margin-bottom:12px; }
.auth-generate-btn, .my-action-btn, .try-btn, .system-app-action { min-height:46px; padding:11px 16px; border:1px solid #465168; border-radius:7px; background:#202b3c; color:#e7efff; font-weight:700; font-size:15px; }
.auth-generate-btn { background:#bd3c56; border-color:#e25b77; color:#fff; margin-top:16px; }
.auth-code { padding:20px; margin:24px 0 12px; border:1px dashed #65caff; border-radius:8px; color:#65caff; background:#111926; font-family:monospace; font-size:54px; font-weight:700; letter-spacing:10px; text-align:center; }
.auth-hint, .favorites-note { color:#99a5ba; font-size:14px; line-height:1.5; margin-bottom:16px; }
.auth-generate-btn.focused, .my-action-btn.focused, .try-btn.focused, .system-app-action.focused, .my-run-btn.focused, .speed-server-item.focused { outline:none; border-color:#65caff; box-shadow:0 0 0 2px #65caff; }
.my-action-btn.active { border-color:#a78cf2; background:#302745; }
.tv-result-box { padding:16px; margin-top:16px; max-height:420px; overflow:auto; white-space:pre-wrap; word-break:break-word; border:1px solid #344056; border-radius:8px; color:#dbe5f5; background:#0d121c; font-size:15px; line-height:1.5; }
.speed-card { max-width:980px; padding:18px; }
.speed-card p, .test-card p { font-size:15px; line-height:1.5; }
.librespeed-frame-wrap { width:100%; margin-top:16px; overflow:hidden; border:1px solid #344056; border-radius:8px; background:#111620; }
.librespeed-frame-wrap iframe { display:block; width:100%; height:160px; border:0; background:#111620; }
.speed-server-list { display:flex; flex-wrap:wrap; margin:10px -5px; }
.speed-server-item { display:block; flex:1; min-width:220px; padding:14px; margin:5px; border:1px solid #344056; border-radius:7px; color:#e7efff; background:#171e2b; text-align:left; }
.speed-server-item.active { border-color:#65caff; background:#202e42; }
.speed-server-item b { display:block; margin-bottom:7px; font-size:17px; }
.speed-server-metrics { color:#99a5ba; font-size:13px; line-height:1.6; margin-top:6px; }
.speed-server-metrics span { display:inline-block; margin-right:8px; white-space:nowrap; }
.speed-error { color:#ff8d9e; }
.speed-empty { padding:14px; color:#99a5ba; border:1px dashed #465168; border-radius:7px; }
.speed-card .my-run-btn { margin:0 8px 8px 0; }
.system-apps-head p { max-width:850px; }
.system-apps-list { margin-top:20px; }
.system-app-row { display:flex; align-items:center; justify-content:space-between; min-height:70px; padding:12px 16px; margin-bottom:8px; background:#171c27; border:1px solid #30394b; border-radius:7px; }
.system-app-row.is-hidden { opacity:.7; }
.system-app-row b, .system-app-row small { display:block; }
.system-app-row small { margin:6px 16px 0 0; color:#99a5ba; word-break:break-all; }
.system-app-action { min-width:120px; margin-left:12px; }
.modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:24px; background:rgba(5,8,14,.94); z-index:1000; align-items:center; justify-content:center; }
.modal.active { display:flex; }
.modal-content { position:relative; width:900px; max-width:100%; max-height:88vh; overflow-y:auto; border:1px solid #465168; border-top:3px solid #f25570; border-radius:14px; background:#171c27; }
.modal-close { position:absolute; top:16px; right:16px; width:38px; height:38px; border:1px solid #465168; border-radius:6px; background:#222b3a; color:#c8d3e6; font-size:24px; z-index:1; }
.modal-close.focused, .modal-close:focus { outline:none; border-color:#65caff; color:#fff; background:#2c3b53; box-shadow:0 0 0 2px #65caff; }
.modal-body { display:flex; padding:42px 32px 32px; }
.modal-icon { flex-shrink:0; width:176px; height:176px; margin-right:28px; border-radius:16px; overflow:hidden; background:#10141d; }
.modal-icon img { display:block; width:100%; height:100%; object-fit:cover; }
.modal-info { flex:1; min-width:0; }
.modal-info h2 { padding-right:20px; font-size:30px; line-height:1.2; margin-bottom:16px; }
.modal-info p { font-size:16px; color:#aebbd0; line-height:1.6; margin-bottom:18px; }
.modal-meta { display:flex; flex-wrap:wrap; margin:-4px -4px 14px; }
.modal-meta span { padding:6px 9px; margin:4px; border:1px solid #344056; border-radius:5px; color:#aebbd0; font-size:12px; }
#modal-appid { color:#b6a3ef; }
.modal-actions { display:flex; flex-wrap:wrap; margin:-4px; }
.modal-actions button { flex:1 1 170px; margin:4px; min-height:48px; padding:12px; font-size:15px; }
.install-btn { display:flex; align-items:center; justify-content:center; border:1px solid #ed6d84; border-radius:7px; color:#fff; background:#c73f59; font-weight:700; }
.install-btn svg { margin-right:8px; flex-shrink:0; }
.install-btn.focused, .install-btn:focus { outline:none; box-shadow:0 0 0 2px #65caff; border-color:#65caff; }
.try-btn { background:#1d3042; border-color:#396381; color:#9edbff; }
.my-action-btn { background:#282338; border-color:#53416e; color:#d6c5fa; }
.loading, .empty-message { width:100%; padding:50px 20px; text-align:center; color:#99a5ba; }
.empty-message { flex-direction:column; align-items:center; }
.empty-message svg { margin-bottom:18px; }
.empty-message h3 { color:#e7efff; font-size:22px; margin-bottom:10px; }
.empty-message p { color:#99a5ba; font-size:15px; }
.notification { position:fixed; right:28px; bottom:28px; max-width:520px; padding:16px 22px; color:#fff; background:#25354b; border:1px solid #65caff; border-radius:8px; z-index:2000; font-size:16px; line-height:1.5; }
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:#10141d; }
::-webkit-scrollbar-thumb { background:#465168; border-radius:3px; }
@media screen and (min-width:1680px) { .app-card { width:calc(20% - 16px); } }
@media screen and (min-width:2400px) { .app-card { width:calc(16.666% - 16px); } }
@media screen and (max-width:1350px) {
 .header { height:76px; padding:0 24px; }
 .logo { font-size:25px; min-width:210px; }
 .logo svg { width:38px; height:38px; }
 .sidebar { top:76px; width:212px; padding:22px 12px; }
 .content { top:76px; left:212px; padding:18px 22px; }
 .search-hint { font-size:12px; }
 .search-hint span { margin-left:10px; }
 .support-banner { max-width:230px; }
 .catalog-heading { padding-bottom:12px; margin-bottom:12px; }
 .catalog-heading h2 { font-size:23px; }
 .app-card { width:calc(33.333% - 16px); min-height:204px; padding:14px; }
 .app-icon { width:86px; height:86px; margin-bottom:10px; }
 .app-name { font-size:17px; }
 .app-description { font-size:12px; height:36px; max-height:36px; }
 .menu-item { font-size:15px; min-height:47px; }
 .info-card { padding:16px; }
}
@media screen and (max-width:1050px) {
 .search-hint { display:none; }
 .app-card { width:calc(50% - 16px); }
 .info-card { width:calc(50% - 16px); }
 .my-tab { padding:10px; font-size:13px; }
 .speed-card { padding:14px; }
}
@media screen and (max-width:760px) {
 .header { height:72px; padding:0 18px; }
 .logo { min-width:0; font-size:24px; }
 .logo svg { width:34px; height:34px; margin-right:10px; }
 .brand-caption { display:none; }
 .support-banner { max-width:155px; border:0; padding-left:10px; font-size:9px; }
 .banner-content a { font-size:11px; }
 .sidebar { top:72px; bottom:auto; width:100%; height:62px; padding:10px 14px; border-right:0; border-bottom:1px solid #262d3b; overflow-x:auto; overflow-y:hidden; white-space:nowrap; }
 .menu { display:inline-block; }
 .menu-caption, .sidebar-note { display:none; }
 .menu-item { display:inline-flex; width:auto; min-height:40px; margin:0 4px 0 0; padding:9px 12px; font-size:13px; }
 .menu-item svg { width:17px; height:17px; margin-right:7px; }
 .content { top:134px; left:0; padding:16px 18px; }
 .catalog-heading { align-items:flex-start; }
 .catalog-heading h2 { font-size:25px; }
 .catalog-heading p { font-size:12px; max-width:250px; }
 .catalog-count { font-size:10px; padding:5px 6px; margin-left:8px; }
 .catalog-eyebrow { font-size:8px; letter-spacing:1.4px; }
 .apps-grid { margin:-5px; }
 .app-card { width:calc(50% - 10px); margin:5px; padding:14px 12px; min-height:204px; border-radius:9px; }
 .app-icon { width:80px; height:80px; border-radius:10px; margin-bottom:10px; }
 .app-name { font-size:16px; }
 .app-category, .app-version { font-size:10px; }
 .my-panel h2 { font-size:25px; }
 .my-tabs { margin-top:14px; }
 .my-tab { flex:1 1 auto; }
 .info-card { width:calc(100% - 16px); }
 .auth-card, .controls-guide { padding:20px; }
 .auth-code { font-size:36px; letter-spacing:6px; padding:18px 10px; }
 .modal { padding:18px; }
 .modal-body { display:block; padding:28px 22px; }
 .modal-icon { width:110px; height:110px; margin:0 0 20px; }
 .modal-info h2 { font-size:25px; }
 .modal-info p { font-size:14px; }
 .system-app-row { padding:10px; }
 .system-app-action { min-width:90px; padding:9px; font-size:12px; }
 .notification { left:18px; right:18px; bottom:18px; max-width:none; font-size:14px; }
}
@media screen and (max-width:380px) { .app-icon { width:80px; height:80px; } .app-name { font-size:15px; } .catalog-heading p { max-width:200px; } }
@media screen and (max-height:680px) and (min-width:761px) { .sidebar-note { margin-top:16px; padding-top:14px; } .menu-item { min-height:40px; padding-top:9px; padding-bottom:9px; margin-bottom:4px; } }
/* Compact cards and selectable themes. Keep literal values for legacy TV engines. */
.header, .sidebar, .content { position:fixed; }
.app-card { flex-direction:column; align-items:stretch; min-height:0; padding:12px; }
.app-icon { position:relative; width:100%; height:auto; margin:0 0 12px; border-radius:7px; }
.app-icon:before { content:""; display:block; padding-top:56.25%; }
.app-icon img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; }
.app-name { font-size:16px; }
.app-description { font-size:12px; line-height:18px; height:36px; max-height:36px; margin-bottom:8px; }
.app-info { align-self:stretch; justify-content:flex-start; }
.modal-icon { width:200px; height:112px; }
.modal-icon img { object-fit:contain; }
.theme-options { display:flex; flex-wrap:wrap; max-width:1000px; margin:18px -6px; }
.theme-option { display:block; flex:1; min-width:220px; margin:6px; padding:18px; border:2px solid #344056; border-radius:10px; background:#171c27; color:#e7efff; text-align:left; }
.theme-option b, .theme-option small { display:block; }
.theme-option b { font-size:18px; margin:12px 0 8px; }
.theme-option small { font-size:12px; line-height:1.5; color:#aebbd0; }
.theme-option[aria-pressed="true"] { border-color:#65caff; background:#202b3c; }
.theme-option.focused, .theme-option:focus { outline:none; box-shadow:0 0 0 2px #65caff; border-color:#65caff; }
.theme-swatch { display:flex; align-items:center; height:64px; padding:12px; border-radius:6px; background:#0c0f16; }
.theme-swatch i { display:block; width:26px; height:26px; margin-right:8px; border-radius:5px; background:#f25570; }
.theme-swatch i + i { background:#65caff; }
.theme-swatch i + i + i { background:#a78cf2; }
.swatch-classic { background:#121e43; }
.swatch-classic i { background:#147cf0; }
.swatch-classic i + i { background:#19d7ed; }
.swatch-classic i + i + i { background:#5e63ca; }
.swatch-light { background:#edf3f8; }
.swatch-light i { background:#4b7c9e; }
.swatch-light i + i { background:#76b6b1; }
.swatch-light i + i + i { background:#ae99b9; }
.theme-classic { background:#0e1732; }
.theme-classic .header, .theme-classic .sidebar { background:#111e3d; border-color:#2c4167; }
.theme-classic .app-card, .theme-classic .info-card, .theme-classic .auth-card, .theme-classic .controls-guide, .theme-classic .modal-content, .theme-classic .system-app-row, .theme-classic .theme-option { background:#1b2a4a; border-color:#344e79; }
.theme-classic .app-icon { border-radius:7px; }
.theme-classic .app-icon img { object-fit:contain; }
.theme-classic .menu-item.active, .theme-classic .my-tab.active { background:#125ca3; border-color:#20cde2; }
.theme-classic .menu-item.focused, .theme-classic .app-card.focused, .theme-classic .theme-option.focused { background:#204270; border-color:#39d6f0; }
.theme-classic .install-btn, .theme-classic .auth-generate-btn { background:#0967c0; border-color:#359ee8; }
.theme-classic .my-tab, .theme-classic .modal-close { background:#182a4a; }
.theme-light { background:#edf2f6; color:#26374a; }
.theme-light .header, .theme-light .sidebar { background:#f9fbfc; border-color:#d5dfe8; }
.theme-light .logo, .theme-light .catalog-heading h2, .theme-light .my-panel h2, .theme-light .info-panel h2, .theme-light .app-name, .theme-light .modal-info h2, .theme-light .controls-guide h3, .theme-light .empty-message h3 { color:#26374a; }
.theme-light .brand-name span, .theme-light a, .theme-light .info-card h3 { color:#306d92; }
.theme-light .brand-caption, .theme-light .menu-caption, .theme-light .sidebar-note, .theme-light .search-hint, .theme-light .support-banner { color:#61768a; }
.theme-light .menu-item { color:#4b6278; }
.theme-light .menu-item.active { background:#dce9f3; border-left-color:#4b86a9; color:#233f54; }
.theme-light .menu-item:hover { background:#e6eff5; color:#233f54; }
.theme-light .menu-item.focused, .theme-light .menu-item:focus, .theme-light .my-tab.focused, .theme-light .my-tab:focus { outline:none; background:#d3e5f1; border-color:#397da7; color:#233f54; }
.theme-light .catalog-heading, .theme-light .my-panel-head, .theme-light .sidebar-note, .theme-light .support-banner { border-color:#cddbe5; }
.theme-light .catalog-count, .theme-light .modal-meta span { color:#526a7e; border-color:#c7d6e1; }
.theme-light .app-card, .theme-light .info-card, .theme-light .auth-card, .theme-light .controls-guide, .theme-light .modal-content, .theme-light .system-app-row, .theme-light .theme-option { background:#fff; border-color:#ccdae4; }
.theme-light .app-card.focused, .theme-light .theme-option[aria-pressed="true"] { background:#eaf4fa; border-color:#397da7; box-shadow:0 0 0 2px #397da7; }
.theme-light .app-description, .theme-light .my-panel p, .theme-light .info-card p, .theme-light .modal-info p, .theme-light .favorites-note, .theme-light .control-item, .theme-light .theme-option small { color:#566c7f; }
.theme-light .theme-option { color:#26374a; }
.theme-light .app-category { color:#76618f; }
.theme-light .app-version { color:#61768a; }
.theme-light .my-tab, .theme-light .modal-close, .theme-light kbd { background:#e9eff4; border-color:#bfceda; color:#35536a; }
.theme-light .my-tab.active { background:#dce9f3; border-bottom-color:#397da7; color:#233f54; }
.theme-light .install-btn, .theme-light .auth-generate-btn { background:#3a7497; border-color:#2b6489; color:#fff; }
.theme-light .try-btn, .theme-light .system-app-action { background:#e1edf5; border-color:#a8c4d6; color:#355f7b; }
.theme-light .my-action-btn { background:#ece5f2; border-color:#c5b4d3; color:#6b4e80; }
.theme-light .auth-code, .theme-light .tv-result-box { background:#edf4f8; color:#355f7b; border-color:#93b7cf; }
.theme-light .librespeed-frame-wrap, .theme-light .librespeed-frame-wrap iframe { background:#f5f8fa; border-color:#c7d6e1; }
.theme-light .modal { background:rgba(33,48,63,.6); }
.theme-light .notification { background:#f9fbfc; color:#26374a; border-color:#397da7; }
/* Fit three complete rows on desktop/TV screens without stretching the artwork. */
@media screen and (min-width:1680px) and (min-height:760px) {
 .app-card { padding:10px; }
 .app-icon { max-width:calc(59.25926vh - 308.14815px); margin:0 auto 8px; }
 .app-name { margin-bottom:4px; }
 .app-description { line-height:16px; height:32px; max-height:32px; margin-bottom:4px; }
}
@media screen and (max-width:760px) {
 .app-card { width:calc(50% - 10px); min-height:0; padding:10px; }
 .app-icon { width:100%; height:auto; margin:0 0 10px; }
 .app-name { font-size:15px; }
 .modal-icon { width:176px; height:99px; }
 .theme-option { min-width:200px; }
 .brand-caption { display:block; font-size:8px; letter-spacing:1px; }
}