.app{min-height:100vh;width:100%;color:var(--text)}.filter-section{position:sticky;top:0;z-index:100;padding:16px 0;background:var(--glass);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid var(--border)}.filter-container{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;flex-wrap:wrap}.filter-input,.category-select{padding:13px 16px;background-color:var(--fill);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.filter-input{flex:1;max-width:440px}.category-select{min-width:170px;cursor:pointer}.category-select option{background-color:var(--surface-2);color:var(--text)}.filter-input:focus,.category-select:focus{outline:none;border-color:transparent;background-color:var(--fill-strong);box-shadow:0 0 0 2px var(--accent),0 0 0 6px var(--accent-soft)}.filter-input::placeholder{color:var(--text-dim)}.filter-btn{background-image:var(--accent-grad);color:#fff;border:none;border-radius:var(--radius-sm);padding:13px 24px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;letter-spacing:.2px;box-shadow:0 6px 18px #a855f747;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.filter-btn:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 26px #a855f766}.filter-btn:active{transform:translateY(0)}.filter-btn:disabled{background-image:none;background-color:var(--surface-3);color:var(--text-dim);cursor:not-allowed;box-shadow:none;transform:none}.clear-filter-btn{background-color:#f43f5e1f;color:#fda4af;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-sm);padding:13px 18px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;transition:background-color .2s ease,color .2s ease,transform .18s ease}.clear-filter-btn:hover{background-color:#f43f5e33;color:#fff;transform:translateY(-1px)}.filter-status{text-align:center;margin-top:12px;color:var(--accent);font-size:.88rem;font-weight:500}.loading,.error{text-align:center;padding:48px 20px;font-size:1.05rem}.loading{color:var(--text-muted);position:relative}.loading:before{content:"";display:block;width:42px;height:42px;margin:0 auto 18px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#fecdd3;background-color:#f43f5e1a;border:1px solid rgba(244,63,94,.35);border-radius:var(--radius);margin:24px auto;max-width:640px}.main-heading{max-width:1200px;margin:28px auto 8px;padding:0 24px;text-align:center;font-family:Sora,Inter,system-ui,sans-serif;line-height:1.15;background:var(--heading-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.iframe-container{width:100%}.iframe-container-inner{max-width:1200px;margin:24px auto 0;padding:22px;box-sizing:border-box;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.video-info{color:var(--text);margin-bottom:18px}.video-title{color:var(--text);margin:0 0 18px;font-family:Sora,Inter,system-ui,sans-serif;font-size:1.6rem!important;font-weight:700;line-height:1.3;text-align:left;letter-spacing:-.3px}.video-player-wrapper{position:relative;width:100%;height:520px;overflow:hidden;border-radius:var(--radius);background-color:#000;box-shadow:0 16px 40px #00000080;border:1px solid var(--border)}.video-player-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:var(--radius);pointer-events:auto;object-fit:contain}.video-protection-overlay{position:absolute;inset:0;background:transparent;pointer-events:none;z-index:1;border-radius:var(--radius)}.video-stats{margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}.views-info{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-muted);background:var(--fill);border:1px solid var(--border);padding:7px 14px;border-radius:999px}.view-icon{font-size:1.05rem}.view-count{font-weight:600;color:var(--text)}.video-stats .share-button{background-image:var(--accent-grad);color:#fff;border:none;padding:9px 18px;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 6px 18px #a855f747}.video-stats .share-button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 24px #a855f766}.video-stats .share-button:active{transform:translateY(0)}.source-link{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--text);background:var(--fill);border:1px solid var(--border);transition:background-color .2s ease,border-color .2s ease,transform .18s ease}.source-link:hover{background:var(--fill-strong);border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.video-note{width:100%;color:var(--text-dim);font-style:italic;font-size:.85rem}.content-container{max-width:1200px;margin:0 auto;padding:36px 24px 56px;box-sizing:border-box}.page-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding:13px 20px;background:var(--fill);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);font-size:.88rem;font-weight:500}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:44px}@media(min-width:1400px){.video-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px)and (max-width:1399px){.video-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:769px)and (max-width:1023px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-card{background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface) 100%);border-radius:var(--radius);box-shadow:0 4px 16px #00000059;overflow:hidden;cursor:pointer;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease;border:1px solid var(--border);-webkit-user-select:none;user-select:none;position:relative;aspect-ratio:1;display:flex;flex-direction:column}.video-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:var(--accent-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .28s ease;pointer-events:none}.video-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}.video-card:hover:after{opacity:1}.video-card.selected{border-color:transparent;box-shadow:0 0 0 2px var(--accent),0 12px 30px #a855f74d}.video-card.selected:after{opacity:1}.video-card *{pointer-events:none}.video-image{width:100%;height:62%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;background-color:var(--surface-3);opacity:0;animation:fadeIn .35s ease-in-out forwards;transition:transform .4s cubic-bezier(.22,1,.36,1)}.video-card:hover .video-image{transform:scale(1.07)}.video-image[src*="data:image/svg+xml"]{background-color:var(--surface-3);opacity:.75}@keyframes fadeIn{to{opacity:1}}.video-details{padding:14px 15px 15px;-webkit-user-select:none;user-select:none;flex:1;display:flex;flex-direction:column;justify-content:space-between}.video-details p{margin:0 0 10px;color:var(--text);font-size:.88rem;line-height:1.45;flex:1;font-weight:500}.video-details .description{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;justify-content:flex-start;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto;font-size:.72rem;color:var(--text-dim)}.video-meta .duration,.video-meta .views{background:var(--fill);border:1px solid var(--border);padding:3px 8px;border-radius:999px;color:var(--text-muted);font-weight:500}.hd-badge,.category-badge,.playing-badge{padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.3px}.hd-badge{background:#22c55e29;color:#86efac;border:1px solid rgba(34,197,94,.3)}.category-badge{background:var(--accent-soft);color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}.playing-badge{background-image:var(--accent-grad);color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.pagination-btn{padding:10px 16px;border:1px solid var(--border);background-color:var(--fill);color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;font-weight:600;font-family:inherit;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;min-width:44px}.pagination-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background-color:var(--fill-strong);transform:translateY(-1px)}.pagination-btn.active{background-image:var(--accent-grad);color:#fff;border-color:transparent;box-shadow:0 6px 16px #a855f752}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{color:var(--text-dim);padding:10px 6px;font-weight:600;-webkit-user-select:none;user-select:none}.footer-ad-container{width:100%;max-width:1200px;margin:20px auto 0;padding:20px;box-sizing:border-box;border-top:1px solid var(--border)}.top-banner-ad,.content-ad{margin:28px auto;max-width:1200px;background:var(--fill);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.top-banner-ad .ad-label,.content-ad .ad-label{color:var(--text-dim);background-color:var(--fill-strong);padding:4px 12px;border-radius:999px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}.top-banner-ad .eas6a97888e2,.content-ad .eas6a97888e2{background-color:#ffffff05;border:1px solid var(--border);color:var(--accent);border-radius:var(--radius-sm)}@media(max-width:768px){.filter-container{flex-direction:column;gap:10px}.filter-input,.category-select{width:100%;max-width:none}.filter-btn,.clear-filter-btn{width:100%;max-width:260px}.page-info{flex-direction:column;gap:5px;text-align:center}.iframe-container-inner{padding:16px;margin-top:16px}.video-title{font-size:1.3rem!important}.video-player-wrapper{height:260px}.video-stats .share-button{padding:11px 20px;font-size:.95rem;min-height:44px}.content-container{padding:24px 15px 40px}.video-grid{grid-template-columns:repeat(2,1fr);gap:15px}.video-details{padding:12px}.video-details p{font-size:.82rem;line-height:1.35}.pagination-btn{padding:8px 12px;font-size:.9rem}.top-banner-ad,.content-ad{margin:20px 10px;padding:12px}}@media(max-width:480px){.video-title{font-size:1.15rem!important;line-height:1.25}.video-player-wrapper{height:210px}.video-grid{grid-template-columns:repeat(2,1fr);gap:11px}.content-container{padding:18px 12px 32px}.video-details{padding:10px}.video-details p{font-size:.78rem;line-height:1.25}.video-meta{font-size:.66rem}.pagination-btn{padding:7px 11px;font-size:.82rem;min-width:38px}}@media(max-width:768px)and (orientation:landscape){.video-player-wrapper{height:320px}.iframe-container-inner{padding:12px}}@media(max-width:380px){.video-player-wrapper{height:190px}.video-title{font-size:1.05rem!important}}.terms-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#040408b8;z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;animation:terms-fade .3s ease}@keyframes terms-fade{0%{opacity:0}to{opacity:1}}.terms-container{background:linear-gradient(180deg,var(--surface-2, #1a1a28) 0%,var(--surface, #14141f) 100%);border-radius:20px;width:90%;max-width:600px;max-height:90vh;box-shadow:0 30px 70px #0009,0 0 0 1px #a855f71f;border:1px solid var(--border, rgba(255, 255, 255, .1));display:flex;flex-direction:column;overflow:hidden;animation:terms-pop .35s cubic-bezier(.22,1,.36,1)}@keyframes terms-pop{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.terms-header{padding:28px 28px 18px;border-bottom:1px solid var(--border, #333);text-align:center}.terms-header h2{margin:0 0 8px;font-family:Sora,Inter,system-ui,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.3px;background:var(--heading-grad, linear-gradient(135deg, #ffffff 0%, #d8b4fe 50%, #f0abfc 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.terms-header p{color:#ccc;margin:0;font-size:14px}.terms-content{flex:1;overflow-y:auto;padding:0 24px;max-height:400px}.terms-content::-webkit-scrollbar{width:8px}.terms-content::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.terms-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.terms-content::-webkit-scrollbar-thumb:hover{background:#666}.terms-text{color:#e0e0e0;line-height:1.6;padding:20px 0}.terms-text h3{color:#fff;margin:24px 0 12px;font-size:18px;font-weight:600}.terms-text h3:first-child{margin-top:0}.terms-text p{margin:12px 0;color:#ccc;font-size:14px}.terms-text ul{margin:12px 0;padding-left:24px;color:#ccc}.terms-text li{margin:8px 0;font-size:14px}.terms-actions{padding:20px 24px 24px;border-top:1px solid #333;background:#1a1a1a}.scroll-notice{margin-bottom:16px;min-height:20px}.scroll-message{color:#ff6b6b;font-size:14px;text-align:center;margin:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.terms-buttons{text-align:center}.accept-btn{background-image:var(--accent-grad, linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%));color:#fff;border:none;padding:15px 32px;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;margin-bottom:12px;width:100%;max-width:340px;box-shadow:0 8px 22px #a855f752}.accept-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 28px #a855f773}.accept-btn:disabled{background-image:none;background-color:var(--surface-3, #333);color:var(--text-dim, #666);cursor:not-allowed;transform:none;box-shadow:none}.terms-note{color:#888;font-size:12px;margin:0;font-style:italic}@media(max-width:768px){.terms-container{width:95%;max-height:95vh}.terms-header,.terms-actions{padding:16px 20px}.terms-content{padding:0 20px}.terms-header h2{font-size:20px}.terms-text h3{font-size:16px}.terms-text p,.terms-text li{font-size:13px}.accept-btn{padding:12px 24px;font-size:14px}}.ad-container{display:flex;flex-direction:column;align-items:center;margin:20px 0;padding:15px;background-color:transparent;border:1px solid #30363d;border-radius:8px;box-shadow:0 2px 4px #0000004d;min-height:100px;justify-content:center;border-color:transparent}.ad-container.banner{max-width:728px;width:100%;margin:20px auto}.ad-container.sidebar{max-width:300px;width:100%;margin:15px 0;position:sticky;top:20px}.ad-container.content{max-width:100%;width:100%;margin:25px 0}.ad-label{font-size:11px;color:#7d8590;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.eas6a97888e2{display:block;width:100%;min-height:90px;background-color:var(--fill, rgba(255, 255, 255, .02));border:1px solid var(--border, #30363d);border-radius:var(--radius-sm, 10px);text-align:center;line-height:90px;color:var(--text, #f0f6fc)}@media(max-width:768px){.ad-container{margin:15px 10px;padding:12px}.ad-container.banner{max-width:100%}.ad-container.sidebar{position:static;max-width:100%}}.site-header{width:100%;border-bottom:1px solid var(--border);background:var(--glass);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.site-header-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text)}.brand:hover{color:var(--text)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:#fff;background-image:var(--accent-grad);box-shadow:0 6px 16px #a855f766}.brand-name{font-family:Sora,Inter,system-ui,sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.4px;background:var(--heading-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:inline-flex;align-items:center;gap:12px}.age-pill{font-size:.72rem;font-weight:700;letter-spacing:.4px;color:#fda4af;background:#f43f5e1f;border:1px solid rgba(244,63,94,.32);padding:4px 10px;border-radius:999px}.theme-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;cursor:pointer;border-radius:999px;border:1px solid var(--border);background:var(--fill);color:var(--text);transition:background-color .2s ease,border-color .2s ease,transform .18s ease}.theme-toggle:hover{background:var(--fill-strong);border-color:var(--border-strong);transform:translateY(-1px) rotate(-8deg)}.theme-toggle:active{transform:translateY(0)}@media(max-width:480px){.site-header-inner{padding:12px 16px}.brand-name{font-size:1.15rem}.brand-mark{width:30px;height:30px}}:root{--bg: #08080d;--bg-2: #0f0f18;--surface: #14141f;--surface-2: #1a1a28;--surface-3: #212132;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #f3f3f8;--text-muted: #a2a2b8;--text-dim: #6d6d82;--glass: rgba(12, 12, 20, .72);--fill: rgba(255, 255, 255, .05);--fill-strong: rgba(255, 255, 255, .08);--accent: #a855f7;--accent-2: #ec4899;--accent-grad: linear-gradient(135deg, #8b5cf6 0%, #d946ef 55%, #ec4899 100%);--accent-soft: rgba(168, 85, 247, .14);--accent-glow: rgba(168, 85, 247, .45);--glow-1: rgba(139, 92, 246, .16);--glow-2: rgba(236, 72, 153, .12);--heading-grad: linear-gradient(135deg, #ffffff 0%, #c4b5fd 45%, #f0abfc 100%);--success: #22c55e;--danger: #f43f5e;--radius: 16px;--radius-sm: 11px;--radius-xs: 8px;--shadow: 0 10px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6);color-scheme:dark}:root[data-theme=light]{--bg: #f4f4fb;--bg-2: #ffffff;--surface: #ffffff;--surface-2: #f6f6fc;--surface-3: #ececf5;--border: rgba(20, 20, 45, .1);--border-strong: rgba(20, 20, 45, .18);--text: #16162a;--text-muted: #55556e;--text-dim: #8888a0;--glass: rgba(255, 255, 255, .72);--fill: rgba(20, 20, 45, .04);--fill-strong: rgba(20, 20, 45, .07);--accent-soft: rgba(168, 85, 247, .12);--glow-1: rgba(139, 92, 246, .12);--glow-2: rgba(236, 72, 153, .09);--heading-grad: linear-gradient(135deg, #6d28d9 0%, #a21caf 55%, #db2777 100%);--shadow: 0 10px 30px rgba(30, 30, 60, .1);--shadow-lg: 0 24px 55px rgba(30, 30, 60, .16);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-image:radial-gradient(900px 500px at 15% -10%,var(--glow-1),transparent 60%),radial-gradient(900px 500px at 85% -5%,var(--glow-2),transparent 60%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 60%);background-attachment:fixed;transition:background-color .3s ease}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-2)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#33334a;background-clip:padding-box}::selection{background:var(--accent-glow);color:#fff}