*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1f2937;line-height:1.6}.page-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.page-header{text-align:center;margin-bottom:3rem}.page-title{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.page-subtitle{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.section-title{font-size:2.5rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:#6b7280;text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:2rem}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2-cols{grid-template-columns:repeat(2,1fr)}.grid-3-cols{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:2px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:#3b82f6}.card-disabled{cursor:not-allowed;opacity:.6}.card-disabled:hover{transform:none;box-shadow:0 4px 6px #0000001a}.theme-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:2px solid #e5e7eb;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.theme-card.available{border-color:#3b82f6}.theme-card.available:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:#2563eb}.theme-card.unavailable{cursor:not-allowed;opacity:.6}.theme-card.unavailable:hover{transform:none;box-shadow:0 4px 6px #0000001a}.theme-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);transition:all .3s ease}.theme-card.available .icon-circle{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.theme-card.available:hover .icon-circle{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:scale(1.1)}.icon-text{font-size:2rem;transition:all .3s ease}.theme-card.available:hover .icon-text{color:#fff;transform:scale(1.1)}.theme-content{text-align:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.theme-name{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.theme-description{font-size:1rem;color:#6b7280;line-height:1.5;margin-bottom:1.5rem}.theme-status{display:flex;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f8fafc;color:#6b7280;border:1px solid #e5e7eb}.btn-secondary:hover{background:#f1f5f9;color:#3b82f6}.btn-retry{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-retry:hover{background:#2563eb}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.status-badge.available{background:#dcfce7;color:#166534}.status-badge.unavailable{background:#f3f4f6;color:#6b7280}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;text-align:center;padding:2rem}.error h2{font-size:2rem;color:#ef4444;margin-bottom:1rem}.error p{font-size:1.1rem;color:#6b7280;margin-bottom:2rem;max-width:500px}.dropdown-container{position:relative;display:flex;align-items:center}.dropdown-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#6b7280;font-weight:500;font-size:1.1rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none}.dropdown-button:hover{color:#3b82f6;background:#f8fafc}.dropdown-button.active{color:#3b82f6;background:#dbeafe}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;min-width:320px;max-height:400px;overflow-y:auto;margin-top:.5rem}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover:not(.unavailable){background:#f8fafc}.dropdown-item.unavailable{cursor:not-allowed;opacity:.6}.theme-info{display:flex;flex-direction:column;gap:.25rem}.theme-name{font-weight:600;color:#1f2937;font-size:1rem}.theme-description{font-size:.875rem;color:#6b7280;line-height:1.4}.unavailable-badge{background:#f3f4f6;color:#6b7280;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.nav-link{text-decoration:none;color:#6b7280;font-weight:500;font-size:1.1rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.nav-link:hover{color:#3b82f6;background:#f8fafc}.nav-link.router-link-active{color:#3b82f6;background:#dbeafe}.consensus-map{margin-top:2rem}.column-header{background:#f9fafb;padding:1rem;border-radius:8px 8px 0 0;border-bottom:1px solid #e5e7eb}.column-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#374151}.card-count{background:#e5e7eb;color:#6b7280;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.cards-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.25rem}.consensus-card{background:#fff;border-radius:6px;padding:.875rem;box-shadow:0 1px 2px #00000014;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;min-height:70px;display:flex;flex-direction:column}.consensus-card:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.card-content{flex:1;display:flex;flex-direction:column}.card-text{font-size:.875rem;line-height:1.4;color:#374151;margin-bottom:.5rem;flex:1}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280}.support-count{font-weight:500}.consensus-badge{background:#22c55e;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.party-name{font-weight:500;color:#374151}.party-CDA{border-left:4px solid #FF7F00}.party-GroenLinks-PvdA{border-left:4px solid #7CC142}.party-D66{border-left:4px solid #00A651}.party-VVD{border-left:4px solid #1E5BBA}.party-PvdD{border-left:4px solid #FF6B35}.party-JA21{border-left:4px solid #B71C1C}.party-ChristenUnie{border-left:4px solid #00A651}.party-NSC,.party-PVV,.party-FVD{border-left:4px solid #1B365D}.eens-card{border-left:4px solid #22c55e;background:linear-gradient(135deg,#f0fdf4,#fff)}.eens-card:hover{background:linear-gradient(135deg,#dcfce7,#fff)}.oneens-card{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.oneens-card:hover{background:linear-gradient(135deg,#fee2e2,#fff)}.onbekend-card{border-left:4px solid #6b7280;background:linear-gradient(135deg,#f9fafb,#fff)}.onbekend-card:hover{background:linear-gradient(135deg,#f3f4f6,#fff)}.eens-badge{background:#22c55e;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.oneens-badge{background:#ef4444;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.onbekend-badge{background:#6b7280;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:900px;max-height:80vh;overflow-y:auto;margin:1rem;box-shadow:0 25px 50px -12px #00000040}.modal-content h2{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;line-height:1.3}.party-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.party-section{border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;background:#f9fafb}.party-section h3{margin:0 0 1rem;color:#374151;font-size:1.1rem;font-weight:600}.party-section ul{margin:0;padding-left:1.25rem;color:#6b7280}.party-section li{margin-bottom:.75rem;line-height:1.5}.standpunt-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-right:.5rem;margin-bottom:.5rem}.standpunt-badge.eens{background:#dcfce7;color:#166534}.standpunt-badge.oneens{background:#fee2e2;color:#991b1b}.standpunt-badge.onbekend{background:#f3f4f6;color:#6b7280}@media (max-width: 768px){.page-container{padding:1rem}.page-title{font-size:2.5rem}.page-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1.1rem}.grid-auto-fit{grid-template-columns:1fr;gap:1.5rem}.theme-card{padding:1.5rem}.icon-circle{width:60px;height:60px}.icon-text{font-size:1.5rem}.dropdown-menu{min-width:280px;max-height:300px;left:0;right:auto}.dropdown-item{padding:.75rem}.theme-name{font-size:.9rem}.theme-description{font-size:.8rem}.grid-2-cols,.grid-3-cols{grid-template-columns:1fr}}@media (max-width: 480px){.page-container{padding:.75rem}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.theme-card{padding:1rem}.icon-text{font-size:1.25rem}.theme-name{font-size:.85rem}.theme-description{font-size:.75rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 768px){.mobile-padding{padding:1rem}.mobile-title{font-size:2rem}.mobile-subtitle{font-size:1.1rem}}@media (max-width: 480px){.mobile-small-padding{padding:.75rem}.mobile-small-title{font-size:1.75rem}.mobile-small-subtitle{font-size:1rem}}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.app-header[data-v-1b7988d8]{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem 0}.header-content[data-v-1b7988d8]{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem}.logo-link[data-v-1b7988d8]{text-decoration:none}.logo[data-v-1b7988d8]{height:80px;width:auto;object-fit:contain}.title-link[data-v-1b7988d8]{text-decoration:none;color:inherit}.title-link:hover h1[data-v-1b7988d8]{color:#3b82f6}.header-text[data-v-1b7988d8]{text-align:left}.header-text h1[data-v-1b7988d8]{font-size:2.1rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.header-text p[data-v-1b7988d8]{font-size:1.2rem;color:#6b7280;margin:0}.header-nav[data-v-1b7988d8]{display:flex;align-items:center}.dropdown-container[data-v-1b7988d8]{position:relative}.dropdown-button[data-v-1b7988d8]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.dropdown-button[data-v-1b7988d8]:hover{background:#f1f5f9;border-color:#cbd5e1}.dropdown-button.active[data-v-1b7988d8]{background:#3b82f6;color:#fff;border-color:#3b82f6}.dropdown-arrow[data-v-1b7988d8]{transition:transform .2s ease}.dropdown-arrow.rotated[data-v-1b7988d8]{transform:rotate(180deg)}.dropdown-menu[data-v-1b7988d8]{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:300px;z-index:50;margin-top:.5rem}.dropdown-item[data-v-1b7988d8]{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease}.dropdown-item[data-v-1b7988d8]:last-child{border-bottom:none}.dropdown-item[data-v-1b7988d8]:hover:not(.unavailable){background:#f8fafc}.dropdown-item.unavailable[data-v-1b7988d8]{opacity:.6;cursor:not-allowed}.theme-info[data-v-1b7988d8]{display:flex;flex-direction:column;gap:.25rem}.theme-name[data-v-1b7988d8]{font-weight:600;color:#1f2937}.theme-description[data-v-1b7988d8]{font-size:.875rem;color:#6b7280}.unavailable-badge[data-v-1b7988d8]{background:#f3f4f6;color:#6b7280;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}@media (max-width: 768px){.app-header[data-v-1b7988d8]{padding:1rem 0}.header-content[data-v-1b7988d8]{flex-direction:row;align-items:center;gap:1rem;padding:0 1rem}.logo[data-v-1b7988d8]{height:50px;flex-shrink:0}.header-text[data-v-1b7988d8]{flex:1;text-align:left;min-width:0}.header-text h1[data-v-1b7988d8]{font-size:1.5rem;margin:0 0 .25rem;line-height:1.2}.header-text p[data-v-1b7988d8]{font-size:.875rem;line-height:1.3;margin:0}.header-nav[data-v-1b7988d8]{flex-shrink:0}.dropdown-button[data-v-1b7988d8]{padding:.5rem .75rem;font-size:.875rem}.dropdown-menu[data-v-1b7988d8]{right:0;left:auto;min-width:280px;width:auto;max-width:calc(100vw - 2rem);transform:translate(0)}@media (max-width: 400px){.dropdown-menu[data-v-1b7988d8]{right:.5rem;left:.5rem;width:calc(100vw - 1rem);max-width:none}}.dropdown-item[data-v-1b7988d8]{padding:.75rem}.theme-description[data-v-1b7988d8]{font-size:.8rem;margin:0}.theme-info[data-v-1b7988d8]{gap:.125rem}}@media (max-width: 480px){.header-content[data-v-1b7988d8]{gap:.75rem}.logo[data-v-1b7988d8]{height:40px}.header-text h1[data-v-1b7988d8]{font-size:1.25rem}.header-text p[data-v-1b7988d8]{font-size:.8rem}.dropdown-button[data-v-1b7988d8]{padding:.375rem .5rem;font-size:.8rem}.dropdown-menu[data-v-1b7988d8]{right:0;left:auto;min-width:260px;width:auto;max-width:calc(100vw - 1.5rem);transform:translate(0)}@media (max-width: 400px){.dropdown-menu[data-v-1b7988d8]{right:.5rem;left:.5rem;width:calc(100vw - 1rem);max-width:none}}.dropdown-item[data-v-1b7988d8]{padding:.625rem}.theme-description[data-v-1b7988d8]{font-size:.75rem;margin:0}.theme-info[data-v-1b7988d8]{gap:.125rem}}.footer[data-v-fa317086]{background:#1f2937;color:#f9fafb;margin-top:4rem}.footer-content[data-v-fa317086]{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h3[data-v-fa317086]{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.footer-section h4[data-v-fa317086]{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#e5e7eb}.footer-section p[data-v-fa317086]{color:#d1d5db;line-height:1.6;margin-bottom:.5rem}.footer-section ul[data-v-fa317086]{list-style:none;padding:0;margin:0}.footer-section li[data-v-fa317086]{margin-bottom:.5rem}.footer-section a[data-v-fa317086]{color:#d1d5db;text-decoration:none;transition:color .2s ease}.footer-section a[data-v-fa317086]:hover{color:#fff;text-decoration:underline}.footer-section a.router-link-active[data-v-fa317086]{color:#fff;font-weight:500}.footer-bottom[data-v-fa317086]{border-top:1px solid #374151;padding:1.5rem 2rem;text-align:center;color:#9ca3af;font-size:.9rem}.footer-bottom p[data-v-fa317086]{margin:0}@media (max-width: 768px){.footer-content[data-v-fa317086]{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1rem 1.5rem}.footer-section h3[data-v-fa317086]{font-size:1.3rem}.footer-bottom[data-v-fa317086]{padding:1rem}}.app{min-height:100vh}.loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#6b7280}.themes-section[data-v-f5debfb2]{margin-bottom:4rem}.consensus-display[data-v-f5debfb2]{display:flex;flex-direction:column;gap:8px;margin-top:auto}.consensus-label[data-v-f5debfb2]{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.consensus-percentage[data-v-f5debfb2]{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.consensus-bar[data-v-f5debfb2]{width:100%;height:6px;background-color:var(--border-light);border-radius:3px;overflow:hidden}.consensus-fill[data-v-f5debfb2]{height:100%;border-radius:3px;transition:width .3s ease}.consensus-fill.high[data-v-f5debfb2]{background:linear-gradient(90deg,#10b981,#059669)}.consensus-fill.medium[data-v-f5debfb2]{background:linear-gradient(90deg,#f59e0b,#d97706)}.consensus-fill.low[data-v-f5debfb2]{background:linear-gradient(90deg,#ef4444,#dc2626)}.theme-card:hover .consensus-fill[data-v-f5debfb2]{transform:scaleY(1.2);transform-origin:bottom}.theme-card:hover .consensus-percentage[data-v-f5debfb2]{color:var(--primary-color)}