:root {--bg:#0f1115;--panel:#1a1c21;--panel2:#23262b;--text:#f4f4f6;--text2:#b9bcc2;--accent:#0a84ff;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;display:flex;flex-direction:column;}
.page{width:100%;max-width:900px;margin:0 auto;padding:14px 14px 72px;display:flex;flex-direction:column;gap:14px;}

.player-wrap{background:var(--panel);border-radius:18px;overflow:hidden;box-shadow:0 4px 22px rgba(0,0,0,.45);}
.player-inner{width:100%;aspect-ratio:16/9;position:relative;background:#000;}
#video{width:100%;height:100%;object-fit:contain;}

.player-overlay{position:absolute;inset:0;backdrop-filter:blur(8px);background:rgba(0,0,0,.48);display:flex;flex-direction:column;justify-content:center;align-items:center;}
.loader-bars{width:78px;height:22px;display:flex;justify-content:space-between;margin-bottom:10px;}
.loader-bars span{width:16px;height:100%;border-radius:6px;background:var(--accent);animation:pulse .9s infinite ease-in-out;}
.loader-bars span:nth-child(2){animation-delay:.17s;}
.loader-bars span:nth-child(3){animation-delay:.34s;}
@keyframes pulse{0%,100%{transform:scaleY(.35);opacity:.35;}50%{transform:scaleY(1);opacity:1;}}

.header{display:flex;justify-content:center;align-items:center;padding:8px 2px;flex-direction:column;gap:8px;}
.header-title{font-size:1rem;font-weight:600;text-align:center;}
.header-clock{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;}
.header-clock .digit{width:52px;height:52px;}

.ads{display:flex;flex-direction:column;gap:12px;}
.ad-item{border-radius:16px;background:var(--panel);box-shadow:0 3px 12px rgba(0,0,0,.4);overflow:hidden;}
.ad-item img{width:100%;display:block;}

.widgets{position:fixed;right:18px;bottom:78px;display:flex;flex-direction:column;gap:14px;}
.widget-btn{width:70px;height:70px;border-radius:50%;border:none;background:var(--panel2);box-shadow:0 4px 12px rgba(0,0,0,.55);display:flex;justify-content:center;align-items:center;cursor:pointer;}
.widget-btn svg{width:34px;height:34px;fill:var(--text2);}

.footer{position:fixed;bottom:0;left:0;right:0;height:46px;display:flex;justify-content:center;align-items:center;font-size:.85rem;background:var(--panel);box-shadow:0 -3px 12px rgba(0,0,0,.45);color:var(--text2);}
.footer strong{font-weight:600;color:var(--accent);}