:root{--bg:#ffffff;--fg:#1a1a2e;--card:#f5f5f7;--border:#e0e0e4;--accent:#2563eb;--green:#16a34a;--red:#dc2626;--gray:#6b7280}@media (prefers-color-scheme:dark){:root{--bg:#0f0f1a;--fg:#e5e5e5;--card:#1a1a2e;--border:#2a2a3e;--accent:#3b82f6;--green:#22c55e;--red:#ef4444;--gray:#9ca3af}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;min-height:100vh}.container{max-width:720px;margin:0 auto;padding:2rem 1rem}h1{font-size:1.8rem;margin-bottom:1rem}h2{font-size:1.4rem;margin-bottom:.75rem}a{color:var(--accent);text-decoration:none}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.btn-group{display:flex;gap:.75rem;margin-top:1rem}.btn{flex:1 1;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}@media (hover:hover) and (pointer:fine){a:hover{text-decoration:underline}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-ja:hover{border-color:var(--green);color:var(--green)}.btn-nej:hover{border-color:var(--red);color:var(--red)}.party-chip:hover{border-color:var(--accent);color:var(--accent)}}.btn-selected-ja{border-color:var(--green);background:var(--green);color:white}.btn-selected-nej{border-color:var(--red);background:var(--red);color:white}.btn-selected-avsta{border-color:var(--gray);background:var(--gray);color:white}.expand-toggle{margin-top:1rem;padding:.5rem 0;color:var(--accent);cursor:pointer;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.motivation-full{margin-top:.75rem;padding:1rem;background:var(--bg);border-radius:8px;border:1px solid var(--border);max-height:400px;overflow-y:auto;font-size:.95rem}.motivation-full p{margin-bottom:.75rem}.source-link{display:block;margin-top:1rem;font-size:.85rem;color:var(--gray)}.progress-bar{height:4px;background:var(--border);border-radius:2px;margin-bottom:1.5rem}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.party-result{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.party-result:last-child{border-bottom:none}.party-name{font-weight:700;width:21ch;flex-shrink:0}.party-bar-bg{flex:1 1;height:24px;background:var(--border);border-radius:4px;overflow:hidden}.party-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .5s}.party-score{font-weight:700;min-width:45px;text-align:right}.category-badge{display:inline-block;padding:.2rem .6rem;background:var(--accent);color:white;border-radius:999px;font-size:.75rem;font-weight:600}.pros-cons{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.25rem}@media (max-width:560px){.pros-cons{grid-template-columns:1fr}}.cons-col,.pros-col{padding:.875rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg)}.pros-col{border-left:3px solid var(--green)}.cons-col{border-left:3px solid var(--red)}.cons-col h3,.pros-col h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.6rem}.pros-col h3{color:var(--green)}.cons-col h3{color:var(--red)}.cons-col ul,.pros-col ul{list-style:none}.cons-col li,.pros-col li{font-size:.9rem;line-height:1.55;padding-left:1rem;position:relative;margin-bottom:.4rem}.cons-col li:last-child,.pros-col li:last-child{margin-bottom:0}.pros-col li:before{content:"+";color:var(--green)}.cons-col li:before,.pros-col li:before{position:absolute;left:0;font-weight:700}.cons-col li:before{content:"−";color:var(--red)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header h1{margin-bottom:0;font-size:1.3rem}.setting-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.setting-row label{min-width:140px;font-size:.95rem}.setting-row input[type=number]{width:70px;padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.95rem}.pct-label{color:var(--gray);font-size:.85rem}.advanced-settings{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.setting-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.party-filter{display:flex;flex-wrap:wrap;gap:.5rem}.party-chip{padding:.4rem .8rem;border:2px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.party-chip-active{border-color:var(--accent);background:var(--accent);color:white}.detail-list{margin-top:.5rem}.detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.user-answer-label{font-size:.9rem;color:var(--gray)}.detail-question{line-height:1.7;margin-bottom:1rem}.party-votes.one-party .party-vote-name{width:21ch}.party-vote-row{display:flex;align-items:center;gap:.75rem;padding:.3rem 0}.party-vote-name{font-weight:600;font-size:.9rem;width:21ch;flex-shrink:0}.party-vote-pos{font-weight:700;font-size:.9rem}.pos-match{color:var(--green)}.pos-mismatch{color:var(--red)}.vote-bar{position:relative;flex:1 1;display:flex;height:18px;background:var(--border);border-radius:4px;overflow:hidden}.vote-seg{height:100%}.seg-ja{background:var(--green)}.seg-nej{background:var(--red)}.seg-avsta{background:var(--gray)}.vote-mismatch{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:700;color:white;background:rgba(0,0,0,.45);border-radius:999px;padding:0 5px}.detail-verbatim{margin-top:1rem;font-size:.9rem;color:var(--gray)}.detail-verbatim.match{color:var(--green)}.detail-verbatim.mismatch{color:var(--red)}