:root{--bg-dark:#0f172a;--bg-panel:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#3b82f6;--accent-hover:#60a5fa;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.btn:hover{background:#ffffff1a}.btn.primary{background:var(--accent);border-color:#0000}.btn.primary:hover{background:var(--accent-hover)}.input{border:1px solid var(--glass-border);color:var(--text-main);background:#0003;border-radius:8px;outline:none;width:100%;padding:10px 16px;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--accent)}@media (width<=768px){body{overflow-y:auto}.app-container{min-height:100vh;height:auto!important;overflow:visible!important}.layout-header{flex-direction:column;align-items:stretch!important;gap:12px!important;padding:12px!important}.header-top{justify-content:center}.header-controls{flex-direction:column;gap:8px;width:100%;display:flex}.header-buttons{justify-content:space-between;gap:8px;display:flex}.header-buttons .btn{flex:1;justify-content:center}.layout-main{flex-direction:column!important;flex:none!important;gap:8px!important;padding:0 8px 8px!important;overflow:visible!important}.sidebar-sites{max-height:200px;flex:none!important;width:100%!important;overflow-y:auto!important}.content-area{flex:none!important;padding:8px!important;overflow:visible!important}.video-grid{flex:none!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:8px!important;padding:8px!important;overflow:visible!important}}.app-container,.video-grid{-webkit-overflow-scrolling:touch}