.webcams-index .filter-section{background:var(--v2-bg-secondary,#f8f9fa);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.webcams-index .filter-title{font-weight:600;margin-bottom:0.75rem;display:flex;align-items:center}.webcams-index .filter-buttons{display:flex;flex-wrap:wrap;gap:0.5rem}.webcams-index .filter-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border:1px solid var(--v2-border,#dee2e6);border-radius:20px;background:var(--v2-bg-primary,#fff);color:var(--v2-text-primary,#333);cursor:pointer;transition:all 0.2s ease;font-size:0.9rem}.webcams-index .filter-btn:hover{border-color:var(--v2-primary,#0d6efd);background:var(--v2-bg-card,#f8f9fa)}.webcams-index .filter-btn.active{background:var(--v2-primary,#0d6efd);border-color:var(--v2-primary,#0d6efd);color:#fff}.webcams-index .filter-btn .badge{background:rgba(0,0,0,0.15);border-radius:10px;padding:0.2rem 0.5rem;font-size:0.75rem}.webcams-index .filter-btn.active .badge{background:rgba(255,255,255,0.25)}.webcams-index .stats-badge{display:inline-flex;align-items:center;gap:0.5rem;background:var(--v2-bg-secondary,#e9ecef);padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;color:var(--v2-text-muted,#6c757d);margin-bottom:1rem}.webcams-index .results-summary{text-align:center;padding:0.5rem;margin-bottom:1rem;background:var(--v2-bg-secondary,#e9ecef);border-radius:8px;color:var(--v2-text-primary,#333)}.webcams-index .checkpoint-card.hidden{display:none !important}.webcams-index .card-link{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--v2-bg-card,#fff);border:1px solid var(--v2-border,#dee2e6);border-radius:8px;text-decoration:none;color:var(--v2-text-primary,#333);transition:all 0.2s ease;height:100%}.webcams-index .card-link:hover{border-color:var(--v2-primary,#0d6efd);box-shadow:0 2px 8px rgba(0,0,0,0.1);transform:translateY(-2px)}.webcams-index .checkpoint-name{font-weight:500}.webcams-index .checkpoint-meta{display:flex;align-items:center;gap:0.75rem}.webcams-index .checkpoint-flags{display:flex;align-items:center;gap:0.25rem}.webcams-index .camera-icon{color:var(--v2-primary,#0d6efd)}.webcams-index .flag-icon{width:20px;height:auto;border-radius:2px}.webcams-index .card{background:var(--v2-bg-card,#fff);border:1px solid var(--v2-border,#dee2e6)}.webcams-index .card-header{background:var(--v2-bg-secondary,#f8f9fa);border-bottom:1px solid var(--v2-border,#dee2e6);font-weight:600;display:flex;align-items:center}.webcams-index .list-group-item{background:var(--v2-bg-card,#fff);border-color:var(--v2-border,#dee2e6)}.webcams-index .list-group-item a{color:var(--v2-text-primary,#333);text-decoration:none;display:flex;align-items:center}.webcams-index .list-group-item a:hover{color:var(--v2-primary,#0d6efd)}.webcams-index .faq-section{margin-top:2rem}.webcams-index .accordion-item{background:var(--v2-bg-card,#fff);border:1px solid var(--v2-border,#dee2e6)}.webcams-index .accordion-button{background:var(--v2-bg-secondary,#f8f9fa);color:var(--v2-text-primary,#333)}.webcams-index .accordion-button:not(.collapsed){background:var(--v2-bg-secondary,#f8f9fa);color:var(--v2-text-primary,#333)}.webcams-index .accordion-body{background:var(--v2-bg-card,#fff);color:var(--v2-text-primary,#333)}.webcams-index .seo-intro{font-size:0.9rem;margin-bottom:1.5rem}[data-theme="dark"] .webcams-index .filter-section{background:var(--v2-bg-secondary,#1e293b)}[data-theme="dark"] .webcams-index .filter-btn{background:var(--v2-bg-card,#0f172a);border-color:var(--v2-border,#334155);color:var(--v2-text-primary,#e2e8f0)}[data-theme="dark"] .webcams-index .filter-btn:hover{background:var(--v2-bg-secondary,#1e293b);border-color:var(--v2-primary,#3b82f6)}[data-theme="dark"] .webcams-index .filter-btn.active{background:var(--v2-primary,#3b82f6);border-color:var(--v2-primary,#3b82f6);color:#fff}[data-theme="dark"] .webcams-index .stats-badge{background:var(--v2-bg-secondary,#1e293b);color:var(--v2-text-muted,#94a3b8)}[data-theme="dark"] .webcams-index .results-summary{background:var(--v2-bg-secondary,#1e293b);color:var(--v2-text-primary,#e2e8f0)}[data-theme="dark"] .webcams-index .card-link{background:var(--v2-bg-card,#0f172a);border-color:var(--v2-border,#334155);color:var(--v2-text-primary,#e2e8f0)}[data-theme="dark"] .webcams-index .card-link:hover{border-color:var(--v2-primary,#3b82f6);box-shadow:0 2px 8px rgba(0,0,0,0.3)}[data-theme="dark"] .webcams-index .card{background:var(--v2-bg-card,#0f172a) !important;border-color:var(--v2-border,#334155) !important}[data-theme="dark"] .webcams-index .card-header{background:var(--v2-bg-secondary,#1e293b) !important;border-color:var(--v2-border,#334155) !important;color:var(--v2-text-primary,#e2e8f0)}[data-theme="dark"] .webcams-index .list-group-item{background:var(--v2-bg-card,#0f172a) !important;border-color:var(--v2-border,#334155) !important}[data-theme="dark"] .webcams-index .list-group-item a{color:var(--v2-text-primary,#e2e8f0)}[data-theme="dark"] .webcams-index .list-group-item a:hover{color:var(--v2-primary,#3b82f6)}[data-theme="dark"] .webcams-index .accordion-item{background:var(--v2-bg-card,#0f172a) !important;border-color:var(--v2-border,#334155) !important}[data-theme="dark"] .webcams-index .accordion-button{background:var(--v2-bg-secondary,#1e293b) !important;color:var(--v2-text-primary,#e2e8f0) !important}[data-theme="dark"] .webcams-index .accordion-button:not(.collapsed){background:var(--v2-bg-secondary,#1e293b) !important;color:var(--v2-text-primary,#e2e8f0) !important;box-shadow:none}[data-theme="dark"] .webcams-index .accordion-button::after{filter:invert(1)}[data-theme="dark"] .webcams-index .accordion-body{background:var(--v2-bg-card,#0f172a) !important;color:var(--v2-text-primary,#e2e8f0) !important}[data-theme="dark"] .webcams-index .camera-icon{color:var(--v2-primary,#3b82f6)}[data-theme="dark"] .webcams-index .seo-intro{background:transparent !important;color:var(--v2-text-muted,#94a3b8)}