:root{color:#020617;background:#545557;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.video-page{background:linear-gradient(135deg,#545557 0%,#20e8f7 48%,#595a5c 100%);justify-content:center;align-items:center;min-height:100svh;padding:clamp(16px,4vw,32px);display:flex;overflow:hidden}.video-content{flex-direction:column;align-items:center;gap:clamp(16px,4vw,24px);width:min(100%,520px);display:flex}.page-title{color:#fff;text-align:center;margin:0;font-size:clamp(1.75rem,7vw,2.5rem)}.video-card{text-align:center;background:linear-gradient(145deg,#92d9e6,#f1f3f7);border:1px solid #0a0a0a;border-radius:24px;width:min(100%,460px);padding:clamp(12px,4vw,18px);box-shadow:0 14px 35px #0f172a40}.video-card-content{flex-direction:column;align-items:center;gap:clamp(12px,3vw,16px);display:flex}.video-player{aspect-ratio:16/9;object-fit:cover;background:#020617;border-radius:16px;width:100%;max-height:55vh;display:block}.video-title{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(1.25rem,5vw,2rem);font-weight:700}.video-controls{background:#020617;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,2vw,10px);width:100%;padding:10px;display:grid}.video-controls button{flex-shrink:1;justify-self:center}@media (width<=380px){.video-page{padding:12px 8px}.video-card{border-radius:18px}.video-controls{padding:8px 4px}.video-controls button{width:36px!important;height:36px!important;font-size:17px!important}}