.dp-wrapper{position:relative;background:#000;overflow:hidden;aspect-ratio:16 / 9;max-height:100vh;border-radius:0;user-select:none;-webkit-user-select:none}.dp-wrapper video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.dp-theatre .dp-wrapper{border-radius:0;max-height:none;aspect-ratio:auto;height:75vh}.dp-fullscreen-active{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:9999;border-radius:0;aspect-ratio:auto;width:100vw;height:100vh}.dp-controls{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:0 12px 10px;background:linear-gradient(transparent,#000000d9);opacity:1;transition:opacity .3s ease;z-index:10}.dp-wrapper.dp-hide-controls .dp-controls{opacity:0;pointer-events:none}.dp-progress-row{display:flex;align-items:center;width:100%;height:20px;cursor:pointer;padding:6px 0}.dp-progress-track{position:relative;width:100%;height:4px;background:#fff3;border-radius:2px;overflow:visible}.dp-progress-row:hover .dp-progress-track{height:6px}.dp-progress-buffered{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;border-radius:2px;pointer-events:none}.dp-progress-filled{position:absolute;top:0;left:0;height:100%;background:#e74c3c;border-radius:2px;pointer-events:none}.dp-progress-thumb{position:absolute;top:50%;width:14px;height:14px;background:#e74c3c;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s;pointer-events:none}.dp-progress-row:hover .dp-progress-thumb{opacity:1}.dp-bar{display:flex;align-items:center;gap:8px;height:40px}.dp-bar button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.9;transition:opacity .15s}.dp-bar button:hover{opacity:1}.dp-bar button svg{width:24px;height:24px;fill:currentColor}.dp-time{color:#ffffffe6;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.dp-spacer{flex:1}.dp-volume-group{display:flex;align-items:center;gap:2px}.dp-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:4px;background:#ffffff4d;border-radius:2px;outline:none;transition:width .2s ease,opacity .2s ease;opacity:0;cursor:pointer}.dp-volume-group:hover .dp-volume-slider{width:60px;opacity:1}.dp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.dp-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none}.dp-quality-wrapper{position:relative}.dp-quality-btn{font-size:12px;font-weight:600;padding:3px 8px!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:4px!important}.dp-quality-menu{position:absolute;bottom:40px;right:0;background:#14141ef2;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:4px 0;min-width:120px;z-index:20}.dp-quality-option{display:block;width:100%;padding:8px 16px;background:none;border:none;color:#fffc;font-size:13px;text-align:left;cursor:pointer}.dp-quality-option:hover{background:#ffffff1a}.dp-quality-option.dp-active{color:#fff;font-weight:600}.dp-center-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5;cursor:pointer}.dp-center-play-icon{width:68px;height:68px;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;transition:transform .15s,opacity .15s}.dp-center-play-icon:hover{transform:scale(1.1)}.dp-center-play-icon svg{width:36px;height:36px;fill:#fff;margin-left:4px}.dp-sound-overlay{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#000000bf;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;z-index:15;transition:opacity .2s}.dp-sound-overlay:hover{background:#000000e6}.dp-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:12}.dp-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:dp-spin .8s linear infinite}@keyframes dp-spin{to{transform:rotate(360deg)}}:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a3e;--bg-card: #252550;--bg-card-hover: #2d2d5c;--bg-chip: rgba(255, 255, 255, .1);--bg-chip-hover: rgba(255, 255, 255, .2);--bg-chip-active: #c678dd;--accent-pink: #ff6b9d;--accent-purple: #c678dd;--accent-blue: #61afef;--accent-cyan: #56b6c2;--accent-green: #98c379;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-muted: #666666;--gradient-hero: linear-gradient(135deg, var(--accent-pink) 0%, var(--accent-purple) 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;min-height:100dvh;padding-top:var(--safe-top)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(198,120,221,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(97,175,239,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}h1,h2,h3{font-family:var(--font-display);font-weight:600}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.chip-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:14px;font-weight:600;white-space:nowrap;transition:all .2s ease;min-height:36px;border:none;cursor:pointer}.chip-btn-ghost{background:var(--bg-chip);color:var(--text-primary)}.chip-btn-ghost:hover{background:var(--bg-chip-hover)}.chip-btn-active{background:var(--text-primary);color:var(--bg-primary)}.chip-btn-secondary{background:var(--bg-chip);color:var(--text-primary)}.chip-btn-secondary:hover{background:var(--bg-chip-hover)}.chip-btn-primary{background:var(--gradient-hero);color:#fff}.chip-btn-primary:hover{opacity:.9;transform:scale(1.02)}.chip-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-content{flex:1;padding:var(--spacing-lg);max-width:1400px;margin:0 auto;width:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:#0f0f23f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;gap:var(--spacing-md)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--accent-pink);flex-shrink:0}.logo-icon{width:32px;height:32px}.header-nav{display:flex;align-items:center;gap:var(--spacing-sm)}.user-menu-container{position:relative}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;cursor:pointer;border:none;color:#fff;transition:transform .15s ease,box-shadow .15s ease}.user-avatar:hover{transform:scale(1.05);box-shadow:0 0 0 2px #ff6b9d66}.user-avatar img,.user-menu-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border-radius:var(--radius-md);min-width:220px;box-shadow:0 8px 24px #0006;z-index:200;overflow:hidden;animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.user-menu-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.user-menu-info{min-width:0;flex:1}.user-menu-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-divider{height:1px;background:#ffffff1a}.user-menu-item{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:14px;color:var(--text-primary);background:none;border:none;cursor:pointer;transition:background .15s ease}.user-menu-item:hover{background:#ffffff1a}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.video-card{display:block;border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease}.video-card:hover{transform:scale(1.02)}.video-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.video-thumbnail{position:relative;aspect-ratio:16 / 9;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-duration{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:#000c;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.video-info{padding:var(--spacing-md) var(--spacing-xs)}.video-title{font-size:14px;font-weight:600;margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.video-channel{color:var(--text-secondary);font-size:13px}.video-meta{display:flex;gap:var(--spacing-xs);color:var(--text-muted);font-size:12px;margin-top:2px}.channel-pills{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm) 0 var(--spacing-lg);scrollbar-width:none;-ms-overflow-style:none}.channel-pills::-webkit-scrollbar{display:none}.channel-pill{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-chip);border-radius:var(--radius-full);font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.channel-pill:hover{background:var(--bg-chip-hover)}.channel-pill.active{background:var(--text-primary);color:var(--bg-primary)}.channel-pill img{width:24px;height:24px;border-radius:var(--radius-full)}.watch-layout{display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:clip}.watch-main{width:100%;min-width:0;max-width:100%;overflow-x:clip}.watch-player{width:100%;background:#000;max-width:100%}.watch-player .player-container{width:100%;max-width:100%;aspect-ratio:16 / 9;max-height:80vh;border-radius:0}.watch-player .player-container iframe{width:100%;height:100%;border:none}.watch-info{padding:var(--spacing-lg);width:100%;overflow-x:clip}.watch-title{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:var(--spacing-md)}.watch-channel-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.watch-channel-info{display:flex;align-items:center;gap:var(--spacing-md)}.watch-channel-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.watch-channel-avatar-placeholder{background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.watch-channel-text{display:flex;flex-direction:column}.watch-channel-name{font-weight:600;font-size:15px}.watch-channel-subs{font-size:12px;color:var(--text-secondary)}.watch-related h3{font-size:15px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.watch-related-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:4px calc(var(--spacing-lg)) var(--spacing-md);margin:-4px calc(-1 * var(--spacing-lg)) 0;max-width:100%;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.watch-related-scroll::-webkit-scrollbar{height:6px}.watch-related-scroll::-webkit-scrollbar-track{background:transparent}.watch-related-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.watch-related-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff59}.watch-related-scroll.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.watch-related-scroll.is-dragging a{pointer-events:none}.watch-related-card{flex-shrink:0;width:clamp(140px,22vw,200px);transition:transform .2s ease}.watch-related-card:hover{transform:scale(1.03)}.watch-related-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.watch-related-thumb{position:relative;border-radius:var(--radius-md);overflow:hidden}.watch-related-thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.watch-related-duration{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);background:#000000d9;padding:2px 4px;border-radius:4px;font-size:11px;font-weight:600}.watch-related-title{padding:var(--spacing-sm) 0;font-size:13px;font-weight:500;line-height:1.3}.player-wrapper{position:relative}.player-container{background:#000;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16 / 9}.player-container iframe{width:100%;height:100%;border:none}.player-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#0000008c;color:#fff;z-index:12}.player-play-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#0009;font-size:28px}.player-play-text{font-weight:600;letter-spacing:.2px}.player-interaction-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer}.player-controls-bar{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;background:linear-gradient(to top,#000000b3,#0000);display:flex;align-items:center;gap:10px;z-index:10;opacity:1;transition:opacity 2s ease}.player-controls-bar button:hover{background:#ffffff4d!important}.player-controls-bar button svg{display:block;width:22px;height:22px}.player-volume-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.player-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:6px;background:#ffffff40;border-radius:999px;outline:none;cursor:pointer}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:none;cursor:pointer}.player-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:none;cursor:pointer}.player-volume-slider::-moz-range-track{background:#ffffff40;height:6px;border-radius:999px}@media (max-width: 500px){.player-volume-slider{display:none}}.player-controls-hidden{cursor:none}.player-controls-hidden .player-controls-bar{opacity:0;pointer-events:none}.player-controls-hidden .player-interaction-overlay{cursor:none}.player-fullscreen{position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#000}.player-fullscreen .player-container{width:100%;height:100%;border-radius:0;aspect-ratio:auto}.player-fullscreen .player-controls-bar{padding:14px 20px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-lg)}.loading-logo{font-size:4rem;animation:bounce 1s ease infinite}.loading-text{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.empty-state{text-align:center;padding:var(--spacing-xl)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state-title{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.empty-state p{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.page-description{color:var(--text-secondary);font-size:14px}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:14px}.form-input{width:100%;padding:var(--spacing-md);background:var(--bg-card);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;transition:border-color .2s ease}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:44px;line-height:1.2}select.form-input option{background:var(--bg-card);color:var(--text-primary);font-size:14px}.form-input:focus{outline:none;border-color:var(--accent-purple)}.form-input::placeholder{color:var(--text-muted)}.dashboard-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-xl)}.dashboard-sidebar{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.dashboard-nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:background .2s ease}.dashboard-nav-item:hover{background:var(--bg-chip)}.dashboard-nav-item.active{background:var(--accent-purple)}.dashboard-content{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.channel-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.channel-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md)}.channel-list-item img{width:48px;height:48px;border-radius:var(--radius-full)}.channel-list-info{flex:1;min-width:0}.channel-list-title{font-weight:600;font-size:14px}.channel-list-meta{font-size:12px;color:var(--text-muted)}.channel-list-actions{display:flex;gap:var(--spacing-sm)}.message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:14px}.message.success{background:#98c37926;color:var(--accent-green)}.message.error{background:#e06c7526;color:#e06c75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.btn-primary{background:var(--gradient-hero);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid rgba(255,255,255,.12)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-danger{background:#e06c75;color:#fff}.settings-grid{display:grid;gap:var(--spacing-xl)}.settings-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid rgba(255,255,255,.06)}.settings-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.settings-card-title{font-size:1.05rem;font-weight:600}.settings-card-subtitle{color:var(--text-muted);font-size:.9rem}.key-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.key-tile{min-width:220px;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:var(--spacing-sm)}.key-tile-title{font-weight:600}.key-tile-meta{color:var(--text-secondary);font-size:.85rem}.key-tile-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.family-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.family-tile{width:140px;height:140px;background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);text-align:center;transition:all .2s ease;border:1px solid transparent}.family-tile:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.family-tile-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.family-tile-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.family-tile-name{font-weight:600;font-size:.9rem;color:var(--text-primary);word-break:break-word}.family-tile-role{font-size:.75rem;color:var(--text-secondary)}.family-tile-add{background:transparent;border:2px dashed rgba(255,255,255,.35)}.family-tile-add:hover{border-color:#fff9;background:#ffffff0d}.not-parent{text-align:center;padding:var(--spacing-xl)}@media (max-width: 768px){.main-content{padding:var(--spacing-md)}.video-grid,.dashboard-layout{grid-template-columns:1fr}.watch-channel-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.watch-related-card{width:clamp(130px,42vw,170px)}.watch-title{font-size:16px}.watch-info{padding:var(--spacing-md)}.watch-related-scroll{margin:0;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.watch-controls{width:100%}.header-nav{gap:var(--spacing-xs)}.chip-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}}@media (min-width: 768px) and (max-width: 1024px){.watch-player .player-container{max-height:60vh}}@media (min-width: 1024px){.watch-player .player-container{max-height:80vh}.watch-info{padding:var(--spacing-xl)}.watch-title{font-size:20px}.watch-related-card{width:clamp(170px,16vw,220px)}}@media (orientation: landscape) and (max-height: 500px){.app-layout{display:block}.app-header{position:relative;flex-shrink:0}.main-content{padding:0;max-width:none}.watch-layout,.watch-main{margin:0;padding:0}.watch-player{width:100vw;height:100vh;height:100dvh;max-height:none;margin:0;padding:0}.watch-player .player-container{max-height:none;aspect-ratio:auto;height:100vh;height:100dvh;margin:0;padding:0}.watch-player .dp-wrapper{max-height:none;aspect-ratio:auto;height:100vh;height:100dvh;width:100vw;margin:0;padding:0;border-radius:0}}.continue-watching-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:18px;margin-bottom:var(--spacing-md)}.continue-watching-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-md);scrollbar-width:none;-ms-overflow-style:none}.continue-watching-scroll::-webkit-scrollbar{display:none}.continue-card{flex-shrink:0;width:280px;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease,background .2s ease}.continue-card:hover{transform:scale(1.02);background:var(--bg-card-hover)}.continue-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.continue-thumb{position:relative;aspect-ratio:16 / 9;background:#000}.continue-thumb img{width:100%;height:100%;object-fit:cover}.continue-progress-bar{position:absolute;bottom:0;left:0;height:4px;background:var(--accent-pink)}.continue-info{padding:var(--spacing-md)}.continue-title{font-size:14px;font-weight:600;margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.continue-meta{font-size:12px;color:var(--text-secondary)}.watch-controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;max-width:100%}.autoplay-indicator{color:var(--accent-pink)}.watch-related-card.up-next{outline:2px solid var(--accent-pink);outline-offset:2px}.up-next-badge{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);background:var(--accent-pink);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase}.load-more-trigger{display:flex;justify-content:center;padding:var(--spacing-xl)}.loading-more{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary)}.loading-spinner{width:24px;height:24px;border:3px solid var(--bg-chip);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.end-of-list{color:var(--text-muted);font-size:14px}.video-thumbnail .progress-bar{position:absolute;bottom:0;left:0;height:4px;background:var(--accent-pink);border-radius:0 2px 0 0}@media (hover: none){*{scrollbar-width:none}*::-webkit-scrollbar{display:none}}@media (max-width: 768px){.continue-card{width:240px}}