*{box-sizing:border-box}
:root{
  --bg:#05070b;
  --bg2:#0a0d13;
  --glass:rgba(14,17,24,.72);
  --glass-2:rgba(20,23,32,.82);
  --line:rgba(255,255,255,.10);
  --line-bright:rgba(255,255,255,.18);
  --text:#f4f7fb;
  --muted:#9aa5b5;
  --accent:#ff78b6;
  --accent2:#9b7cff;
  --cyan:#58d7ff;
  --danger:#ff6f91;
  --shadow:0 18px 55px rgba(0,0,0,.45),0 0 35px rgba(88,215,255,.06),0 0 35px rgba(255,120,182,.05);
}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,rgba(88,215,255,.10),transparent 32%),radial-gradient(circle at 100% 20%,rgba(255,120,182,.08),transparent 28%),linear-gradient(180deg,#05070b 0%,#070a10 52%,#030509 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{min-height:100vh;position:relative}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 72%);opacity:.35}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;width:100%;background:rgba(5,7,11,.72);border-bottom:1px solid var(--line);box-shadow:0 10px 35px rgba(0,0,0,.35),0 0 28px rgba(88,215,255,.045);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{width:min(100%,780px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px 12px 15px}
.brand-logo{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;min-width:0}
.brand-name{font-size:22px;font-weight:950;letter-spacing:-.7px;color:#fff;text-shadow:0 0 14px rgba(88,215,255,.28),0 0 18px rgba(255,120,182,.16);white-space:nowrap}
.brand-name:after{content:"";display:block;width:46%;height:2px;margin:4px auto 0;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--accent));box-shadow:0 0 10px rgba(88,215,255,.45)}
.brand-tagline{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#91e6ff;border-left:1px solid rgba(88,215,255,.35);padding-left:9px;white-space:nowrap}
.brand{font-size:20px;font-weight:900;letter-spacing:-.4px}
.admin-link{color:#a9b2c1;text-decoration:none;font-size:13px;padding:7px 10px;border:1px solid transparent;border-radius:9px}.admin-link:hover{color:#fff;border-color:var(--line-bright);background:rgba(255,255,255,.05);box-shadow:0 0 18px rgba(88,215,255,.07)}
.header-ad{width:320px;height:50px;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:12px;background:rgba(0,0,0,.32);border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 22px rgba(88,215,255,.04)}
.container{width:min(100%,780px);margin:0 auto;padding:24px 12px 44px}
.status,.message{font-size:13px;color:var(--muted);margin:8px 0 16px}.status{text-align:center}
.video-list{display:flex;flex-direction:column;gap:17px}
.video-card{position:relative;background:linear-gradient(145deg,rgba(22,25,34,.80),rgba(8,10,15,.88));border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.video-card:before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:linear-gradient(120deg,rgba(88,215,255,.24),transparent 34%,rgba(255,120,182,.18),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.video-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18);box-shadow:0 20px 55px rgba(0,0,0,.52),0 0 30px rgba(88,215,255,.08),0 0 32px rgba(255,120,182,.07)}
.video-title{font-size:15px;font-weight:850;line-height:1.4;margin:3px 4px 11px;word-break:break-word;color:#f6f8fb;text-shadow:0 0 10px rgba(255,255,255,.05)}
.video-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#020306;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.40)}
.video-player{display:block;width:100%;height:100%;background:#020306;border-radius:13px;border:1px solid rgba(255,255,255,.08)}
.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;min-height:0;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;background:rgba(7,9,14,.48);border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 5px rgba(255,255,255,.025),0 0 22px rgba(88,215,255,.18),0 0 24px rgba(255,120,182,.12);cursor:pointer;transition:transform .15s,opacity .15s,background .15s}
.center-play:hover{transform:translate(-50%,-50%) scale(1.06);background:rgba(15,18,27,.72)}
.play-triangle{width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff;filter:drop-shadow(0 0 5px rgba(88,215,255,.65))}
.center-play.is-hidden{opacity:0;pointer-events:none}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.action{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:850;letter-spacing:.1px;border:1px solid rgba(255,255,255,.12);color:#fff;background:linear-gradient(135deg,rgba(88,215,255,.14),rgba(255,120,182,.12));box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 20px rgba(0,0,0,.24);transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}
.action:hover,.action:active{transform:translateY(-1px);border-color:rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(88,215,255,.22),rgba(255,120,182,.20));box-shadow:inset 0 1px rgba(255,255,255,.10),0 9px 24px rgba(0,0,0,.32),0 0 18px rgba(88,215,255,.07)}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:22px 0 5px}.page-btn{min-width:36px;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#c6cfdb;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.04)}.page-btn.active{border-color:rgba(88,215,255,.35);background:rgba(88,215,255,.10);color:#eafaff;box-shadow:0 0 18px rgba(88,215,255,.09)}.page-btn:disabled{opacity:1;cursor:default}
.panel{background:linear-gradient(145deg,rgba(22,25,34,.82),rgba(8,10,15,.92));border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.panel h1{font-size:19px;margin:0 0 13px;color:#fff}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
form{display:flex;flex-direction:column;gap:9px}
input{width:100%;height:43px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.30);color:var(--text);padding:0 12px;outline:none;font-size:14px;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder{color:#727d8d}input:focus{border-color:rgba(88,215,255,.40);background:rgba(0,0,0,.42);box-shadow:0 0 0 3px rgba(88,215,255,.08),0 0 22px rgba(88,215,255,.07)}
button{height:43px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:linear-gradient(135deg,#1a9dcc,#c75f9a);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.30),0 0 18px rgba(88,215,255,.08);transition:transform .15s,filter .15s,box-shadow .15s}button:hover{filter:brightness(1.07);box-shadow:0 10px 26px rgba(0,0,0,.36),0 0 22px rgba(88,215,255,.10)}button:active{transform:translateY(1px)}button.secondary{background:rgba(255,255,255,.05);color:#dce4ed;border:1px solid var(--line);box-shadow:none}button.small{height:34px;padding:0 10px;font-size:12px}
.hidden{display:none!important}.error{color:#ff8ca7}.success{color:#8fe0b2}.empty{padding:25px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.025);border-radius:13px}
.admin-video-list{margin-top:18px;display:grid;gap:10px}.admin-video-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);box-shadow:0 6px 18px rgba(0,0,0,.20)}.admin-video-info{min-width:0;display:grid;gap:4px}.admin-video-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-video-info span{font-size:12px;opacity:.62}.danger{border:1px solid rgba(255,111,145,.35)!important;color:#ff9bb0!important;background:rgba(255,111,145,.08)!important}.empty-state{padding:14px;text-align:center;opacity:.65;border:1px dashed rgba(255,255,255,.14);border-radius:12px}
.site-footer{width:100%;margin-top:28px;padding:15px 10px 20px;text-align:center;border-top:1px solid var(--line);background:rgba(4,6,10,.72);box-shadow:0 -12px 35px rgba(0,0,0,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.footer-brand{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.55px;color:#9edfff;opacity:.88;text-shadow:0 0 10px rgba(88,215,255,.22)}
#container-e7f933f1ebb43767ddb4fa1538d345eb{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;margin:10px auto 2px;overflow:hidden}
@media(max-width:520px){.container{padding:16px 10px 32px}.video-list{gap:14px}.video-card{padding:9px;border-radius:15px}.video-card:before{border-radius:15px}.video-title{font-size:14px}.brand-name{font-size:20px}.brand-tagline{font-size:8px;letter-spacing:.7px;padding-left:7px}.actions{gap:7px}.action{min-height:39px;font-size:12px}}
@media(max-width:380px){.brand-tagline{display:none}.header-ad{transform:scale(.92);transform-origin:center top;margin-bottom:-4px}.header-inner{gap:4px}.actions{grid-template-columns:1fr}.action{min-height:40px}}