@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Roboto:wght@400;700&display=swap";
.df-page{--df-bg:#181818;--df-surface:#1f1f1f;--df-border:#2a2a2a;--df-text:#e8e8e8;--df-muted:#9ca3af;--df-accent:#ff3565;background:var(--df-bg);min-width:0;min-height:100vh;color:var(--df-text);font-family:Roboto,Open Sans,system-ui,sans-serif;overflow-x:clip}.df-page a{color:var(--df-text);text-decoration:none}.df-page a:hover{color:var(--df-accent)}.df-skip{position:absolute;left:-9999px}.df-skip:focus{z-index:9999;color:#000;background:#fff;padding:8px 12px;top:8px;left:8px}.df-inner{min-width:0;max-width:1200px;padding:0 max(16px,env(safe-area-inset-right))0 max(16px,env(safe-area-inset-left));margin:0 auto}.df-header{border-bottom:1px solid var(--df-border);flex-direction:column;align-items:stretch;gap:0;padding:16px 0;display:flex}.df-header-top{flex-wrap:wrap;align-items:center;gap:16px 24px;width:100%;display:flex}.df-header-nav{border:1px solid var(--df-border);background:linear-gradient(165deg,#ffffff0f 0%,#ffffff05 50%,#0000001f 100%);border-radius:14px;width:100%;margin-top:14px;padding:8px 10px;box-shadow:inset 0 1px #ffffff0f,0 4px 24px #00000040}.df-branding .df-site-title{margin:0;font-family:Open Sans,sans-serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.1}.df-branding .df-site-title a{align-items:center;gap:8px;display:inline-flex}.df-branding .df-site-title i{color:var(--df-accent)}.df-site-desc{color:var(--df-muted);margin:4px 0 0;font-size:.875rem}.df-header-search{flex:1;min-width:200px;max-width:360px}.df-header-search form{border:1px solid var(--df-border);background:var(--df-surface);border-radius:4px;gap:0;display:flex;overflow:hidden}.df-header-search input[type=text]{color:var(--df-text);background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:.9rem}.df-header-search input[type=submit]{background:var(--df-accent);color:#fff;cursor:pointer;border:none;width:44px;font-family:FontAwesome,sans-serif;font-size:1rem}.df-header-search input[type=submit]:hover{filter:brightness(1.08)}.df-header-nav ul{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.df-header-nav a{letter-spacing:.03em;color:var(--df-muted);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:9px 18px;font-size:.8125rem;font-weight:600;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.df-header-nav a:hover{color:var(--df-text);background:#ffffff14;border-color:#ffffff14}.df-header-nav a:active{transform:scale(.98)}.df-header-nav a:focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}.df-header-nav li.df-current a{color:#fff;background:linear-gradient(135deg,#ff356573 0%,#ff356524 100%);border-color:#ff35658c;box-shadow:0 0 0 1px #ff356533,0 4px 20px #ff356526}.df-header-nav li.df-current a:hover{color:#fff;background:linear-gradient(135deg,#ff35658c 0%,#ff356538 100%);border-color:#ff3565b3}.df-platforms{background:0 0}.df-platforms .df-inner{padding-top:4px;padding-bottom:18px}.df-platforms-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid var(--df-border);background:linear-gradient(165deg,#ffffff0f 0%,#ffffff05 50%,#0000001f 100%);border-radius:14px;align-items:stretch;gap:6px;padding:8px 10px;display:flex;overflow:auto hidden;box-shadow:inset 0 1px #ffffff0f,0 4px 24px #00000040}.df-platforms-scroll::-webkit-scrollbar{height:4px}.df-platforms-scroll::-webkit-scrollbar-thumb{background:var(--df-border);border-radius:4px}.df-platform-item{text-align:center;flex:none}.df-platform-item a{letter-spacing:.02em;min-width:76px;max-width:96px;color:var(--df-muted);border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:10px 12px;font-size:.6875rem;font-weight:600;line-height:1.2;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .15s;display:flex}.df-platform-item a:hover{color:var(--df-text);background:#ffffff14;border-color:#ffffff14}.df-platform-item a:active{transform:scale(.98)}.df-platform-item a:focus-visible{outline:2px solid var(--df-accent);outline-offset:2px}.df-platform-item a:hover .df-platform-logo{border-color:#ff356559;box-shadow:inset 0 1px #ffffff0f,0 4px 16px #ff35651f}.df-platform-logo{border:1px solid var(--df-border);background:#00000047;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.df-platform-logo img{object-fit:contain;object-position:center;width:100%;height:100%}.df-platform-logo span{color:var(--df-muted);text-align:center;word-break:break-word;padding:4px;font-size:.6rem;font-weight:700}.df-platform-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.df-main-wrap{grid-template-columns:1fr;gap:24px;min-width:0;padding:24px 0 48px;display:grid}.df-content-col{min-width:0}@media (min-width:1024px){.df-main-wrap{grid-template-columns:260px 1fr;align-items:start}.df-main-wrap.df-main-wrap--single{grid-template-columns:1fr}}.df-sidebar{flex-direction:column;gap:20px;display:flex}.df-aside-block h3{color:var(--df-text);border-bottom:2px solid var(--df-accent);margin:0 0 10px;padding-bottom:6px;font-size:1rem;font-weight:700;display:inline-block}.df-aside-block.df-filters span{margin-bottom:8px;display:block}.df-aside-block.df-filters a{font-size:.9rem}.df-aside-block.df-filters i{color:var(--df-accent);width:1em;margin-right:8px}.df-tag-cloud a{color:var(--df-muted);margin:0 10px 8px 0;font-size:.8rem;display:inline-block}.df-tag-cloud a:hover{color:var(--df-accent)}.df-show-all{color:var(--df-accent);align-items:center;gap:4px;margin-top:10px;font-size:.85rem;font-weight:600;display:inline-flex}.df-content-col h2.df-widget-title{margin:0 0 16px;font-size:1.25rem;font-weight:700}.df-filters-mobile{border:1px solid var(--df-border);background:var(--df-surface);border-radius:6px;margin-bottom:16px;overflow:hidden}.df-filters-mobile summary{cursor:pointer;padding:12px 14px;font-weight:600;list-style:none}.df-filters-mobile summary::-webkit-details-marker{display:none}.df-filters-list{border-top:1px solid var(--df-border);flex-direction:column;display:flex}.df-filters-list a{border-bottom:1px solid var(--df-border);padding:10px 14px;font-size:.9rem}.df-filters-list a:last-child{border-bottom:none}.df-filters-list a.df-active{color:var(--df-accent);background:#ff35651f}@media (min-width:768px){.df-filters-mobile{display:none}}.df-desktop-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:none}@media (min-width:768px){.df-desktop-filters{display:flex}}.df-desktop-filters a{background:var(--df-surface);border:1px solid var(--df-border);border-radius:4px;padding:8px 14px;font-size:.85rem}.df-desktop-filters a.df-active{border-color:var(--df-accent);color:var(--df-accent)}.df-videos-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px;min-width:0;display:grid}@media (max-width:479px){.df-videos-list{gap:14px 12px}}.df-videos-list.df-home-videos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}@media (min-width:520px){.df-videos-list.df-home-videos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.df-videos-list.df-home-videos-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 14px}}@media (min-width:1100px){.df-videos-list.df-home-videos-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 16px}}.df-thumb-block{background:var(--df-surface);border:1px solid var(--df-border);border-radius:4px;transition:border-color .15s;overflow:hidden}.df-thumb-block:hover{border-color:var(--df-accent)}.df-thumb-block a{color:inherit;display:block}.df-post-thumbnail{aspect-ratio:16/9;background:#0a0a0a;position:relative}.df-post-thumbnail img{object-fit:cover;width:100%;height:100%}.df-video-overlay{pointer-events:none;background:linear-gradient(#0000 55%,#000000bf 100%);position:absolute;inset:0}.df-hd-badge{background:var(--df-accent);color:#fff;border-radius:2px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:8px}.df-duration{color:#fff;background:#000000d9;border-radius:2px;padding:2px 6px;font-size:.75rem;position:absolute;bottom:8px;right:8px}.df-entry-header{padding:10px 12px 12px}.df-entry-header .df-title{color:var(--df-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.df-thumb-block:hover .df-title{color:var(--df-accent)}.df-under-thumb{color:var(--df-muted);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.75rem;display:flex}.df-under-thumb i{color:var(--df-accent);margin-right:4px}.df-pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;display:flex}.df-pagination a,.df-pagination span{background:var(--df-surface);border:1px solid var(--df-border);border-radius:4px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 12px;font-size:.875rem;display:inline-flex}.df-pagination a:hover,.df-pagination span.df-current{background:var(--df-accent);border-color:var(--df-accent);color:#fff}.df-empty{text-align:center;color:var(--df-muted);padding:48px 16px}.df-footer{border-top:1px solid var(--df-border);text-align:center;color:var(--df-muted);padding:24px 16px;font-size:.8rem}@media (max-width:767px){.df-header-top{flex-direction:column;align-items:stretch}.df-header-search{flex:100%;max-width:none}.df-header-nav{border-radius:12px;padding:6px 8px}.df-header-nav ul{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:6px;padding:2px 0;overflow:auto hidden}.df-header-nav ul::-webkit-scrollbar{height:4px}.df-header-nav ul::-webkit-scrollbar-thumb{background:var(--df-border);border-radius:4px}.df-header-nav a{flex:none;padding:10px 16px;font-size:.8rem}.df-platforms .df-inner{padding-bottom:14px}.df-platforms-scroll{border-radius:12px;gap:4px;padding:6px 8px}.df-platform-item a{min-width:72px;max-width:88px;padding:8px 10px;font-size:.65rem}.df-platform-logo{border-radius:10px;width:52px;height:52px}.df-header{padding:12px 0}.df-main-wrap{gap:18px;padding:16px 0 40px}.df-content-col h2.df-widget-title{font-size:1.1rem}.df-pagination a,.df-pagination span{min-width:44px;height:44px}.df-tag-cloud a{align-items:center;min-height:40px;margin:0 8px 8px 0;padding:4px 0;display:inline-flex}}
