/*
Theme Name: Talesovia
Theme URI: https://talesovia.com
Author: Talesovia
Description: A Netflix-style dark theme for video streaming with a YouTube-like watch page, an easy video manager (links or direct uploads), front-end member uploads, and a built-in AI video generator studio.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: talesovia
Tags: dark, entertainment, video, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ============ Tokens ============ */
:root{--red:#E50914;--bg:#141414;--bg2:#181818;--card:#1f1f1f;--line:#2f2f2f;--text:#fff;--muted:#b3b3b3;
--grad:linear-gradient(90deg,#00c6ff 0%,#7b2ff7 40%,#ff3cac 70%,#ff9a00 100%);--pad:4%;--hh:68px;
--font:"Netflix Sans","Helvetica Neue",Helvetica,Arial,"Segoe UI",Roboto,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3{line-height:1.15;margin:0}
ul{margin:0;padding:0;list-style:none}
.screen-reader-text{position:absolute;left:-9999px}
::selection{background:var(--red)}
.tv-main{min-height:70vh}
[hidden]{display:none!important}

/* ============ Buttons / badges ============ */
.tv-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:4px;padding:9px 18px;font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;transition:transform .15s,background .2s,filter .2s}
.tv-btn:hover{transform:scale(1.04)}
.tv-btn--red{background:var(--red);color:#fff}
.tv-btn--red:hover{filter:brightness(1.15)}
.tv-btn--ghost{background:rgba(109,109,110,.5);color:#fff}
.tv-btn--ghost:hover{background:rgba(109,109,110,.8)}
.tv-btn--ai{background:var(--grad);color:#fff;box-shadow:0 0 18px rgba(123,47,247,.45)}
.tv-btn--play{background:#fff;color:#000;font-size:19px;padding:11px 28px}
.tv-btn--play:hover{background:rgba(255,255,255,.8)}
.tv-btn--info{background:rgba(109,109,110,.7);color:#fff;font-size:19px;padding:11px 26px;border:0}
.tv-btn--info:hover{background:rgba(109,109,110,.45)}
.tv-btn--xl{font-size:18px;padding:14px 28px;width:100%;justify-content:center}
.tv-btn:disabled{opacity:.6;cursor:wait}
.tv-badge{position:absolute;z-index:2;font-size:11px;font-weight:800;border-radius:3px;padding:2px 6px}
.tv-badge--ai{background:var(--grad);color:#fff;top:8px;left:8px}
.tv-badge--dur{background:rgba(0,0,0,.8);right:8px;bottom:8px}
.tv-badge--lg{position:static;display:inline-block;font-size:13px;padding:4px 10px;border-radius:20px}
.tv-rate{border:1px solid rgba(255,255,255,.55);padding:0 6px;font-size:.85em;border-radius:2px}

/* ============ Header ============ */
.tv-header{position:fixed;inset:0 0 auto 0;height:var(--hh);z-index:100;display:flex;align-items:center;gap:28px;padding:0 var(--pad);background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,0));transition:background .3s}
.tv-header.is-solid,.tv-header.nav-open{background:var(--bg);box-shadow:0 2px 14px rgba(0,0,0,.5)}
.tv-logo img{height:34px;width:auto}
.tv-logo .custom-logo{height:36px;width:auto}
.tv-menu{display:flex;gap:20px;align-items:center}
.tv-menu a{font-size:14px;color:#e5e5e5;transition:color .2s}
.tv-menu a:hover,.tv-menu .current-menu-item>a{color:#fff;font-weight:700}
.tv-menu li{position:relative}
.tv-menu .sub-menu{display:none;position:absolute;top:100%;left:-14px;min-width:180px;background:rgba(0,0,0,.95);border-top:2px solid var(--red);padding:8px 0}
.tv-menu li:hover>.sub-menu{display:block}
.tv-menu .sub-menu a{display:block;padding:7px 16px}
.tv-header__right{margin-left:auto;display:flex;align-items:center;gap:12px}
.tv-search{display:flex;align-items:center;border:1px solid transparent;padding:2px}
.tv-search.is-open{background:rgba(0,0,0,.75);border-color:#fff}
.tv-search__btn{background:none;border:0;padding:6px;display:flex;color:#fff}
.tv-search input{width:0;opacity:0;padding:0;border:0;background:none;color:#fff;font-size:14px;outline:0;transition:width .3s,opacity .3s}
.tv-search.is-open input{width:210px;opacity:1;padding:4px 8px 4px 0}
.tv-user{position:relative}
.tv-user__btn{background:none;border:0;padding:0;border-radius:4px;overflow:hidden;display:block}
.tv-user__btn img{border-radius:4px}
.tv-user__menu{display:none;position:absolute;right:0;top:46px;min-width:210px;background:rgba(0,0,0,.95);border:1px solid var(--line);border-radius:4px;padding:6px 0}
.tv-user__menu.is-open{display:block}
.tv-user__menu a,.tv-user__name{display:block;padding:9px 16px;font-size:14px}
.tv-user__name{color:var(--muted);border-bottom:1px solid var(--line)}
.tv-user__menu a:hover{background:#222;text-decoration:underline}
.tv-burger{display:none;background:none;border:0;width:36px;height:36px;padding:7px;flex-direction:column;justify-content:space-between}
.tv-burger span{height:3px;background:#fff;border-radius:2px;display:block}

/* ============ Hero ============ */
.tv-hero{position:relative;height:84vh;min-height:520px;max-height:880px;overflow:hidden;background:#000}
.tv-hero__slide{position:absolute;inset:0;background:#111 center/cover no-repeat;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;display:flex;align-items:center}
.tv-hero__slide.is-active{opacity:1;visibility:visible}
.tv-hero__shade{position:absolute;inset:0;background:linear-gradient(77deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.45) 40%,rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(20,20,20,0) 55%,var(--bg) 100%)}
.tv-hero__content{position:relative;padding:var(--hh) var(--pad) 0;max-width:720px;z-index:2}
.tv-hero__title{font-size:clamp(2rem,5.2vw,4.6rem);font-weight:900;letter-spacing:-.02em;margin:12px 0;text-shadow:2px 4px 14px rgba(0,0,0,.7)}
.tv-hero__meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:#d2d2d2;font-weight:600;margin-bottom:12px}
.tv-hero__hot{color:#46d369}
.tv-hero__desc{font-size:clamp(1rem,1.5vw,1.3rem);text-shadow:1px 2px 6px rgba(0,0,0,.8);margin:0 0 22px;color:#f1f1f1}
.tv-hero__btns{display:flex;gap:12px;flex-wrap:wrap}
.tv-hero__dots{position:absolute;right:var(--pad);bottom:110px;display:flex;gap:8px;z-index:3}
.tv-dot{width:30px;height:4px;border:0;border-radius:2px;background:rgba(255,255,255,.35);padding:0}
.tv-dot.is-on{background:#fff}
.tv-hero--welcome{background:radial-gradient(ellipse at 70% 20%,#3a1060 0,#141414 60%);display:flex;align-items:center;justify-content:center;text-align:center}
.tv-hero__content--center{max-width:760px;display:flex;flex-direction:column;align-items:center}
.tv-hero__btns--center{justify-content:center}
.tv-welcome-logo{width:min(420px,70vw);margin-bottom:10px;filter:drop-shadow(0 0 40px rgba(123,47,247,.4))}

/* ============ Rows + cards ============ */
.tv-rows{position:relative;z-index:5;margin-top:-90px;padding-bottom:40px}
.tv-row{margin:0 0 3vw}
.tv-row__head{display:flex;align-items:baseline;gap:18px;padding:0 var(--pad);margin-bottom:4px}
.tv-row__head h2{font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:700;color:#e5e5e5}
.tv-row__all{font-size:13px;color:#54b9c5;opacity:0;transform:translateX(-8px);transition:.3s;font-weight:700}
.tv-row:hover .tv-row__all{opacity:1;transform:none}
.tv-row__wrap{position:relative}
.tv-row__track{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:44px var(--pad);margin:-34px 0;scroll-padding:0 var(--pad)}
.tv-row__track::-webkit-scrollbar{display:none}
.tv-row__arrow{position:absolute;top:10px;bottom:10px;width:var(--pad);min-width:40px;z-index:6;border:0;background:rgba(20,20,20,.55);color:#fff;font-size:40px;opacity:0;transition:opacity .2s}
.tv-row__arrow--l{left:0}.tv-row__arrow--r{right:0}
.tv-row:hover .tv-row__arrow{opacity:1}
.tv-row__arrow:hover{background:rgba(20,20,20,.85)}
.tv-card{position:relative;flex:0 0 calc((100% - 8% - 30px) / 6);min-width:200px;scroll-snap-align:start;transition:transform .3s .1s,z-index 0s .1s;border-radius:6px;background:var(--card)}
.tv-card__thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px 6px 0 0;background:linear-gradient(135deg,#1b2a6b,#5a1f8f 55%,#c2410c)}
.tv-card__thumb img{width:100%;height:100%;object-fit:cover}
.tv-card__ph{position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;font-weight:900;opacity:.6}
.tv-card__body{padding:10px 12px 12px;display:none}
.tv-card__title{font-size:14px;font-weight:700;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.tv-card__meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--muted)}
.tv-card__actions{display:flex;gap:8px;margin-top:10px}
.tv-round{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:rgba(42,42,42,.8);font-size:15px;display:grid;place-items:center;padding:0;line-height:1;transition:border-color .2s}
.tv-round:hover,.tv-round.is-active{border-color:#fff}
.tv-round--play{background:#fff;color:#000;border-color:#fff;font-size:13px;padding-left:2px}
@media (hover:hover){
 .tv-row .tv-card:hover{transform:scale(1.25);z-index:20;box-shadow:0 14px 40px rgba(0,0,0,.8)}
 .tv-row .tv-card:first-child:hover{transform-origin:left center}
 .tv-row .tv-card:last-child:hover{transform-origin:right center}
 .tv-card:hover .tv-card__body{display:block}
 .tv-grid .tv-card:hover{transform:scale(1.06);z-index:5;box-shadow:0 14px 40px rgba(0,0,0,.8)}
}
.tv-grid .tv-card__body{display:block;background:none;padding:10px 2px}
.tv-grid .tv-card{background:none}
.tv-grid .tv-card__thumb{border-radius:6px}
.tv-grid .tv-card__actions{display:none}
.tv-grid .tv-card__title{-webkit-line-clamp:2;font-size:15px}
/* Top 10 */
.tv-row--top10 .tv-card{counter-increment:top;flex-basis:calc((100% - 8% - 30px)/5.2);margin-left:46px;overflow:visible}
.tv-row--top10 .tv-row__track{counter-reset:top}
.tv-row--top10 .tv-card::before{content:counter(top);position:absolute;left:-52px;bottom:6px;font-size:clamp(5rem,10vw,9rem);font-weight:900;line-height:.8;color:#141414;-webkit-text-stroke:3px #6b6b6b;letter-spacing:-.08em;pointer-events:none}

/* Grid */
.tv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:34px 14px}
.tv-grid .tv-card{min-width:0}

/* ============ Generic pages ============ */
.tv-page{padding:calc(var(--hh) + 36px) var(--pad) 60px}
.tv-page--narrow{max-width:900px;margin:0 auto}
.tv-page__head{margin-bottom:20px}
.tv-page__head h1{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900}
.tv-page__desc{color:var(--muted);margin-top:8px;max-width:720px}
.tv-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.tv-chip{padding:6px 14px;border-radius:999px;background:#2a2a2a;font-size:14px;font-weight:600;transition:background .2s}
.tv-chip:hover{background:#3d3d3d}
.tv-chip.is-on{background:#fff;color:#000}
.tv-chips--sort .tv-chip{background:none;border:1px solid var(--line);margin-bottom:10px}
.tv-chips--sort .tv-chip.is-on{background:var(--red);border-color:var(--red);color:#fff}
.tv-empty{text-align:center;padding:90px 20px;color:var(--muted)}
.tv-empty h1,.tv-empty h2{color:#fff;margin-bottom:10px;font-size:2.4rem}
.tv-empty .tv-btn{margin-top:18px}
.tv-pagination{margin-top:40px}
.tv-pagination .nav-links{display:flex;gap:8px;justify-content:center}
.page-numbers{padding:8px 14px;border-radius:4px;background:#2a2a2a}
.page-numbers.current{background:var(--red)}
.tv-prose{color:#d6d6d6;font-size:1.05rem}
.tv-prose a{color:#54b9c5;text-decoration:underline}
.tv-post{border-bottom:1px solid var(--line);padding:22px 0}
.tv-post__meta{color:var(--muted);font-size:14px}

/* ============ Watch page ============ */
.tv-watch{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;padding:calc(var(--hh) + 22px) var(--pad) 60px;max-width:1760px;margin:0 auto}
.tv-embed{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 12px 50px rgba(0,0,0,.6)}
.tv-embed iframe,.tv-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.tv-embed--empty{display:grid;place-items:center;color:var(--muted)}
.tv-watch__title{font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:800;margin:16px 0 10px}
.tv-watch__bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.tv-watch__stats{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;color:var(--muted);font-size:14px}
.tv-watch__stats strong{color:#fff}
.tv-watch__actions{display:flex;gap:8px;flex-wrap:wrap}
.tv-pill{background:#2a2a2a;border:0;border-radius:999px;padding:9px 18px;font-weight:700;font-size:14px;transition:background .2s}
.tv-pill:hover{background:#3d3d3d}
.tv-pill.is-active{background:#fff;color:#000}
.tv-watch__info{background:var(--card);border-radius:12px;padding:16px 18px;margin:16px 0;position:relative}
.tv-watch__byline{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:8px}
.tv-watch__byline img{border-radius:50%}
.tv-watch__info .tv-chips{margin:6px 0 10px}
.tv-watch__desc{max-height:96px;overflow:hidden;color:#e0e0e0}
.tv-watch__info.is-open .tv-watch__desc{max-height:none}
.tv-prompt{margin-top:12px;border-left:3px solid #7b2ff7;padding:4px 14px;background:rgba(123,47,247,.1);border-radius:0 6px 6px 0;display:none}
.tv-watch__info.is-open .tv-prompt{display:block}
.tv-prompt p{margin:4px 0 0;color:#cfc2ff}
.tv-more{background:none;border:0;color:#fff;font-weight:800;padding:8px 0 0}
.tv-watch__side h3{font-size:1.1rem;margin-bottom:12px}
.tv-side{display:flex;gap:10px;margin-bottom:12px;border-radius:8px;padding:4px;transition:background .2s}
.tv-side:hover{background:#222}
.tv-side__thumb{position:relative;flex:0 0 168px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#1b2a6b,#5a1f8f 55%,#c2410c)}
.tv-side__thumb img{width:100%;height:100%;object-fit:cover}
.tv-side__txt strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.3}
.tv-side__txt small{color:var(--muted);display:block;margin-top:4px;font-size:12px}
/* Comments */
.tv-comments{margin-top:28px}
.tv-comments h2{font-size:1.2rem;margin-bottom:14px}
.tv-comments textarea,.tv-comments input[type=text],.tv-comments input[type=email],.tv-comments input[type=url]{width:100%;background:transparent;border:0;border-bottom:1px solid #555;color:#fff;padding:10px 2px;font:inherit;outline:0}
.tv-comments textarea:focus,.tv-comments input:focus{border-color:#fff}
.tv-comments .comment-form p{margin:0 0 12px}
.tv-comments__list{list-style:none;padding:0;margin:26px 0 0}
.tv-comments__list ol{list-style:none;padding-left:36px}
.tv-comments__list .comment-body{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;margin-bottom:20px;position:relative}
.tv-comments__list .avatar{border-radius:50%;grid-row:span 3}
.tv-comments__list .comment-author{font-weight:700;font-size:14px}
.tv-comments__list .comment-metadata{font-size:12px;color:var(--muted)}
.tv-comments__list .comment-content p{margin:0}
.tv-comments__list .reply a{font-size:12px;font-weight:700;color:var(--muted)}
.tv-comments__list .says{display:none}

/* ============ Forms / AI studio / upload ============ */
.tv-card-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px;margin:0 0 22px}
.tv-center{text-align:center}.tv-center .tv-btn{margin:10px 4px 0}
.tv-form{display:grid;gap:18px}
.tv-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tv-label{display:block;font-weight:700;font-size:14px;color:#ddd}
.tv-form input[type=text],.tv-form input[type=url],.tv-form input[type=file],.tv-form textarea,.tv-form select{width:100%;margin-top:7px;background:#333;border:1px solid transparent;color:#fff;border-radius:6px;padding:12px 14px;font:inherit;outline:0}
.tv-form textarea{resize:vertical}
.tv-form input:focus,.tv-form textarea:focus,.tv-form select:focus{border-color:#fff}
.tv-hint{color:var(--muted);font-size:13px;margin:0;text-align:center}
.tv-note{background:#2a2112;border:1px solid #6b5416;color:#ffd77a;border-radius:8px;padding:12px 16px;margin-bottom:18px}
.tv-note a{text-decoration:underline;font-weight:700}
.tv-note--ok{background:#10281a;border-color:#1f6b3a;color:#7be3a2}
.tv-note--err{background:#2b1212;border-color:#7a1f1f;color:#ff9a9a}
.tv-ai{position:relative;padding:calc(var(--hh) + 40px) var(--pad) 70px;max-width:860px;margin:0 auto}
.tv-ai__glow{position:absolute;inset:0 -30% auto;height:520px;background:radial-gradient(circle at 30% 20%,rgba(0,198,255,.22),transparent 50%),radial-gradient(circle at 70% 25%,rgba(255,60,172,.2),transparent 50%),radial-gradient(circle at 50% 60%,rgba(255,154,0,.14),transparent 55%);pointer-events:none}
.tv-ai>*{position:relative}
.tv-ai__head{text-align:center;margin-bottom:26px}
.tv-ai__head h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:900;margin:14px 0 8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tv-ai__head p{color:#d0d0d0;max-width:560px;margin:0 auto}
.tv-ai__sub{margin:36px 0 14px;font-size:1.3rem}
.tv-styles{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.tv-style input{position:absolute;opacity:0}
.tv-style span{display:block;padding:8px 16px;border-radius:999px;background:#333;font-weight:600;font-size:14px;cursor:pointer;transition:.2s}
.tv-style input:checked+span{background:var(--grad);box-shadow:0 0 14px rgba(123,47,247,.5)}
.tv-spinner{width:54px;height:54px;border-radius:50%;margin:0 auto 18px;border:5px solid #333;border-top-color:#ff3cac;border-right-color:#00c6ff;animation:tvspin 1s linear infinite}
@keyframes tvspin{to{transform:rotate(360deg)}}
.tv-switch{display:flex;gap:8px}
.tv-switch label{flex:1}.tv-switch input{position:absolute;opacity:0}
.tv-switch span{display:block;text-align:center;padding:12px;border-radius:8px;background:#333;font-weight:700;cursor:pointer}
.tv-switch input:checked+span{background:var(--red)}
.tv-drop{display:block;border:2px dashed #555;border-radius:10px;padding:34px 16px;text-align:center;cursor:pointer;font-weight:700}
.tv-drop input{display:none}.tv-drop small{display:block;color:var(--muted);font-weight:400;margin-top:4px}
.tv-drop:hover{border-color:#fff}

/* ============ Footer ============ */
.tv-footer{border-top:1px solid var(--line);padding:50px var(--pad) 40px;color:var(--muted);background:#0f0f0f}
.tv-footer__in{max-width:1100px;margin:0 auto;text-align:center;display:grid;gap:18px;justify-items:center}
.tv-footer__logo{width:200px;height:auto}
.tv-footer__menu{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center}
.tv-footer__menu a{font-size:14px}.tv-footer__menu a:hover{color:#fff;text-decoration:underline}
.tv-footer__copy{font-size:13px;margin:0}

/* ============ Responsive ============ */
@media (max-width:1200px){.tv-card{flex-basis:calc((100% - 8% - 24px)/4.5)}.tv-watch{grid-template-columns:minmax(0,1fr) 340px}}
@media (max-width:980px){
 .tv-watch{grid-template-columns:1fr}
 .tv-side__thumb{flex-basis:150px}
 .tv-burger{display:flex}
 .tv-header{gap:12px}
 .tv-nav{position:absolute;top:var(--hh);left:0;right:0;background:var(--bg);display:none;padding:10px var(--pad) 20px;border-bottom:1px solid var(--line)}
 .tv-header.nav-open .tv-nav{display:block}
 .tv-menu{flex-direction:column;align-items:flex-start;gap:0}.tv-menu a{display:block;padding:12px 0;font-size:16px}
 .tv-menu .sub-menu{display:block;position:static;background:none;border:0;padding-left:14px}
 .tv-hide-sm{display:none}
}
@media (max-width:700px){
 :root{--pad:16px;--hh:60px}
 .tv-card{flex-basis:44%;min-width:150px}
 .tv-row--top10 .tv-card{flex-basis:40%}
 .tv-row__arrow{display:none}
 .tv-row__track{padding:14px var(--pad);margin:0}
 .tv-rows{margin-top:-50px}
 .tv-hero{height:70vh;min-height:440px}
 .tv-btn--ai span{display:none}
 .tv-btn--ai{padding:9px 12px}
 .tv-search.is-open input{width:130px}
 .tv-form__row{grid-template-columns:1fr}
 .tv-hero__dots{bottom:70px}
 .tv-grid{grid-template-columns:repeat(2,1fr);gap:22px 10px}
 .tv-embed{border-radius:0;margin:0 calc(var(--pad) * -1)}
 .tv-watch{padding-top:var(--hh)}
 .tv-card-box{padding:18px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}