:root{--bg: #0d1117;--surface: #161b22;--surface2: #1c2333;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #5865F2;--green: #57F287;--yellow: #FEE75C;--red: #ED4245;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.app{max-width:1400px;margin:0 auto;padding:24px}.header,.header-top{margin-bottom:16px}.header h1{font-size:1.8rem;margin-bottom:4px}.subtitle{color:var(--text-muted);font-size:.9rem}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters>*{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:8px;font-size:.9rem}.search{flex:1;min-width:200px;outline:none}.search:focus{border-color:var(--accent)}select{cursor:pointer}select option{background:var(--surface)}.stats-bar{display:flex;gap:16px;padding:10px 0;color:var(--text-muted);font-size:.85rem;border-bottom:1px solid var(--border);margin-bottom:20px}.compare-bar{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 16px;background:var(--surface2);border-radius:8px;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:all .2s;position:relative}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #0008}.card-header{margin-bottom:8px}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-title-row h3{font-size:1.1rem}.health-badge{padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.card-meta{display:flex;gap:10px;align-items:center;margin-top:4px}.publisher{color:var(--text-muted);font-size:.85rem}.verified{color:var(--green);font-weight:700;margin-left:2px}.category-tag{background:var(--accent)22;color:var(--accent);padding:1px 8px;border-radius:4px;font-size:.75rem}.card-desc{color:var(--text-muted);font-size:.85rem;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.score-ring-row{display:flex;gap:16px;align-items:center;margin-bottom:12px}.score-ring{position:relative;width:64px;height:64px;flex-shrink:0}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--border);stroke-width:3}.ring-fg{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s}.ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}.mini-scores{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.mini-score{display:flex;align-items:center;gap:6px}.mini-bar-track{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:2px;transition:width .4s}.mini-label{font-size:.7rem;color:var(--text-muted);width:58px}.card-footer{display:flex;gap:14px;font-size:.8rem;color:var(--text-muted)}.compare-btn{position:absolute;top:12px;right:12px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);padding:3px 10px;border-radius:6px;font-size:.75rem;cursor:pointer;opacity:0;transition:opacity .2s}.card:hover .compare-btn{opacity:1}.compare-btn.active{opacity:1;background:var(--accent)33;color:var(--accent);border-color:var(--accent)}.btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.15)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-muted{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-muted:hover{color:var(--text)}.detail-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.detail-header h1{font-size:1.6rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.detail-section h2{font-size:1.1rem;margin-bottom:16px;color:var(--accent)}.big-score{font-size:3rem;font-weight:800;margin-bottom:16px}.big-score span{font-size:1.2rem;color:var(--text-muted);font-weight:400}.breakdown-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.breakdown-label{width:130px}.breakdown-label strong{display:block;font-size:.85rem}.breakdown-label small{color:var(--text-muted);font-size:.7rem}.breakdown-bar-track{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:4px;transition:width .5s}.breakdown-val{width:32px;text-align:right;font-weight:600;font-size:.9rem}.detail-table>div{display:flex;padding:8px 0;border-bottom:1px solid var(--border);gap:12px}.detail-table>div>span:first-child{width:140px;color:var(--text-muted);font-size:.85rem;flex-shrink:0}.detail-table>div>span:last-child{font-size:.9rem}.rating-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem}.rating-bar-track{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.rating-bar-fill{height:100%;background:#fee75c;border-radius:4px}.action-row{display:flex;gap:10px;margin-bottom:16px}.rate-form{background:var(--surface2);padding:16px;border-radius:8px;margin-bottom:12px}.rate-form label{display:block;margin-bottom:10px;font-size:.9rem}.rate-form input[type=number]{width:60px;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:4px;margin-left:8px}.rate-form input[type=checkbox]{margin-left:8px}.rate-form textarea{display:block;width:100%;margin-top:4px;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px;border-radius:6px;resize:vertical;font-family:inherit}.user-rating-note{color:var(--green);font-size:.85rem;margin-bottom:12px}.reports-list h3{font-size:.95rem;margin-bottom:8px}.report-item{background:var(--surface2);padding:10px;border-radius:6px;margin-bottom:6px;font-size:.85rem}.report-item small{color:var(--text-muted)}.compare-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.compare-row{display:grid;grid-template-columns:140px repeat(3,1fr);align-items:center;border-bottom:1px solid var(--border)}.compare-header{background:var(--surface2)}.compare-label{padding:12px 16px;font-weight:600;font-size:.85rem;color:var(--text-muted)}.compare-cell{padding:10px 16px;text-align:center;font-size:.9rem}.compare-cell strong{display:block;margin-bottom:4px}.compare-cell.best{background:var(--green)11}.compare-bar-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:4px}.compare-bar-fill{height:100%;border-radius:3px}.compare-divider{grid-column:1 / -1;height:3px;background:var(--accent)33}.modal-overlay{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;width:90%;max-width:480px}.modal h2{margin-bottom:16px;font-size:1.2rem}.modal label{display:block;margin-bottom:12px;font-size:.9rem}.modal select,.modal textarea{display:block;width:100%;margin-top:4px;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:6px;font-family:inherit}.modal-actions{display:flex;gap:10px;margin-top:16px}.success-msg{color:var(--green);font-size:1.1rem;text-align:center;padding:20px}.empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:60px;font-size:1.1rem}@media(max-width:768px){.grid,.detail-grid{grid-template-columns:1fr}.filters{flex-direction:column}.compare-row{grid-template-columns:100px repeat(3,1fr)}}