:root{--bg:#1a1a2e;--surface:#16213e;--surface2:#0f3460;--text:#e0e0e0;--text-dim:#89a;--accent:#e94560;--accent2:#4a90d9;--border:#2a3a5e;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:1rem}header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding:1.5rem 0 1rem}header h1{color:#fff;letter-spacing:.05em;font-size:1.8rem}.subtitle{color:var(--text-dim);margin:.3rem 0 1rem;font-size:.9rem}nav{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}nav button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:.5rem 1.2rem;font-size:.9rem;transition:all .2s}nav button:hover{background:var(--surface2)}nav button.active{background:var(--accent);border-color:var(--accent);color:#fff}main{min-height:60vh}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:.75rem;padding:1rem;transition:border-color .2s}.card:hover{border-color:var(--accent2)}.card-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.card-header h3{font-size:1rem}.badge{color:#fff;border-radius:12px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.tag{background:var(--surface2);color:var(--text-dim);border-radius:4px;margin:.15rem;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.grid{gap:.75rem;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.85rem;transition:opacity .2s}.btn:hover{opacity:.85}.btn-secondary{background:var(--surface2);border:1px solid var(--border)}.btn-danger{background:#c62828}.btn-small{padding:.3rem .7rem;font-size:.8rem}.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.form h2{margin-bottom:1rem;font-size:1.2rem}.field{margin-bottom:1rem}.field label{color:var(--text-dim);margin-bottom:.3rem;font-size:.85rem;display:block}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius);padding:.5rem .75rem;font-family:inherit;font-size:.9rem}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent2);outline:none}.field-row{gap:1rem;display:flex}.field-row .field{flex:1}@media (width<=768px){.field-row{flex-direction:column}}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.checkbox-group{flex-wrap:wrap;gap:.5rem;display:flex}.checkbox-group label{background:var(--bg);cursor:pointer;border:1px solid var(--border);border-radius:4px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.85rem;display:flex}.checkbox-group label:has(input:checked){border-color:var(--accent2);background:var(--surface2)}.checkbox-group input{accent-color:var(--accent2)}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filter-bar select,.filter-bar input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.4rem .6rem;font-size:.85rem}.detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.detail h2{margin-bottom:.5rem}.detail section{margin-top:1.2rem}.detail section h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);margin-bottom:.4rem;padding-bottom:.3rem;font-size:.9rem}.detail p{font-size:.95rem}.detail-actions{gap:.5rem;margin-bottom:1rem;display:flex}.detail-grid{flex-direction:column;gap:.4rem;display:flex}.detail-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:.75rem;padding:.3rem 0;display:flex}.detail-label{min-width:120px;color:var(--text-dim);flex-shrink:0;padding-top:.1rem;font-size:.82rem;font-weight:600}.detail-tags{flex-wrap:wrap;gap:.3rem;display:flex}.detail-empty{color:var(--text-dim);font-size:.85rem}.detail-regions-collapse{margin-top:.25rem}.detail-regions-collapse summary{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none;padding:.25rem 0;font-size:.85rem}.detail-regions-collapse summary:hover{color:var(--text)}.detail-regions-collapse[open] summary{margin-bottom:.5rem}.detail-regions{flex-direction:column;gap:.5rem;display:flex}.detail-region-group{align-items:flex-start;gap:.75rem;display:flex}.detail-region-lm{min-width:80px;color:var(--accent2);flex-shrink:0;padding-top:.15rem;font-size:.78rem;font-weight:600}.stroem-card{background:var(--surface);border-radius:var(--radius);border-left:4px solid;margin-bottom:.75rem;padding:1rem}.stroem-card h3{margin-bottom:.3rem;font-size:1.05rem}.stroem-card .prozess{color:var(--text-dim);font-size:.85rem;font-style:italic}.stroem-card .info{margin-top:.5rem;font-size:.9rem}.stroem-card .info strong{color:var(--text)}.standort-table{border-collapse:collapse;width:100%;font-size:.85rem}.standort-table th,.standort-table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .75rem}.standort-table th{color:var(--text-dim);font-weight:600}.standort-table tr:hover td{background:var(--surface2)}.section-title{border-bottom:1px solid var(--border);margin:1.5rem 0 .75rem;padding-bottom:.3rem;font-size:1.1rem}.empty-state{text-align:center;color:var(--text-dim);padding:3rem}.empty-state p{margin-bottom:1rem}.tag-select{flex-wrap:wrap;gap:.4rem;display:flex}.tag-option{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:.25rem .6rem;font-family:inherit;font-size:.8rem;transition:all .15s}.tag-option:hover{border-color:var(--accent2);color:var(--text)}.tag-option.selected{background:var(--surface2);border-color:var(--accent2);color:#fff}.region-select{max-height:400px;overflow-y:auto}.region-selected{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;display:flex}.region-group{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.3rem;overflow:hidden}.region-group-header{background:var(--surface);width:100%;color:var(--text);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-family:inherit;font-size:.85rem;display:flex}.region-group-header:hover{background:var(--surface2)}.region-count{color:var(--accent2);font-size:.75rem}.region-group-body{background:var(--bg);padding:.3rem .5rem}.region-entry{margin-bottom:.2rem}.region-label{cursor:pointer;border-radius:3px;align-items:center;gap:.4rem;padding:.15rem .3rem;font-size:.82rem;display:flex}.region-label:hover{background:var(--surface)}.region-label.checked{color:var(--accent2)}.region-label.sub{padding-left:1.2rem;font-size:.78rem}.region-label input{accent-color:var(--accent2)}.region-subs{margin-left:.3rem}.bild-upload{margin-top:.5rem}.bild-gallery{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.bild-thumb{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;width:200px;height:150px;position:relative;overflow:hidden}.bild-thumb img{object-fit:cover;width:100%;height:100%;display:block}.bild-delete{color:#fff;cursor:pointer;opacity:0;background:#c62828d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;transition:opacity .2s;display:flex;position:absolute;top:2px;right:2px}.bild-thumb:hover .bild-delete{opacity:1}.bild-dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-dim);cursor:pointer;padding:1rem;font-size:.85rem;transition:border-color .2s,background .2s}.bild-dropzone:hover,.bild-dropzone.dragover{border-color:var(--accent2);background:#4a90d91a}.region-detail-panel{background:var(--surface);border-radius:var(--radius);margin:.25rem 0;padding:.75rem}.region-clickable{cursor:pointer}.region-clickable:hover{color:var(--accent2)}.bild-count{background:var(--accent2);color:#fff;vertical-align:middle;border-radius:8px;margin-left:.3rem;padding:0 .35rem;font-size:.65rem;display:inline-block}.lightbox{z-index:1000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{cursor:default;max-width:90vw;max-height:90vh;position:relative}.lightbox-content img{object-fit:contain;border-radius:var(--radius);max-width:90vw;max-height:85vh;display:block}.lightbox-close{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:flex;position:absolute;top:-12px;right:-12px}.lightbox-nav{color:#fff;justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.lightbox-nav button{background:var(--surface2);border:1px solid var(--border);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;display:flex}.lightbox-nav button:hover{background:var(--accent2)}.lightbox-nav span{color:var(--text-dim);font-size:.85rem}.detail-hero{align-items:flex-start;gap:1.5rem;display:flex}.detail-hero-info{flex:1;min-width:0}.detail-hero-img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);flex-shrink:0;width:400px;height:300px}.detail-hero-signatur{color:var(--text-dim);margin-top:.75rem;font-size:.9rem;line-height:1.5}.detail-hero-beschreibung{color:var(--text);max-width:700px;margin-top:.75rem;font-size:.9rem;line-height:1.7}@media (width<=768px){.detail-hero{flex-direction:column-reverse}.detail-hero-img{width:100%;height:200px}}.region-breadcrumb{color:var(--text-dim);margin-bottom:1rem;font-size:.85rem}.region-breadcrumb-link{color:var(--accent2);cursor:pointer}.region-breadcrumb-link:hover{text-decoration:underline}.region-breadcrumb-sep{color:var(--text-dim);margin:0 .2rem}.region-breadcrumb-current{color:var(--text);font-weight:600}.region-sub-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;display:grid}.region-sub-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,transform .15s;overflow:hidden}.region-sub-card:hover{border-color:var(--accent2);transform:translateY(-2px)}.region-sub-img{object-fit:cover;width:100%;height:120px}.region-sub-info{flex-direction:column;gap:.2rem;padding:.6rem .75rem;display:flex}.region-sub-char{color:var(--text-dim);font-size:.8rem}.region-pflanzen-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.region-pflanze-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s;overflow:hidden}.region-pflanze-card:hover{border-color:var(--accent2)}.region-pflanze-img{object-fit:cover;width:100%;height:100px}.region-pflanze-info{padding:.5rem .6rem}.badge-sm{padding:.1rem .4rem;font-size:.65rem}.region-matcher-toggle{margin-top:.5rem}.region-matcher{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:.5rem;padding:1rem}.region-matcher-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.region-matcher-header h4{margin:0;font-size:1rem}.region-matcher-info{color:var(--text-dim);margin-bottom:.75rem;font-size:.8rem}.region-matcher-auto{border-radius:var(--radius);background:#4caf5014;border:1px solid #4caf504d;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.region-matcher-auto-info{color:var(--text-dim);font-size:.78rem;font-style:italic}.region-match-outside{opacity:.4;border-style:dashed}.region-matcher-list{flex-direction:column;gap:.5rem;max-height:500px;display:flex;overflow-y:auto}.region-match-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.6rem .75rem;transition:border-color .2s,background .2s;position:relative}.region-match-card:hover{border-color:var(--accent2)}.region-match-card.active{background:#4caf5014;border-color:#4caf50}.region-match-main{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.region-match-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.region-match-path{color:var(--accent2);font-size:.75rem}.region-match-char{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.region-match-score{text-align:center;flex-shrink:0}.region-match-pct{font-size:1.3rem;font-weight:700;line-height:1}.region-match-ratio{color:var(--text-dim);font-size:.7rem}.region-match-details{flex-wrap:wrap;gap:.3rem;margin-top:.4rem;display:flex}.region-match-tag{border-radius:3px;padding:.1rem .4rem;font-size:.7rem}.region-match-tag.match{color:#81c784;background:#4caf5026}.region-match-tag.no-match{color:#e57373;background:#f4433626}.region-match-active-badge{color:#fff;background:#4caf50;border-radius:3px;padding:.05rem .35rem;font-size:.65rem;position:absolute;top:.4rem;right:.5rem}.region-matcher-empty{color:var(--text-dim);text-align:center;padding:1rem;font-size:.85rem}.multi-filter-search{background:var(--surface);border:1px solid var(--border);min-width:200px;color:var(--text);border-radius:var(--radius);flex:1;padding:.4rem .6rem;font-family:inherit;font-size:.85rem}.multi-filter-search:focus{border-color:var(--accent2);outline:none}.multi-filter-groups{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.multi-filter-group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.multi-filter-label{color:var(--text-dim);flex-shrink:0;min-width:80px;font-size:.75rem}.filter-tag{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:12px;padding:.2rem .5rem;font-family:inherit;font-size:.75rem;transition:all .15s}.tag-art{background:var(--surface2);font-size:.7rem;font-style:italic}.sort-buttons{align-items:center;gap:.25rem;display:flex}.alchemie-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem;display:grid}.alchemie-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:.4rem;padding:1rem;transition:border-color .2s,transform .15s;display:flex}.alchemie-card:hover{border-color:var(--accent2);transform:translateY(-2px)}.alchemie-card-header{justify-content:space-between;align-items:center;display:flex}.alchemie-card-name{margin:0;font-size:1.05rem}.alchemie-card-kategorie{color:var(--text-dim);font-size:.8rem}.alchemie-card-stroemungen{flex-wrap:wrap;gap:.3rem;display:flex}.alchemie-card-wirkung{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.alchemie-card-zutaten{flex-wrap:wrap;gap:.25rem;display:flex}.alchemie-card-meta{color:var(--text-dim);border-top:1px solid var(--border);justify-content:space-between;margin-top:.3rem;padding-top:.4rem;font-size:.75rem;display:flex}.alchemie-disziplin-badge{color:#fff;border-radius:12px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.alchemie-potenz{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.alchemie-potenz-gewoehnlich{color:#aaa;background:#6464644d}.alchemie-potenz-besonders{color:#4a90d9;background:#4a90d933}.alchemie-potenz-selten{color:#ce93d8;background:#9c27b033}.alchemie-potenz-legendaer{color:#ffb74d;background:#ff980033}.tag-sm{padding:.1rem .4rem;font-size:.7rem}.alchemie-detail-header{margin-bottom:1rem}.alchemie-detail-title-row{align-items:center;gap:.75rem;display:flex}.alchemie-detail-meta{background:var(--bg);border-radius:var(--radius);flex-wrap:wrap;gap:1.5rem;margin-bottom:.5rem;padding:.75rem;display:flex}.alchemie-meta-item{flex-direction:column;gap:.2rem;display:flex}.alchemie-meta-item .detail-label{min-width:auto}.alchemie-zutaten-list{flex-direction:column;gap:.5rem;display:flex}.alchemie-zutat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem}.alchemie-zutat-header{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.alchemie-zutat-details{color:var(--text-dim);gap:1rem;font-size:.82rem;display:flex}.alchemie-anleitung{white-space:pre-line;background:var(--bg);border-radius:var(--radius);border-left:3px solid var(--accent2);padding:.75rem;font-size:.9rem;line-height:1.7}.alchemie-warning{color:#ffb74d;border-radius:var(--radius);background:#ff980014;border-left:3px solid #ff9800;padding:.5rem .75rem;font-size:.9rem}.alchemie-danger{color:#e57373;border-radius:var(--radius);background:#f4433614;border-left:3px solid #f44336;padding:.5rem .75rem;font-size:.9rem}.alchemie-wirkungen{flex-direction:column;gap:.75rem;display:flex}.alchemie-wirk-block{border-radius:var(--radius);border-left:4px solid;padding:.75rem 1rem}.alchemie-wirk-block h3{text-transform:uppercase;letter-spacing:.03em;margin:0 0 .4rem;font-size:.9rem}.alchemie-wirk-block p{margin:0;font-size:.9rem;line-height:1.5}.alchemie-verzerrung-badge{border-radius:var(--radius);letter-spacing:.02em;color:#e57373;background:#f4433626;border:1px solid #f443364d;align-items:center;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.alchemie-verzerrung-badge.badge-sm{padding:.1rem .4rem;font-size:.68rem}.alchemie-wirk-positiv{background:#4caf5014;border-left-color:#4caf50}.alchemie-wirk-positiv h3{color:#81c784}.alchemie-wirk-positiv p{color:var(--text)}.alchemie-wirk-warnung{background:#ff980014;border-left-color:#ff9800}.alchemie-wirk-warnung h3{color:#ffb74d}.alchemie-wirk-warnung p{color:#ffcc80}.alchemie-wirk-gefahr{background:#f4433614;border-left-color:#f44336}.alchemie-wirk-gefahr h3{color:#e57373}.alchemie-wirk-gefahr p{color:#ef9a9a}.alchemie-disziplin-info{background:var(--bg);border-radius:var(--radius);padding:.75rem}.alchemie-disziplin-info p{color:var(--text-dim);margin-bottom:.5rem;font-size:.9rem}.alchemie-zutat-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.alchemie-zutat-row select,.alchemie-zutat-row input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.4rem .6rem;font-family:inherit;font-size:.85rem}.alchemie-zutat-row select{flex:2}.alchemie-zutat-row input{flex:1}.alchemie-zutat-row select:focus,.alchemie-zutat-row input:focus{border-color:var(--accent2);outline:none}.wirkstoff-preview{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent2);border-radius:var(--radius);margin:.3rem 0 .75rem;padding:.5rem .75rem;font-size:.82rem}.wirkstoff-preview-badges{flex-wrap:wrap;gap:.3rem;margin-bottom:.3rem;display:flex}.wirkstoff-preview-list{flex-direction:column;gap:.2rem;display:flex}.wirkstoff-preview-item{color:var(--text-dim);align-items:center;gap:.4rem;display:flex}.wirkstoff-preview-item strong{color:var(--text)}.wirkprofil-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);border-left:3px solid #4caf50;margin:.75rem 0;padding:.75rem}.wirkprofil-preview h4{color:#4caf50;margin:0 0 .5rem;font-size:.9rem}.wirkprofil-stroemungen{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;display:flex}.wirkprofil-wirkstoffe{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.wirkprofil-item{gap:.5rem;font-size:.82rem;display:flex}.wirkprofil-name{color:var(--text);min-width:140px;font-weight:600}.wirkprofil-wirkung{color:var(--text-dim)}.wirkprofil-verzerrung{border-top:1px solid var(--border);flex-direction:column;gap:.2rem;margin-top:.4rem;padding-top:.4rem;font-size:.8rem;display:flex}.wirkprofil-verzerrung strong{color:#e57373}.wirkprofil-verzerrung span{color:var(--text-dim);padding-left:.5rem}.gegenstroem-balance{border-radius:var(--radius);margin:.75rem 0;padding:.6rem .75rem;font-size:.85rem}.gegenstroem-balanced{background:#4caf5014;border:1px solid #4caf504d;border-left:3px solid #4caf50}.gegenstroem-unbalanced{background:#ff980014;border:1px solid #ff98004d;border-left:3px solid #ff9800}.gegenstroem-balance h4{margin:0 0 .4rem;font-size:.9rem}.gegenstroem-balanced h4{color:#4caf50}.gegenstroem-unbalanced h4{color:#ff9800}.gegenstroem-ok{color:#81c784;font-size:.82rem}.gegenstroem-warning{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.25rem;display:flex}.gegenstroem-warning strong{color:var(--text)}.gegenstroem-vorschlaege{width:100%;color:var(--text-dim);padding-left:.5rem;font-size:.78rem;font-style:italic}.gegenstroem-compact{margin:.5rem 0 0;padding:.4rem .6rem}.gegenstroem-compact .gegenstroem-warning{font-size:.8rem}@media (width<=768px){.alchemie-grid{grid-template-columns:1fr}.alchemie-zutat-row{flex-direction:column}.alchemie-detail-meta{flex-direction:column;gap:.75rem}}.multi-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.multi-filter-search{border:1px solid var(--border);background:var(--surface);min-width:200px;color:var(--text);border-radius:6px;flex:1;padding:.5rem .75rem;font-size:.9rem}.multi-filter-groups{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.multi-filter-group{align-items:flex-start;gap:.5rem;display:flex}.multi-filter-label{color:var(--text-dim);flex-shrink:0;min-width:90px;padding-top:.3rem;font-size:.8rem;font-weight:600}.multi-filter-tags{flex-wrap:wrap;gap:.3rem;display:flex}.filter-tag{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:.2rem .6rem;font-size:.78rem;transition:all .15s}.filter-tag:hover{border-color:var(--accent);color:var(--text)}.filter-tag.active{background:var(--accent);border-color:var(--accent);color:#fff}.multi-filter-select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:.3rem .5rem;font-size:.82rem}.sort-buttons{gap:.3rem;display:flex}.btn-secondary{border:1px solid var(--border);color:var(--text-dim);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--text)}.btn-sm{padding:.25rem .6rem;font-size:.78rem}.card-with-thumb{gap:.75rem;display:flex}.card-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:80px;height:80px}.card-body{flex:1;min-width:0}.tag-art{background:var(--surface-raised,#3a3a4a);font-weight:600}@media (width<=768px){.multi-filter-group{flex-direction:column;gap:.25rem}.multi-filter-label{min-width:0}.card-thumb{width:60px;height:60px}}