@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary: #080810;--bg-secondary: #0e0e1a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .09);--border-glass: rgba(255, 255, 255, .07);--border-accent: rgba(229, 57, 53, .3);--text-primary: #f0f0f8;--text-secondary: #9090a8;--text-muted: #50505f;--accent-start: #e53935;--accent-mid: #f4511e;--accent-end: #ff7043;--accent-gradient: linear-gradient(135deg, var(--accent-start), var(--accent-end));--accent-gradient-h: linear-gradient(90deg, var(--accent-start), var(--accent-end));--accent-glow: rgba(229, 57, 53, .4);--accent-glow-sm: rgba(229, 57, 53, .2);--gold: #ffd700;--silver: #c0c0c0;--bronze: #cd7f32;--success: #00e676;--danger: #ff5252;--info: #40c4ff;--container-max: 1440px;--nav-height: 70px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--shadow-card: 0 4px 24px rgba(0, 0, 0, .5);--shadow-card-hover: 0 16px 48px rgba(0, 0, 0, .6);--shadow-accent: 0 8px 32px var(--accent-glow);--shadow-accent-lg: 0 16px 64px var(--accent-glow)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;outline:none}input{font-family:inherit;outline:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#e539354d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e5393599}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-display{font-family:Outfit,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}@keyframes slowFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 80px var(--accent-glow-sm)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.page-enter{animation:fadeInUp .45s cubic-bezier(.4,0,.2,1) forwards}@media(max-width:768px){.container{padding:0 16px}:root{--nav-height: 60px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);transition:var(--transition-normal);background:transparent}.navbar--scrolled{background:#080810e0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-glass);box-shadow:0 1px 40px #0006}.navbar--menu-open{background:#080810fa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar__logo{display:flex;align-items:center;gap:10px;z-index:1001}.navbar__logo-text{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.navbar__logo-text .gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar__center{display:flex;align-items:center;gap:2px}.navbar__link{position:relative;padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:var(--transition-fast);letter-spacing:.01em}.navbar__link:hover{color:var(--text-primary);background:var(--bg-glass)}.navbar__link.active{color:var(--accent-end)}.navbar__right{display:flex;align-items:center;gap:8px}.navbar__search{display:flex;align-items:center;position:relative}.navbar__search-toggle{width:40px;height:40px;border-radius:var(--radius-full);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast)}.navbar__search-toggle svg{width:18px;height:18px}.navbar__search-toggle:hover{background:var(--bg-glass);color:var(--text-primary)}.navbar__search-form{position:absolute;right:0;width:0;overflow:hidden;transition:var(--transition-normal)}.navbar__search--expanded .navbar__search-form{width:300px}.navbar__search--expanded .navbar__search-toggle{display:none}.navbar__search-input{width:100%;padding:10px 18px;border-radius:var(--radius-full);background:#ffffff12;border:1px solid var(--border-glass);color:var(--text-primary);font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-fast)}.navbar__search-input::placeholder{color:var(--text-muted)}.navbar__search-input:focus{border-color:var(--accent-start);box-shadow:0 0 0 3px var(--accent-glow-sm);background:#ffffff17}.navbar__hamburger{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border-radius:var(--radius-sm);z-index:1001}.navbar__hamburger span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition-normal);display:block}.navbar__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar__mobile-menu{display:none;position:fixed;inset:0;background:#080810f7;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.navbar__mobile-menu--open{opacity:1;pointer-events:all}.navbar__mobile-inner{display:flex;flex-direction:column;gap:6px;padding:calc(var(--nav-height) + 24px) 20px 20px}.navbar__mobile-search{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-bottom:16px}.navbar__mobile-search svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.navbar__mobile-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem}.navbar__mobile-search input::placeholder{color:var(--text-muted)}.navbar__mobile-link{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--text-secondary);transition:var(--transition-fast)}.navbar__mobile-link svg{width:20px;height:20px;flex-shrink:0}.navbar__mobile-link:hover{background:var(--bg-glass);color:var(--text-primary);padding-left:24px}@media(max-width:768px){.navbar__center,.navbar__search{display:none}.navbar__hamburger{display:flex}.navbar__mobile-menu{display:block}}.footer{position:relative;margin-top:auto;padding:56px 0 0;background:var(--bg-secondary);border-top:1px solid var(--border-glass);overflow:hidden}.footer__glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:800px;height:200px;background:var(--accent-gradient);filter:blur(100px);opacity:.07;pointer-events:none}.footer__inner{display:flex;justify-content:space-between;gap:48px;padding-bottom:40px}.footer__brand{max-width:340px}.footer__logo{display:inline-flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;margin-bottom:14px;letter-spacing:-.03em}.footer__desc{font-size:.875rem;color:var(--text-muted);line-height:1.75}.footer__links{display:flex;gap:64px}.footer__links-group{display:flex;flex-direction:column;gap:10px}.footer__links-group h4{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.footer__links-group a,.footer__links-group span{font-size:.875rem;color:var(--text-muted);transition:color var(--transition-fast)}.footer__links-group a:hover{color:var(--accent-end)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--border-glass);font-size:.78rem;color:var(--text-muted)}.footer__powered{display:flex;align-items:center;gap:6px;color:var(--text-muted);opacity:.7}.footer__powered span{color:var(--accent-end);font-weight:600}@media(max-width:768px){.footer{padding:40px 0 0}.footer__inner{flex-direction:column;gap:32px}.footer__links{gap:32px;flex-wrap:wrap}.footer__bottom{flex-direction:column;gap:8px;text-align:center}}.video-card{display:block;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-glass);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);animation:fadeInScale .45s cubic-bezier(.4,0,.2,1) forwards;opacity:0;position:relative}.video-card:hover{transform:translateY(-8px) scale(1.01);border-color:var(--border-accent);box-shadow:var(--shadow-card-hover),0 0 40px var(--accent-glow-sm)}.video-card__thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary)}.video-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);display:block}.video-card:hover .video-card__thumbnail img{transform:scale(1.1)}.video-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0003,#e5393526);opacity:0;transition:opacity var(--transition-normal)}.video-card:hover .video-card__overlay{opacity:1}.video-card__play-btn{width:60px;height:60px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent);transform:scale(.7);transition:transform var(--transition-normal)}.video-card:hover .video-card__play-btn{transform:scale(1)}.video-card__play-btn svg{width:24px;height:24px;color:#fff;margin-left:3px}.video-card__duration{position:absolute;bottom:8px;right:8px;padding:3px 9px;background:#000000d9;border-radius:var(--radius-xs);font-size:.72rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.02em}.video-card__rank{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;font-family:Outfit,sans-serif}.video-card__rank--1{background:var(--gold);color:#000;box-shadow:0 2px 12px #ffd70080}.video-card__rank--2{background:var(--silver);color:#000;box-shadow:0 2px 12px #c0c0c080}.video-card__rank--3{background:var(--bronze);color:#fff;box-shadow:0 2px 12px #cd7f3280}.video-card__new-badge{position:absolute;top:8px;left:8px;padding:3px 9px;background:linear-gradient(135deg,#00e676,#00c853);border-radius:var(--radius-xs);font-size:.65rem;font-weight:800;color:#000;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 2px 10px #00e67666;animation:glowPulse 3s ease-in-out infinite}.video-card:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:left .6s ease;pointer-events:none;z-index:1}.video-card:hover:after{left:160%}.video-card__info{padding:14px 16px 16px}.video-card__title{font-size:.88rem;font-weight:600;line-height:1.45;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;transition:color var(--transition-fast)}.video-card:hover .video-card__title{color:var(--accent-end)}.video-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;color:var(--text-muted)}.video-card__date{display:flex;align-items:center;gap:5px}@media(max-width:768px){.video-card__title{font-size:.82rem}.video-card__info{padding:10px 12px 14px}.video-card__play-btn{width:48px;height:48px}.video-card__play-btn svg{width:20px;height:20px}}.video-grid-section{padding:8px 0 32px}.video-grid__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.video-grid__title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;position:relative;padding-left:16px}.video-grid__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--accent-gradient);border-radius:4px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.video-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-muted);text-align:center}.video-grid__empty svg{width:56px;height:56px;opacity:.3}.video-grid__empty p{font-size:1rem;font-weight:500}.video-card-skeleton{border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-glass)}.skeleton-thumb{aspect-ratio:16 / 9;background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(255,255,255,.04) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.skeleton-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:10px;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(255,255,255,.04) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.skeleton-line--title{width:90%;height:12px}.skeleton-line--title-2{width:70%;height:12px}.skeleton-line--meta{width:40%;height:9px;margin-top:2px}@media(max-width:1024px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}}@media(max-width:640px){.video-grid{grid-template-columns:repeat(2,1fr);gap:12px}.video-grid__title{font-size:1.1rem}}.category-filter{position:sticky;top:var(--nav-height);z-index:100;padding:12px 0;margin-bottom:4px;background:linear-gradient(to bottom,var(--bg-primary) 60%,transparent)}.category-filter__track{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;scrollbar-width:none;-ms-overflow-style:none}.category-filter__track::-webkit-scrollbar{display:none}.category-filter__pill{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-glass);white-space:nowrap;transition:var(--transition-fast);flex-shrink:0;letter-spacing:.01em}.category-filter__pill svg{width:14px;height:14px}.category-filter__pill:hover{color:var(--text-primary);background:var(--bg-glass-hover);border-color:#ffffff1f;transform:translateY(-1px)}.category-filter__pill--active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 16px var(--accent-glow-sm)}.category-filter__pill--active:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 0;margin-top:8px}.pagination__btn{display:inline-flex;align-items:center;gap:8px;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);padding:10px 22px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;transition:all var(--transition-normal);letter-spacing:.01em}.pagination__btn svg{width:16px;height:16px;transition:transform var(--transition-fast)}.pagination__btn:not(:disabled):hover{background:var(--accent-gradient);border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-accent);color:#fff}.pagination__btn:not(:disabled):hover:first-child svg{transform:translate(-3px)}.pagination__btn:not(:disabled):hover:last-child svg{transform:translate(3px)}.pagination__btn:disabled{opacity:.35;cursor:not-allowed;background:transparent;border-color:var(--border-glass)}.pagination__current{font-size:.875rem;font-weight:700;color:var(--text-primary);background:var(--bg-glass);padding:10px 22px;border-radius:var(--radius-full);border:1px solid var(--border-accent);font-family:Outfit,sans-serif;min-width:80px;text-align:center}@media(max-width:480px){.pagination{gap:8px}.pagination__btn{padding:9px 16px;font-size:.82rem}.pagination__current{font-size:.82rem;padding:9px 16px}}.home-page{padding-top:calc(var(--nav-height) + 24px);min-height:100vh}.home-page__load-more{display:flex;justify-content:center;padding:16px 0 64px}.load-more-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 40px;border-radius:var(--radius-xl);background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass);font-size:.95rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal)}.load-more-btn:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--accent-start);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.load-more-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:var(--accent-start);border-radius:50%;animation:spin .8s linear infinite}.video-player{width:100%;border-radius:var(--radius-lg);overflow:hidden;background:#000;border:1px solid var(--border-glass);box-shadow:0 8px 40px #00000080}.video-player__wrapper{position:relative;width:100%;padding-top:56.25%}.video-player__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width:768px){.video-player{border-radius:0;border-left:none;border-right:none}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px;min-height:40vh}.loader__spinner{position:relative;width:52px;height:52px}.loader__ring{position:absolute;inset:0;border:2.5px solid transparent;border-radius:50%}.loader__ring:nth-child(1){border-top-color:var(--accent-start);animation:spin .9s linear infinite}.loader__ring:nth-child(2){inset:5px;border-right-color:var(--accent-mid);animation:spin 1.4s linear infinite reverse}.loader__ring:nth-child(3){inset:11px;border-bottom-color:var(--accent-end);animation:spin 1.9s linear infinite}.loader__text{font-size:.875rem;color:var(--text-muted);animation:pulse 2s ease-in-out infinite;letter-spacing:.02em}.watch-page{padding-top:calc(var(--nav-height) + 24px);min-height:100vh}.watch-page__content{padding-bottom:80px}.watch-page__main{max-width:960px}.watch-page__info{padding:20px 0 24px}.watch-page__title{font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:700;line-height:1.4;margin-bottom:18px;letter-spacing:-.02em;color:var(--text-primary)}.watch-page__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.watch-page__meta-item{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:var(--text-secondary);padding:6px 14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-fast)}.watch-page__meta-item svg{width:15px;height:15px;flex-shrink:0;opacity:.7}.watch-page__download-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#00c853,#00e676);color:#000;border:none;border-radius:var(--radius-full);font-weight:700;font-size:.82rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 16px #00c85359;margin-left:auto;letter-spacing:.01em}.watch-page__download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00c85380}.watch-page__download-btn svg{width:16px;height:16px}.watch-page__related{margin-top:32px;padding-top:8px;border-top:1px solid var(--border-glass)}.watch-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-muted);text-align:center}.watch-page__error svg{width:56px;height:56px;opacity:.5;color:var(--danger)}.watch-page__error h2{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.watch-page__back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;margin-top:8px;transition:var(--transition-normal);box-shadow:var(--shadow-accent)}.watch-page__back-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent-lg)}@media(max-width:768px){.watch-page{padding-top:var(--nav-height)}.watch-page__info{padding:16px 0 20px}.watch-page__title{font-size:1.1rem}.watch-page__meta{gap:8px}.watch-page__meta-item{font-size:.78rem;padding:5px 10px}.watch-page__download-btn{width:100%;justify-content:center;margin-top:12px;margin-left:0}}.search-page{min-height:100vh}.search-page__header{position:relative;padding:calc(var(--nav-height) + 56px) 0 52px;overflow:hidden}.search-page__header-bg{position:absolute;inset:0;z-index:0}.search-page__orb{position:absolute;border-radius:50%;filter:blur(100px)}.search-page__orb--1{width:400px;height:400px;background:radial-gradient(circle,rgba(229,57,53,.3),transparent 70%);top:-60%;right:-5%}.search-page__orb--2{width:300px;height:300px;background:radial-gradient(circle,rgba(255,112,67,.2),transparent 70%);bottom:-30%;left:-5%}.search-page__header .container{position:relative;z-index:1;text-align:center}.search-page__title{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:900;margin-bottom:10px;letter-spacing:-.04em}.search-page__subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:36px}.search-page__form{display:flex;gap:12px;max-width:640px;margin:0 auto}.search-page__input-wrapper{flex:1;display:flex;align-items:center;gap:12px;padding:0 20px;background:#ffffff0f;border:1px solid var(--border-glass);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition-fast)}.search-page__input-wrapper:focus-within{border-color:var(--accent-start);box-shadow:0 0 0 3px var(--accent-glow-sm);background:#ffffff14}.search-page__input-wrapper svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.search-page__input{flex:1;padding:15px 0;background:transparent;border:none;color:var(--text-primary);font-size:.95rem}.search-page__input::placeholder{color:var(--text-muted)}.search-page__clear{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bg-glass);color:var(--text-muted);transition:var(--transition-fast);flex-shrink:0}.search-page__clear svg{width:13px;height:13px}.search-page__clear:hover{color:var(--text-primary);background:#ffffff1a}.search-page__submit{padding:14px 28px;background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;transition:var(--transition-normal);white-space:nowrap;box-shadow:var(--shadow-accent)}.search-page__submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent-lg)}.search-page__results{padding-bottom:48px}@media(max-width:768px){.search-page__header{padding:calc(var(--nav-height) + 36px) 0 36px}.search-page__title{font-size:1.8rem}.search-page__form{flex-direction:column}.search-page__submit{text-align:center;padding:14px}}.history-page{min-height:100vh}.history-page__header{position:relative;padding:calc(var(--nav-height) + 56px) 0 52px;overflow:hidden}.history-page__header-bg{position:absolute;inset:0;z-index:0}.history-page__orb{position:absolute;border-radius:50%;filter:blur(100px)}.history-page__orb--1{width:400px;height:400px;background:radial-gradient(circle,rgba(229,57,53,.3),transparent 70%);top:-120px;left:-100px}.history-page__orb--2{width:300px;height:300px;background:radial-gradient(circle,rgba(255,112,67,.2),transparent 70%);bottom:-80px;right:-60px}.history-page__header-content{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.history-page__title{font-family:Outfit,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.03em}.history-page__subtitle{color:var(--text-secondary);font-size:.95rem}.history-page__clear-btn{display:flex;align-items:center;gap:7px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171;padding:9px 18px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.history-page__clear-btn svg{width:15px;height:15px}.history-page__clear-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.history-page__content{padding:24px 0 64px}.history-page__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 20px;gap:16px}.history-page__empty-icon{width:80px;height:80px;background:#e539351a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid rgba(229,57,53,.2)}.history-page__empty-icon svg{width:36px;height:36px;color:var(--accent-start)}.history-page__empty h2{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.history-page__empty p{color:var(--text-secondary);max-width:350px;line-height:1.65;font-size:.9rem}.history-page__explore-btn{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:var(--accent-gradient);color:#fff;padding:12px 28px;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:var(--shadow-accent)}.history-page__explore-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent-lg)}.history-page__list{display:flex;flex-direction:column;gap:10px}.history-item{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.history-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translate(4px)}.history-item__thumb-link{flex-shrink:0}.history-item__thumbnail{position:relative;width:160px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.history-item__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.history-item__overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.history-item__thumbnail:hover .history-item__overlay{opacity:1}.history-item__thumbnail:hover img{transform:scale(1.08)}.history-item__play{width:40px;height:40px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-accent)}.history-item__play svg{width:18px;height:18px;margin-left:2px}.history-item__duration{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-xs)}.history-item__info{flex:1;min-width:0}.history-item__title{display:block;color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.45;text-decoration:none;margin-bottom:7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;transition:color var(--transition-fast)}.history-item__title:hover{color:var(--accent-end)}.history-item__meta{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.76rem}.history-item__meta svg{width:12px;height:12px;flex-shrink:0}.history-item__delete{flex-shrink:0;width:34px;height:34px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#f87171;cursor:pointer;transition:all var(--transition-fast)}.history-item__delete svg{width:14px;height:14px}.history-item__delete:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.1)}@media(max-width:480px){.history-item__thumbnail{width:110px}.history-item__title{font-size:.82rem}}.trending-page{min-height:100vh}.trending-page__header{position:relative;padding:calc(var(--nav-height) + 56px) 0 52px;overflow:hidden}.trending-page__header-bg{position:absolute;inset:0;z-index:0}.trending-page__orb{position:absolute;border-radius:50%;filter:blur(100px)}.trending-page__orb--1{width:400px;height:400px;background:radial-gradient(circle,rgba(229,57,53,.35),transparent 70%);top:-100px;left:-80px}.trending-page__orb--2{width:300px;height:300px;background:radial-gradient(circle,rgba(255,112,67,.25),transparent 70%);bottom:-60px;right:-60px}.trending-page__title{position:relative;z-index:1;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.03em}.trending-page__subtitle{position:relative;z-index:1;color:var(--text-secondary);font-size:.95rem}.trending-page__content{padding:24px 0 64px}.trending-page__skeletons{display:flex;flex-direction:column;gap:12px}.trending-skeleton{display:flex;align-items:center;gap:16px;padding:12px;background:var(--bg-card);border-radius:var(--radius-md);animation:pulse 1.5s ease-in-out infinite;border:1px solid var(--border-glass)}.trending-skeleton__rank{width:42px;height:42px;border-radius:var(--radius-sm);background:#ffffff12;flex-shrink:0}.trending-skeleton__thumb{width:160px;aspect-ratio:16/9;border-radius:var(--radius-sm);background:#ffffff12;flex-shrink:0}.trending-skeleton__info{flex:1;display:flex;flex-direction:column;gap:10px}.trending-skeleton__title{height:14px;border-radius:var(--radius-xs);background:#ffffff12;width:75%}.trending-skeleton__meta{height:10px;border-radius:var(--radius-xs);background:#ffffff0a;width:35%}.trending-page__list{display:flex;flex-direction:column;gap:10px}.trending-item{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.trending-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translate(6px)}.trending-item__rank{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;color:var(--text-muted)}.trending-item__rank--gold{background:#ffd7001a;border-color:#ffd70059;color:var(--gold)}.trending-item__rank--silver{background:#c0c0c01a;border-color:#c0c0c059;color:var(--silver)}.trending-item__rank--bronze{background:#cd7f321a;border-color:#cd7f3259;color:var(--bronze)}.trending-item__rank-crown{font-size:1.2rem}.trending-item__thumbnail{position:relative;flex-shrink:0;width:160px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.trending-item__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.trending-item:hover .trending-item__thumbnail img{transform:scale(1.08)}.trending-item__overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.trending-item:hover .trending-item__overlay{opacity:1}.trending-item__play{width:40px;height:40px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-accent)}.trending-item__play svg{width:18px;height:18px;margin-left:2px}.trending-item__duration{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-xs)}.trending-item__info{flex:1;min-width:0}.trending-item__title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.45;transition:color var(--transition-fast)}.trending-item:hover .trending-item__title{color:var(--accent-end)}.trending-item__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.trending-item__date{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.76rem}.trending-item__date svg{width:12px;height:12px}.trending-item__hot-badge{display:inline-flex;align-items:center;gap:4px;background:#e539351f;border:1px solid rgba(229,57,53,.3);color:var(--accent-end);font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:var(--radius-full);letter-spacing:.02em}.trending-item__arrow{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.trending-item__arrow svg{width:18px;height:18px}.trending-item:hover .trending-item__arrow{transform:translate(4px);color:var(--accent-end)}@media(max-width:560px){.trending-item__thumbnail{width:100px}.trending-item__rank{width:36px;height:36px;font-size:.875rem}.trending-item__title{font-size:.82rem}.trending-item__arrow{display:none}}