:root{--bg-primary:#0a0e17;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-secondary:#2563eb;--accent-hover:#1d4ed8;--border-color:#334155;--border-light:#475569;--success:#22c55e;--warning:#f59e0b;--error:#dc2626;--gradient-primary:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);--gradient-secondary:linear-gradient(135deg,#0f172a 0,#1e293b 100%);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 4px 16px rgba(0,0,0,.3);--shadow-lg:0 8px 32px rgba(0,0,0,.4);--shadow-glow:0 0 20px rgba(59,130,246,.3)}
[data-theme="light"]{--bg-primary:#f1f5f9;--bg-secondary:#ffffff;--bg-tertiary:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#cbd5e1;--border-light:#e2e8f0;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.16)}
body{background:var(--bg-primary);color:var(--text-primary)}
.stui-pannel{background:var(--bg-tertiary);box-shadow:var(--shadow-md)}
.stui-pannel-bg{background:var(--bg-tertiary)}
.stui-header__top{background:var(--gradient-secondary);box-shadow:var(--shadow-md)}
.stui-header__search form{border-color:var(--border-color);background:var(--bg-secondary)}
.stui-header__search form:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}
.stui-header__search input{color:var(--text-primary);background:transparent}
.stui-header__search button{background:var(--accent-primary)}
.stui-header__search button:hover{background:var(--accent-secondary)}
.stui-header__menu{background:var(--bg-secondary);border-top-color:var(--border-color)}
.stui-header__menu ul li a{color:var(--text-primary)}
.stui-header__menu ul li a:hover,.stui-header__menu ul li.active a{background:var(--accent-primary);color:#fff}
.stui-header__user a{color:var(--text-primary)}
.stui-header__user a:hover{background:var(--bg-tertiary);color:var(--accent-primary)}
.stui-header__user .dropdown{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:var(--shadow-lg)}
.stui-header__user .dropdown h5{border-bottom-color:var(--border-color)}
.stui-pannel_hd{border-bottom-color:var(--border-color)}
.stui-pannel__head .title{color:var(--text-primary)}
.stui-pannel__head .more{color:var(--text-muted)}
.stui-pannel__head .nav li a{color:var(--text-secondary)}
.stui-pannel__head .nav li a:hover{color:var(--accent-primary);background:var(--bg-secondary)}
.stui-screen__list li span{color:var(--text-secondary)}
.stui-screen__list li a{background:var(--bg-secondary);color:var(--text-primary)}
.stui-screen__list li a:hover,.stui-screen__list li a.active{background:var(--accent-primary);color:#fff}
.stui-vodlist__box{background:var(--bg-secondary)}
.stui-vodlist__thumb{background:var(--bg-tertiary)}
.stui-vodlist__thumb img{background:var(--bg-tertiary)}
.stui-vodlist__detail .title{color:var(--text-primary)}
.stui-vodlist__detail .title a:hover{color:var(--accent-primary)}
.stui-vodlist__detail .text{color:var(--text-muted)}
.stui-vodlist__media li{border-bottom-color:var(--border-color)}
.stui-vodlist__media li:hover{background:var(--bg-secondary)}
.stui-vodlist__media li .title{color:var(--text-secondary)}
.stui-vodlist__media li .title:hover{color:var(--accent-primary)}
.stui-vodlist__media li .text{color:var(--text-muted)}
.stui-content__thumb .picture{background:var(--bg-tertiary);box-shadow:var(--shadow-lg)}
.stui-content__thumb .picture .play{background:rgba(59,130,246,.9)}
.stui-content__detail .title{color:var(--text-primary)}
.stui-content__detail .data{color:var(--text-secondary)}
.stui-content__detail .data .text-muted{color:var(--text-muted)}
.stui-content__detail .desc{background:var(--bg-secondary);color:var(--text-secondary)}
.stui-player{background:var(--bg-secondary)}
.stui-player__detail{background:var(--bg-tertiary)}
.stui-player__detail .title{color:var(--text-primary)}
.stui-player__detail .title a:hover{color:var(--accent-primary)}
.stui-player__detail .data{color:var(--text-secondary)}
.stui-content__playlist li a{background:var(--bg-secondary);color:var(--text-secondary);border-color:transparent}
.stui-content__playlist li a:hover{background:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary)}
.stui-content__playlist li.active a{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}
.stui-page li a{background:var(--bg-secondary);color:var(--text-secondary);border-color:transparent}
.stui-page li a:hover{background:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary)}
.stui-page li.active a,.stui-page li.active span{background:var(--accent-primary);color:#fff}
.btn-primary{background:var(--accent-primary);color:#fff}
.btn-primary:hover{background:var(--accent-secondary)}
.btn-default{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}
.btn-default:hover{background:var(--border-color);color:var(--accent-primary);border-color:var(--accent-primary)}
.split-line{color:var(--border-light)}
.bottom-line{border-bottom-color:var(--border-color)}
.bottom-line-dot{border-bottom-color:var(--border-color);border-bottom-style:dashed}
.like-buttons .btn-like,.like-buttons .btn-dislike{background:var(--bg-secondary);color:var(--text-muted);border-color:var(--border-color)}
.like-buttons .btn-like:hover,.like-buttons .btn-dislike:hover{background:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary)}
.like-buttons .btn-like.liked{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}
.like-buttons .btn-dislike.disliked{background:var(--error);color:#fff;border-color:var(--error)}