.home-page{padding:0 0 80px}.home-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.home-loading__icon{font-size:5rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.home-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:12px;padding:24px}.home-empty__icon{font-size:5rem}.home-empty h2{font-size:1.5rem;font-weight:700}.home-empty p{color:#ffffffb3;max-width:280px}.home-empty__btn{margin-top:16px;padding:14px 32px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:100px;font-weight:600;font-size:1rem;color:#fff;text-decoration:none}.home-list{display:flex;flex-direction:column;gap:0}.home-list__item{display:block;text-decoration:none;color:inherit;background:linear-gradient(180deg,#1a1a2e,#16213e)}.home-list__thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.home-list__thumbnail img{width:100%;height:100%;object-fit:cover}.home-list__duration{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:#000000d9;border-radius:4px;font-size:.8rem;font-weight:600;color:#fff}.home-list__info{display:flex;gap:12px;padding:12px 16px}.home-list__text{flex:1;min-width:0}.home-list__title{font-size:.95rem;font-weight:600;line-height:1.3;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 4px}.home-list__channel{font-size:.8rem;color:#fff9;margin:0}.home-list__menu{flex-shrink:0;width:24px;height:24px;display:flex;align-items:flex-start;justify-content:center;background:none;border:none;color:#fff9;font-size:1.2rem;cursor:pointer;padding:0}.home-favorites{padding:16px;background:linear-gradient(135deg,#fd79a81a,#6c5ce71a)}.home-favorites__title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;margin-bottom:12px;color:#fff}.home-favorites__scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.home-favorites__scroll::-webkit-scrollbar{display:none}.home-favorites__item{flex-shrink:0;width:140px;border-radius:12px;overflow:hidden;text-decoration:none}.home-favorites__item img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px}.home-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,#16213e,#1a1a2e);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;align-items:center;z-index:1000}.home-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;text-decoration:none;color:#fff9;font-size:.7rem;transition:color .2s}.home-nav__item.active{color:#fd79a8}.home-nav__icon{font-size:1.4rem}@media (min-width: 768px){.home-page{padding:16px}.home-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.home-list__item{border-radius:16px;overflow:hidden}.home-nav{display:none}}.video-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#ffffff1f,#ffffff0d);border-radius:20px;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;min-width:200px;cursor:pointer;text-decoration:none;color:inherit}.video-card:hover,.video-card:active{transform:scale(1.05);box-shadow:0 8px 32px #6c5ce74d}.video-card:active{transform:scale(.98)}.video-card--compact{flex-direction:row;min-width:auto;border-radius:16px}.video-card__thumbnail{position:relative;width:100%;padding-bottom:56.25%;background:#ffffff0a;overflow:hidden}.video-card--compact .video-card__thumbnail{width:140px;padding-bottom:0;height:90px;flex-shrink:0}.video-card__thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .video-card__thumbnail img{transform:scale(1.08)}.video-card__play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;background:#0000004d;opacity:0;transition:opacity .2s;text-shadow:0 2px 8px rgba(0,0,0,.5)}.video-card:hover .video-card__play-icon,.video-card:active .video-card__play-icon{opacity:1}.video-card--compact .video-card__play-icon{font-size:1.5rem}.video-card__info{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:4px}.video-card--compact .video-card__info{padding:10px 12px;justify-content:center}.video-card__title{font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff}.video-card--compact .video-card__title{font-size:.875rem;-webkit-line-clamp:2}.video-card__channel{font-size:.8rem;color:#fff9;font-weight:500}.video-card--compact .video-card__channel{font-size:.75rem}.search-page{max-width:1200px;margin:0 auto;padding:16px}.search-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;border-radius:100px;color:#fff;font-weight:600;margin-bottom:20px;text-decoration:none;transition:background .2s}.search-back:hover{background:#ffffff26}.search-form{display:flex;gap:12px;margin-bottom:24px}.search-input-wrapper{flex:1;position:relative}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.3rem}.search-input{width:100%;padding:16px 20px 16px 56px;font-size:1.1rem;background:#ffffff1a;border:3px solid rgba(255,255,255,.15);border-radius:100px;color:#fff;font-family:inherit;transition:border-color .2s,background .2s}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none;border-color:#ff6b6b;background:#ffffff1f}.search-submit{padding:16px 32px;background:linear-gradient(135deg,#ff6b6b,#feca57);border:none;border-radius:100px;font-weight:700;font-size:1.1rem;color:#1a1a2e;cursor:pointer;transition:transform .2s,box-shadow .2s}.search-submit:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 20px #ff6b6b66}.search-submit:disabled{opacity:.5;cursor:not-allowed}.search-loading,.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.search-loading__icon,.search-empty__icon{font-size:4rem;animation:bounce 1s infinite}.search-empty h2{font-size:1.5rem;font-weight:700}.search-empty p{color:#fff9}.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}@media (max-width: 640px){.search-form{flex-direction:column}.search-submit{width:100%}.search-results{grid-template-columns:repeat(2,1fr);gap:12px}}.player-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;z-index:50}.player-video-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.player-iframe{width:100%;height:100%}.player-iframe iframe{width:100%!important;height:100%!important}.player-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;font-size:4rem;animation:pulse 1s infinite;z-index:10}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.player-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:0;transition:opacity .3s ease}.player-controls.visible{opacity:1}.player-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);pointer-events:none}.player-btn{position:absolute;width:56px;height:56px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .2s,background .2s}.player-btn:active{transform:scale(.95);background:#6c5ce7cc}.player-btn--back{top:16px;left:16px}.player-btn--menu{top:16px;right:16px}.player-btn--prev{left:16px;top:50%;transform:translateY(-50%)}.player-btn--prev:active{transform:translateY(-50%) scale(.95)}.player-btn--next{right:16px;top:50%;transform:translateY(-50%)}.player-btn--next:active{transform:translateY(-50%) scale(.95)}.player-btn--fs{bottom:16px;left:50%;transform:translate(-50%)}.player-btn--fs:active{transform:translate(-50%) scale(.95)}.player-btn--play{top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;font-size:36px;background:#000000b3}.player-btn--play:active{transform:translate(-50%,-50%) scale(.95)}.player-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.player-menu{position:absolute;top:80px;right:16px;z-index:210;background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;min-width:180px}.player-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;text-align:left}.player-menu button:active{background:#ffffff1a}.player-menu button.danger{color:#ff7675}.player-related{position:absolute;bottom:0;left:0;right:0;z-index:100;padding:40px 12px 12px;display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.5),transparent);opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease}.player-related.visible{opacity:1;transform:translateY(0)}.player-related::-webkit-scrollbar{display:none}.player-related__item{flex-shrink:0;width:120px;height:68px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:#222;cursor:pointer;position:relative;transition:transform .2s,border-color .2s}.player-related__item:active{transform:scale(.95)}.player-related__item.active{border-color:#6c5ce7}.player-related__item img{width:100%;height:100%;object-fit:cover}.player-related__duration{position:absolute;bottom:4px;right:4px;padding:2px 6px;background:#000000d9;border-radius:4px;font-size:.7rem;color:#fff}@media (max-width: 640px){.player-btn{width:48px;height:48px;font-size:20px}.player-related__item{width:100px;height:56px}}.google-signin__button{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;color:#333;cursor:pointer;transition:box-shadow .2s;width:100%;justify-content:center}.google-signin__button:hover{box-shadow:0 4px 12px #0003}.google-signin__icon{width:20px;height:20px}.google-signin--signed-in{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00b89426;border:1px solid rgba(0,184,148,.3);border-radius:12px}.google-signin__avatar{width:40px;height:40px;border-radius:50%}.google-signin__info{flex:1;display:flex;flex-direction:column;gap:2px}.google-signin__email{font-size:.85rem;color:#fffc}.google-signin__premium{font-size:.75rem;color:#00b894;font-weight:600}.google-signin__signout{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer}.google-signin__signout:hover{background:#ffffff26}.header{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(to bottom,#1a1a2efa,#1a1a2ee6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);z-index:100;gap:12px}.header__logo-container{display:flex;align-items:center;gap:8px;flex-shrink:0}.header__logo{display:flex;align-items:center;gap:8px;text-decoration:none}.header__premium-badge{padding:4px 8px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:12px;font-size:.65rem;font-weight:700;color:#fff}.header__logo-icon{font-size:1.75rem}.header__logo-text{font-weight:800;font-size:1.4rem;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.header__search-btn{flex:1;max-width:400px;display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:100px;color:#fff9;font-size:1rem;cursor:pointer;transition:background .2s,border-color .2s}.header__search-btn:hover{background:#ffffff26;border-color:#ffffff40}.header__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header__time{padding:8px 14px;background:#ffffff1a;border-radius:100px;font-size:.85rem;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.header__time--warning{background:#ff6b6b4d;animation:pulse 1s infinite}.header__avatar{width:44px;height:44px;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 8px #ff6b6b4d}.header__settings{width:44px;height:44px;background:#ffffff1a;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:background .2s,transform .2s;text-decoration:none}.header__settings:hover{background:#fff3;transform:rotate(45deg)}@media (max-width: 640px){.header{padding:0 12px}.header__logo-text{display:none}.header__search-btn{padding:10px 16px}.header__search-btn span:last-child{display:none}.header__time{padding:6px 10px;font-size:.75rem}}.session-prompt{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:24px}.session-prompt__content{text-align:center;max-width:400px;width:100%}.session-prompt__icon{font-size:5rem;margin-bottom:16px}.session-prompt__title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:32px}.session-prompt__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.session-prompt__option{padding:20px 12px;border-radius:16px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.session-prompt__option:hover,.session-prompt__option:active{background:linear-gradient(135deg,#6c5ce7,#5b4cdb);border-color:transparent;transform:scale(1.02)}.session-prompt__custom{display:flex;gap:12px}.session-prompt__input{flex:1;padding:16px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:1rem;text-align:center}.session-prompt__input::placeholder{color:#fff6}.session-prompt__custom-btn{padding:16px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#00b894,#00a085);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.session-prompt__custom-btn:disabled{opacity:.5;cursor:not-allowed}.session-prompt__custom-btn:not(:disabled):hover{transform:scale(1.02)}@media (max-width: 400px){.session-prompt__grid{grid-template-columns:repeat(2,1fr)}}.time-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;flex-direction:column}.time-overlay__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;pointer-events:none}.time-overlay__bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:linear-gradient(transparent,#00000080)}.time-overlay__text{font-size:1rem;color:#ffffffe6;font-weight:500}.time-overlay__settings-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.time-overlay__modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.time-overlay__modal{background:#1a1a2e;border-radius:20px;padding:24px;min-width:280px;text-align:center}.time-overlay__modal h3{margin:0 0 16px;font-size:1.25rem;color:#fff}.time-overlay__pin{width:100%;padding:12px;font-size:1.5rem;text-align:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;letter-spacing:.3em}.time-overlay__error{color:#ff7675;font-size:.85rem;margin:8px 0}.time-overlay__actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.time-overlay__actions button{padding:12px;border-radius:12px;border:none;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#5b4cdb);color:#fff}.time-overlay__actions button:active{transform:scale(.98)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #6c5ce7;--color-primary-light: #a29bfe;--color-primary-dark: #5b4cdb;--color-secondary: #00cec9;--color-accent: #fd79a8;--color-warning: #fdcb6e;--color-success: #00b894;--color-error: #ff7675;--bg-gradient-start: #1a1a2e;--bg-gradient-mid: #16213e;--bg-gradient-end: #0f3460;--surface-primary: rgba(255, 255, 255, .08);--surface-secondary: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .12);--surface-active: rgba(255, 255, 255, .16);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(108, 92, 231, .4);--transition-fast: .15s ease;--transition-normal: .25s ease;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px) }html{font-family:Outfit,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-mid),var(--bg-gradient-end));color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-secondary) 25%,var(--surface-hover) 50%,var(--surface-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}