*{box-sizing:border-box}html{scroll-padding-top:16px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-text-size-adjust:100%}.lab-main{margin:0 auto;max-width:1100px;padding:28px 24px 60px}h1{font-size:38px;letter-spacing:-1.5px;margin:5px 0 10px}.tagline{color:#a8b69f;font-size:14px;margin-bottom:26px}button,input,select{font:inherit;touch-action:manipulation}input,select{font-size:16px!important;min-height:48px;max-width:100%;min-width:0}button{min-height:46px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d4f783;outline-offset:3px}[hidden]{display:none!important}form{min-width:0}form label{font-size:14px;line-height:1.5}#login{max-width:430px;margin:35px auto;background:#192019;border:1px solid #34402f;border-radius:16px;padding:26px}#login h2{font-size:25px;margin-bottom:18px}#login .primary{min-height:50px;margin-top:24px}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}#identity{font-size:13px;color:#a8b69f;overflow-wrap:anywhere}.watch-panel{background:#1b221b;border:1px solid #35422f;border-radius:14px;overflow:hidden;margin-bottom:30px;scroll-margin-top:16px}#player{display:block;width:100%;aspect-ratio:16/9;max-height:540px;background:#050805}.now-playing{display:flex;align-items:center;gap:12px;padding:16px;font-weight:600;font-size:14px;min-height:58px;overflow-wrap:anywhere}.live-label{background:#d4f783;color:#213015;font-size:10px;border-radius:4px;padding:5px 7px;letter-spacing:1px;flex-shrink:0}.browse-controls{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:20px 0}.browse-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#afbea5}.browse-controls input,.browse-controls select{width:100%;padding:12px;border:1px solid #3f4e37;border-radius:8px;background:#192017;color:#f3f5ef}.country-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:28px}.country-group h3{grid-column:1/-1;font-size:17px;color:#c1d2b3;margin:12px 0}.channel-button{background:#20291d;border:1px solid #3a4932;border-radius:9px;color:#edf4e6;text-align:left;padding:16px;font-size:14px;line-height:1.45;overflow-wrap:anywhere;min-height:64px}.channel-button.selected{border-color:#d4f783;background:#303f23;color:#e1ffab}#notice:not(:empty){padding:12px 15px;background:#283321;border-radius:8px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}#admin{border-top:1px solid #3a4633;margin-top:40px;padding-top:25px}#admin>form,#clients>form{border:1px solid #35422e;background:#171e16;border-radius:12px;padding:20px;margin:20px 0}#admin p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}#clients input[type=checkbox]{min-height:24px;width:24px;flex-shrink:0;accent-color:#d4f783}#clients label{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:44px;margin-top:6px}#manage>p{padding:16px;border:1px solid #35422e;border-radius:10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}#manage input{padding:10px;border:1px solid #43553b;background:#192218;border-radius:7px;color:inherit;flex:1 1 150px;width:150px}.cast-button,.primary{font-size:13px;padding:12px 16px}#search-empty{color:#a8b69f;padding:20px 0}@media(max-width:650px){.lab-main{padding:20px 16px calc(32px + env(safe-area-inset-bottom))}h1{font-size:31px}.tagline{font-size:13px}.browse-controls{grid-template-columns:1fr;gap:14px}.country-group{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-button{padding:14px;font-size:14px;min-height:72px}.watch-panel{border-radius:10px;margin-top:15px}#login{padding:22px 18px;margin:25px auto}.now-playing{padding:13px;font-size:13px}#admin>form,#clients>form{padding:16px}#manage .cast-button{flex:1}#manage input{flex-basis:100%;width:100%}}@media(max-width:350px){.country-group{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#workspace-nav{display:flex;gap:10px;margin:12px 0 24px}#admin{margin-top:0;border-top:0;padding-top:0}.admin-heading h2{font-size:30px;margin:10px 0}.admin-heading p{color:#a6b69e}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.admin-stat{border:1px solid #3b4933;background:#1c251a;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.admin-stat strong{font-size:28px;color:#d4f783}.admin-stat span{font-size:12px;color:#a6b69e}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid #394730;padding-bottom:16px;margin-bottom:20px;flex-wrap:wrap}.admin-tabs .selected{background:#d4f783;color:#203014}.admin-card{background:#171f15;border:1px solid #35452d;border-radius:12px;padding:20px;margin:16px 0}.admin-card summary{cursor:pointer;min-height:40px;align-content:center;color:#d4f783;font-weight:600}.admin-card form{border:0!important;padding:0!important;margin:0!important}.clients-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}.client-choice{display:flex;width:100%;flex-direction:column;text-align:left;gap:7px;background:#222d1d;border:1px solid #3d4e33;border-radius:8px;padding:15px;margin:12px 0}.client-choice small,.managed-channel small{display:block;color:#9eaf94;font-size:12px;line-height:1.6}.client-choice.selected{border-color:#d4f783}.admin-filters{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:18px 0}.admin-filters label{font-size:12px;display:flex;flex-direction:column;gap:9px}.admin-filters input,.admin-filters select,.managed-channel input{padding:12px;border-radius:7px;background:#111a10;border:1px solid #405435;color:inherit;width:100%}.grant-actions{display:flex;gap:8px;margin:15px 0}.grant-list{max-height:450px;overflow:auto;border-top:1px solid #35452d;border-bottom:1px solid #35452d;margin-bottom:18px;padding:12px 0}.grant-list label{display:flex;align-items:center;gap:12px;min-height:48px;font-size:13px;padding:7px}.grant-list input{width:23px;height:23px;min-height:23px;accent-color:#d4f783;flex-shrink:0}.admin-section-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.managed-channel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 0;border-bottom:1px solid #34442c}.managed-channel strong{font-size:14px;overflow-wrap:anywhere}.managed-channel details{grid-column:1/-1}.managed-channel summary{font-size:12px;color:#adbd9f;cursor:pointer}.managed-channel input{max-width:250px;margin:10px}.admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 0;font-size:12px}#admin-message:not(:empty){padding:13px;border-radius:8px;background:#2d4023;color:#d4f783}button:disabled{opacity:.4;cursor:default}@media(max-width:700px){.clients-layout{grid-template-columns:1fr}.admin-stats{gap:8px}.admin-stat{padding:14px 10px}.admin-stat strong{font-size:24px}.admin-stat span{font-size:10px}.admin-filters{grid-template-columns:1fr}.admin-card{padding:16px}.admin-section-heading{align-items:flex-start;flex-direction:column}.admin-tabs button{flex:1;padding:10px;font-size:12px}.grant-list{max-height:360px}}
.device-binding{padding:14px;border:1px solid #3c4d31;border-radius:8px;margin:14px 0;background:#202b19}.device-binding p,.login-device-note{font-size:12px;line-height:1.6;color:#acba9f}
.client-status-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #3a4931;padding:18px 0}.client-status-row p{margin:8px 0}.client-status-row small,.log-entry small{display:block;color:#9ead94;font-size:12px;line-height:1.7}.log-entry{padding:15px;border-left:3px solid #658044;background:#1e2919;margin:12px 0}.log-entry p{overflow-wrap:anywhere}.client-status-row>div{min-width:0;overflow-wrap:anywhere}@media(max-width:650px){.client-status-row{align-items:flex-start;flex-direction:column}}
.channel-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.channel-row-actions .delete-library{min-height:46px}@media(max-width:650px){.managed-channel{grid-template-columns:1fr}.channel-row-actions{grid-column:1/-1}.channel-row-actions button{flex:1}}
.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.theme-choice{display:flex;flex-direction:column;gap:14px;padding:24px;border:3px solid #506148;border-radius:14px;text-align:left;min-height:205px;position:relative}.theme-choice strong{font-size:19px}.theme-choice small{font-size:13px;line-height:1.6}.theme-sample{font-size:20px;font-weight:850;letter-spacing:-.8px;padding:18px 0}.theme-preview-cartoon{background:#fff1c3;color:#293249;box-shadow:4px 5px 0 #293249}.theme-preview-cartoon .theme-sample{color:#293249;text-shadow:2px 2px #ff9bc4}.theme-preview-tron{background:linear-gradient(135deg,#080d25,#190b2a);color:#abf8ff;border-color:#32dbe8}.theme-preview-tron .theme-sample{color:#53ffff;text-shadow:0 0 14px #0ee8ff}.theme-active:after{content:'ACTIVE';position:absolute;right:12px;top:12px;font-size:10px;letter-spacing:1px;background:#b7ee65;color:#1b3018;padding:5px 7px;border-radius:5px}@media(max-width:650px){.theme-choices{grid-template-columns:1fr}.theme-choice{min-height:180px}}
.theme-preview-steampunk{background:repeating-linear-gradient(0deg,#38281e,#38281e 8px,#3e2d21 9px,#35251c 10px);color:#f1d4a0;border:3px double #c19a5b;box-shadow:inset 0 0 22px #0008,3px 4px 0 #100b07}.theme-preview-steampunk .theme-sample{font-family:Georgia,serif;color:#e7bb70;text-shadow:1px 2px #090603}.theme-preview-steampunk strong{font-family:Georgia,serif}
.theme-preview-modern{background:linear-gradient(140deg,#1a2435,#101621);color:#dce9fa;border:1px solid #43618a;box-shadow:0 10px 25px #0003}.theme-preview-modern .theme-sample{font-family:system-ui,sans-serif;color:#82b7ff;letter-spacing:-1px;text-shadow:none}
.network-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:12px!important;padding:16px 0}.network-toggle input{width:24px;min-height:24px;height:24px;accent-color:var(--accent);flex-shrink:0}#network-access-result{line-height:1.7;font-weight:600}
.user-password-panel{border:1px solid var(--border);border-radius:10px;margin:18px 0;padding:15px}.user-password-panel summary{cursor:pointer;font-weight:600;min-height:40px;align-content:center}.user-password-panel label{display:flex;flex-direction:column;gap:8px;margin:15px 0}.user-password-panel form{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.user-password-panel p{font-size:12px;line-height:1.7}.user-password-panel button{margin-top:12px}
.airplay-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 16px;background:var(--surface);border-top:1px solid var(--border)}#airplay-status{flex:1 1 200px;font-size:12px;line-height:1.6;color:inherit;opacity:.85}.airplay-controls button{min-height:46px}

.device-limit-options{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px}.device-limit-options label{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 10px}.device-limit-options input{width:20px;height:20px;margin:0}.device-binding>button{margin:6px}

.health-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;margin:10px 0;border:1px solid var(--border);border-left:5px solid #718096;border-radius:12px}.health-row>div{min-width:0;overflow-wrap:anywhere}.health-row p{margin:8px 0}.health-reachable{border-left-color:#27ae72}.health-issue{border-left-color:#df6155}.health-checking{border-left-color:#dfad32}.health-row button{flex-shrink:0;min-height:44px}@media(max-width:600px){.health-row{align-items:stretch;flex-direction:column}}

#youtube-frame iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0;background:#000}#youtube-player p{padding:12px 16px;margin:0;font-size:13px}#youtube-player a{color:inherit;text-decoration:underline}

#broadcast-preview{display:block;width:100%;max-height:260px;aspect-ratio:16/9;background:#000;margin:16px 0}#broadcast-status{font-weight:600}

.admin-password-form{max-width:480px}.admin-password-form label{display:block;margin:16px 0}.admin-password-form input{display:block;width:100%;margin-top:6px}

.user-expiration{padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:16px}.user-expiration label{display:flex;align-items:center;gap:10px;margin:12px 0}.user-expiration input[type=checkbox]{width:22px;min-height:22px}.user-expiration input[type=datetime-local]{max-width:100%}

.quality-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--border)}.quality-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px}.quality-controls select{min-width:220px;max-width:100%}#quality-status{flex:1 1 220px;font-size:12px;line-height:1.5}@media(max-width:600px){.quality-controls label,.quality-controls select{width:100%}}

html[lang=es-CO]{--welcome-label:'¡BIENVENIDO!'}html[lang=es-CO] .theme-active::after{content:'ACTIVO'}

.user-language-bar{display:flex;justify-content:flex-end;margin:12px 0}.user-language-bar label{display:flex;align-items:center;gap:10px;font-size:13px}.user-language-bar select{min-height:44px;max-width:210px}@media(max-width:450px){.user-language-bar{justify-content:flex-start}.user-language-bar label{width:100%;justify-content:space-between}}

.performance-panel{margin-top:24px;border-top:1px solid var(--border);padding-top:18px}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.performance-grid .admin-stat strong{font-size:20px;overflow-wrap:anywhere}.performance-warning{padding:12px;border:2px solid #d58a2c;border-radius:8px}.performance-panel form{max-width:550px}.performance-panel label{display:block;margin:12px 0}.performance-panel input{display:block;margin-top:6px;width:100%}

#login-status{font-weight:700;overflow-wrap:anywhere;}#login-status:empty{display:none;}#login[aria-busy="true"] .submit{opacity:.65;cursor:wait;}

.wifi-switch{display:flex;align-items:center;gap:.65rem;cursor:pointer;}#server-wifi-toggle{appearance:none;-webkit-appearance:none;display:inline-block;flex:0 0 3.2rem;width:3.2rem;height:1.8rem;padding:0;margin:0;position:relative;border:2px solid #334155;border-radius:2rem;background:#cbd5e1;cursor:pointer;vertical-align:middle;}#server-wifi-toggle::before{content:"";position:absolute;width:1.25rem;height:1.25rem;top:.15rem;left:.15rem;border-radius:50%;background:white;box-shadow:0 1px 3px #0005;transition:transform .15s;}#server-wifi-toggle:checked{background:#087f5b;}#server-wifi-toggle:checked::before{transform:translateX(1.35rem);}#server-wifi-toggle:focus-visible{outline:3px solid #3b82f6;outline-offset:3px;}#server-wifi-toggle:disabled{opacity:.5;cursor:wait;}

#server-broadcast-toggle{appearance:none;-webkit-appearance:none;display:inline-block;flex:0 0 3.2rem;width:3.2rem;height:1.8rem;padding:0;margin:0;position:relative;border:2px solid #334155;border-radius:2rem;background:#cbd5e1;cursor:pointer;}#server-broadcast-toggle::before{content:"";position:absolute;width:1.25rem;height:1.25rem;top:.15rem;left:.15rem;border-radius:50%;background:white;box-shadow:0 1px 3px #0005;transition:transform .15s;}#server-broadcast-toggle:checked{background:#087f5b;}#server-broadcast-toggle:checked::before{transform:translateX(1.35rem);}#server-broadcast-toggle:focus-visible{outline:3px solid #3b82f6;outline-offset:3px;}#server-broadcast-toggle:disabled{opacity:.5;}