:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}input,select{font-size:16px!important}button{touch-action:manipulation}#video{background:#000}#player{height:100dvh}#video{max-height:calc(100dvh - 145px)}
@media(max-width:1000px){main{height:auto;min-height:calc(100dvh - 120px);display:block}aside{position:sticky;top:0;z-index:5;display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding:10px 14px;background:#10151ff5;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}.nav{flex:0 0 auto;white-space:nowrap;font-size:15px;padding:10px 14px;min-height:46px}.side-footer{display:none}.content{padding:24px;overflow:visible}.heading{align-items:flex-start;flex-direction:column;gap:16px}.search{max-width:none;width:100%}.search input{width:100%}.setup-art{display:none}#setup{display:block;padding:30px 24px}.setup-card{max-width:600px;margin:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}footer,.player-hint{display:none}.player-top{flex-wrap:wrap;padding:12px;gap:10px}.player-top h2{font-size:20px}.player-top>div{flex:1;min-width:140px}.player-top button{font-size:14px;padding:10px}#quality-label{font-size:14px}#quality{max-width:180px}}
@media(max-width:550px){header{height:82px;padding:14px 16px}.brand{gap:8px;font-size:20px;letter-spacing:1px}.ee-mark{transform:scale(.8);transform-origin:left center;margin-right:-8px}.brand-sub{font-size:8px}#clock{display:none}.header-actions{gap:6px}.header-actions button{font-size:12px;padding:9px;min-height:44px}#notice:not(:empty){padding:12px 16px;font-size:14px}.content{padding:22px 16px}h1{font-size:29px}.heading{margin-bottom:20px}.grid,.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-card{padding:16px 12px;min-width:0}.home-card .app-icon{width:72px;height:72px;font-size:35px}.home-card h2{font-size:19px}.home-card p{font-size:13px}.bouquets-hub{grid-column:1/-1}.channel{min-height:155px}.watch{padding:16px 12px 16px;padding-right:30px}.channel-name{font-size:17px}.channel-group{font-size:11px}.mode-bar{flex-wrap:wrap}.mode-bar button{flex:1;font-size:14px;padding:10px}.brand-app{min-width:0}.family-card{min-width:0;padding:16px}.family-card h2{font-size:18px}#explore-toolbar{flex-wrap:wrap;max-width:100%}#explore-toolbar button{font-size:14px;padding:10px}.setup-card h1{font-size:36px}#access{max-width:100%;width:100%}.player-top>div{order:3;flex-basis:100%}#video{height:calc(100dvh - 170px);object-fit:contain}#video-message{font-size:19px;padding:20px;text-align:center}#video-actions{flex-wrap:wrap;justify-content:center;padding:16px}#video-actions button{font-size:15px}.search{min-width:0}}
@media(max-width:550px){.grid:has(.app-tile){grid-template-columns:repeat(2,minmax(0,1fr))}.app-tile{padding:12px 7px;min-height:190px}.app-tile .tile-symbol{width:76px;height:76px;border-radius:22px;font-size:30px}.app-tile strong{font-size:19px}.family-card>span:not(.logo-plate):not(.tile-symbol){font-size:13px}.app-tile.bouquet-hub{grid-column:1/-1}.bouquet-hub .tile-symbol{width:100%;height:auto;gap:8px}.bouquet-hub .mini-app{width:100%;min-width:0}}
