:root{--bg-dark:#090b10;--bg-surface:#11141e;--bg-card:#161a26;--bg-glass:#11141ed9;--accent-primary:#ff2a6d;--accent-secondary:#ff6200;--accent-gradient:linear-gradient(135deg, #ff2a6d 0%, #ff6200 100%);--accent-cyan:#05d9e8;--accent-green:#00f076;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--border-subtle:#ffffff14;--border-focus:#ff2a6d80;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #00000080;--shadow-glow:0 0 20px #ff2a6d4d;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast:.18s ease;--transition-normal:.28s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:inherit;color:inherit}.container{width:100%;max-width:1680px;margin:0 auto;padding:0 16px}.app-header{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:12px 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.logo-heading{font-size:inherit;font-weight:inherit;margin:0;padding:0;line-height:1;display:inline-flex}.app-logo{letter-spacing:-.5px;flex-shrink:0;align-items:center;gap:6px;font-size:1.45rem;font-weight:800;text-decoration:none;display:flex}.logo-accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.logo-domain{color:var(--text-muted);font-size:1.05rem;font-weight:500}.logo-live-tag{color:#fff;letter-spacing:.8px;border-radius:var(--radius-sm);background:#ff2a6d;margin-left:4px;padding:2px 6px;font-size:.65rem;font-weight:900;box-shadow:0 0 12px #ff2a6d99}.search-box{flex:1;align-items:center;max-width:480px;display:flex;position:relative}.search-icon{pointer-events:none;opacity:.6;font-size:.9rem;position:absolute;left:12px}.search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:#fff;width:100%;transition:all var(--transition-fast);background:#ffffff0d;padding:9px 36px 9px 38px;font-size:.9rem}.search-input:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #ff2a6d33}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem;display:none;position:absolute;right:12px}.search-clear-btn.visible{display:block}.header-tools{flex-shrink:0;align-items:center;gap:12px;display:flex}.btn-icon{border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:#ffffff1a;border-color:#fff3}.refresh-icon{transition:transform .5s;display:inline-block}.refresh-btn.spinning .refresh-icon{transform:rotate(360deg)}.lang-switcher{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#ffffff0d;align-items:center;padding:3px 8px;font-size:.8rem;font-weight:700;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:2px 5px}.lang-btn.active{color:#fff;background:var(--accent-primary)}.lang-sep{color:var(--text-dim);margin:0 2px}.filter-toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:10px 0}.toolbar-inner{flex-direction:column;gap:10px;display:flex}.gender-pills{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.gender-pills::-webkit-scrollbar{display:none}.pill-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#ffffff0a;padding:6px 16px;font-size:.88rem;font-weight:600}.pill-btn:hover{color:#fff;background:#ffffff14}.pill-btn.active{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 2px 12px #ff2a6d59}.filter-controls-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.select-wrapper{position:relative}.custom-select{appearance:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#f1f5f9;cursor:pointer;transition:all var(--transition-fast);background-color:#141722;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;outline:none;padding:7px 32px 7px 12px;font-size:.85rem;font-weight:500}.custom-select:hover,.custom-select:focus{color:#fff;background-color:#1e2235;border-color:#ffffff40}.custom-select option{color:#f1f5f9!important;background-color:#141722!important}.filter-toggles{align-items:center;gap:8px;display:flex}.toggle-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);background:#ffffff0a;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:700;display:flex}.toggle-btn input{display:none}.toggle-btn.active{border-color:var(--accent-primary);color:#fff;background:#ff2a6d26}.results-badge{color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff08;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:.82rem;font-weight:600;display:flex}.count-pulse{background-color:var(--accent-green);width:8px;height:8px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;animation:2s infinite pulse-green}@keyframes pulse-green{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.95)}}.main-content{flex:1;padding:24px 0 40px}.cams-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.cam-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);cursor:pointer;display:block;position:relative;overflow:hidden}.cam-card:hover{box-shadow:var(--shadow-md), var(--shadow-glow);border-color:#ff2a6d66;transform:translateY(-4px)}.card-media-wrapper{aspect-ratio:16/10;background-color:#0b0e14;width:100%;position:relative;overflow:hidden}.card-thumb{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);display:block}.cam-card:hover .card-thumb{transform:scale(1.04)}.card-live-preview-video{object-fit:cover;z-index:2;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.card-overlay-gradient{pointer-events:none;z-index:1;background:linear-gradient(#0006 0%,#0000 40%,#000000d9 100%);position:absolute;inset:0}.card-badges-top{z-index:3;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.badge{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);letter-spacing:.3px;align-items:center;gap:4px;padding:3px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-live{color:#fff;background:#ff2a6de6;box-shadow:0 0 10px #ff2a6d99}.live-pulse-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s infinite pulse-white}@keyframes pulse-white{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.badge-viewers{color:#fff;background:#000000a6;border:1px solid #ffffff26}.badge-provider{color:#cbd5e1;background:#000000a6;border:1px solid #ffffff26;font-size:.68rem}.badge-provider-gom,.badge-provider-voy{color:#fbbf24;border-color:#fbbf2466}.badge-provider-mou,.badge-provider-cam{color:#f472b6;border-color:#f472b666}.badge-provider-mam{color:#34d399;border-color:#34d39966}.badge-provider-sex{color:#38bdf8;border-color:#38bdf866}.badge-hd{color:#000;background:#05d9e8d9;font-weight:800}.badge-new{color:#000;background:#ffb800e6;font-weight:800}.badge-ticket{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);font-weight:800;box-shadow:0 0 10px #f59e0b80}.badge-group{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);font-weight:800;box-shadow:0 0 10px #8b5cf680}.card-info-bottom{z-index:3;padding:12px;position:absolute;bottom:0;left:0;right:0}.card-model-row{justify-content:space-between;align-items:baseline;display:flex}.card-model-name{color:#fff;text-shadow:0 1px 4px #000c;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.96rem;font-weight:700;display:flex;overflow:hidden}.card-model-flag{font-size:1.05rem}.card-model-age{color:var(--text-muted);font-size:.8rem;font-weight:500}.card-tags{white-space:nowrap;gap:4px;margin-top:5px;display:flex;overflow:hidden}.card-tag{color:var(--text-muted);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;padding:1px 6px;font-size:.72rem}.skeleton-card{pointer-events:none}.skeleton-media{aspect-ratio:16/10;background-color:#ffffff0a;width:100%}.skeleton-info{flex-direction:column;gap:8px;padding:12px;display:flex}.skeleton-line{border-radius:var(--radius-sm);background-color:#ffffff0d;height:12px}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 50%,#fff0 100%);animation:1.6s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{opacity:.8;margin-bottom:12px;font-size:3.5rem}.empty-state-title{margin-bottom:8px;font-size:1.3rem;font-weight:700}.empty-state-desc{color:var(--text-muted);max-width:480px;margin:0 auto 20px;font-size:.95rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:10px 22px;font-size:.9rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 16px #ff2a6d66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #ff2a6d99}.btn-secondary{color:var(--text-muted);background:#ffffff14}.btn-secondary:hover{color:#fff;background:#ffffff24}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 16px 52px;display:flex}.pagination-info{color:var(--text-muted);font-size:.9rem}.pagination-info strong{color:#fff;font-weight:700}.pagination-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.page-numbers{align-items:center;gap:5px;display:flex}.page-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);min-width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff0d;justify-content:center;align-items:center;padding:0 10px;font-size:.88rem;font-weight:700;display:inline-flex}.page-btn:hover:not(:disabled){color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.page-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.page-btn.active{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 2px 14px #ff2a6d73}.page-step{padding:0 12px;font-size:1.1rem;font-weight:800}.page-ellipsis{width:24px;color:var(--text-dim);justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.age-gate-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#04060aeb;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.age-gate-overlay.fade-out{opacity:0}.age-gate-modal{background:var(--bg-surface);border-radius:var(--radius-lg);text-align:center;max-width:480px;box-shadow:0 16px 40px #000c, var(--shadow-glow);border:1px solid #ff2a6d4d;padding:36px 30px}.age-gate-icon{border:2px solid var(--accent-primary);width:68px;height:68px;color:var(--accent-primary);background:#ff2a6d26;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.5rem;font-weight:900;display:inline-flex}.age-gate-title{margin-bottom:12px;font-size:1.35rem;font-weight:800}.age-gate-desc{color:var(--text-muted);margin-bottom:26px;font-size:.88rem;line-height:1.6}.age-gate-actions{justify-content:center;gap:12px;display:flex}.age-gate-btn{flex:1;padding:12px 18px}.seo-section{border-top:1px solid var(--border-subtle);margin-top:24px;padding:44px 0 60px}.seo-wrapper{flex-direction:column;gap:36px;display:flex}.seo-header{text-align:center;max-width:860px;margin:0 auto}.seo-title{letter-spacing:-.5px;color:var(--text-main);margin-bottom:12px;font-size:1.65rem;font-weight:800;line-height:1.35}.seo-subtitle{color:var(--text-muted);font-size:.95rem;line-height:1.65}.seo-pillars-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.seo-pillar-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-fast), border-color var(--transition-fast);padding:22px 20px}.seo-pillar-card:hover{border-color:#ff2a6d59;transform:translateY(-2px)}.pillar-icon{margin-bottom:12px;font-size:1.6rem}.pillar-title{color:var(--text-main);margin-bottom:8px;font-size:1.05rem;font-weight:700}.pillar-desc{color:var(--text-muted);font-size:.86rem;line-height:1.55}.seo-faq-section{width:100%;max-width:860px;margin:0 auto}.seo-faq-heading{color:var(--text-main);text-align:center;margin-bottom:20px;font-size:1.3rem;font-weight:800}.seo-faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:#ffffff26}.faq-item[open]{border-color:#ff2a6d4d}.faq-question{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.95rem;font-weight:700;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-icon{color:var(--accent-primary);transition:transform var(--transition-fast);font-size:.85rem}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-answer{color:var(--text-muted);padding:0 18px 16px;font-size:.88rem;line-height:1.6}.seo-tags-section{text-align:center;border-top:1px dashed var(--border-subtle);padding-top:10px}.seo-tags-heading{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-bottom:14px;font-size:.88rem;font-weight:700}.seo-tags-cloud{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.seo-tag{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:color var(--transition-fast), border-color var(--transition-fast);background:#ffffff0a;padding:4px 12px;font-size:.78rem;font-weight:600}.seo-tag:hover{color:#fff;border-color:var(--accent-primary)}.app-footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle);color:var(--text-dim);margin-top:auto;padding:40px 0 30px;font-size:.82rem}.footer-content{flex-direction:column;gap:16px;display:flex}.footer-disclaimer{line-height:1.6}.footer-bottom{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:18px;display:flex}.footer-brand{color:var(--text-muted);font-weight:700}@media (width<=900px){.cams-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}@media (width<=640px){.header-inner{flex-wrap:wrap}.search-box{order:3;width:100%;max-width:100%}.cams-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-model-name{font-size:.85rem}.badge{padding:2px 5px;font-size:.65rem}.age-gate-actions{flex-direction:column}.pagination-bar{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 12px 40px}.page-btn{min-width:34px;height:34px;padding:0 8px;font-size:.82rem}}
