:root{--st-bg:#07111d;--st-panel:#0d1b2b;--st-border:#20364d;--st-text:#eef5ff;--st-muted:#9fb1c4;--st-accent:#e11d48;--st-blue:#1877ff}
body{background:var(--st-bg);color:var(--st-text)}
.top{background:#0b1827!important;border-bottom:1px solid var(--st-border)!important}
.brand{font-weight:800}
.hero{text-align:center;padding:46px 0 28px}
.hero h1{font-size:clamp(32px,6vw,60px);line-height:1.05;margin:0 0 12px}
.hero p{max-width:760px;margin:0 auto 20px}
.panel{background:var(--st-panel);border-color:var(--st-border)}
.search{background:#07111d;border-color:#38516b;color:#fff}
.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.card{background:#0e2034;border-color:#223c56;cursor:pointer;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-2px);border-color:#4a7297}
.card img{object-fit:contain}
.btn{background:#17314a}
.primary{background:var(--st-blue)}
#stphp-popup-backdrop{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:14px;background:rgba(0,0,0,.84)}
#stphp-popup-backdrop.open{display:flex}
#stphp-popup{width:min(1100px,100%);max-height:95vh;overflow:hidden;background:#081522;color:#eef5ff;border:1px solid #29445f;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.65)}
#stphp-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #20364d}
#stphp-title{flex:1;font-weight:800;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stphp-close{width:42px;height:42px;border:0;border-radius:10px;background:#162b40;color:#fff;font-size:28px;cursor:pointer}
#stphp-video-wrap{position:relative;aspect-ratio:16/9;background:#000}
#stphp-video{width:100%;height:100%;display:block;background:#000}
.stphp-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:50px;height:60px;border:0;border-radius:12px;background:rgba(0,0,0,.65);color:#fff;font-size:38px;cursor:pointer}
#stphp-prev{left:10px}#stphp-next{right:10px}
.stphp-arrow:disabled{opacity:.25}
#stphp-info{display:flex;align-items:center;gap:12px;padding:12px 14px}
#stphp-meta{flex:1;min-width:0}
#stphp-country{color:#a8b9c9;font-size:14px}
#stphp-category{color:#7890a5;font-size:13px;margin-top:3px}
#stphp-favorite{border:1px solid #3a5269;background:#122438;color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
#stphp-favorite.active{color:#ffd45c;border-color:#d4a936}
@media(max-width:600px){#stphp-popup-backdrop{padding:0}#stphp-popup{width:100%;height:100%;max-height:none;border-radius:0}.stphp-arrow{width:43px;height:52px}}