.cmp-page{padding:var(--space-xl) 0 var(--space-3xl)}.cmp-header{margin-bottom:var(--space-xl)}.cmp-header h1{color:var(--primary)}.cmp-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:var(--space-md)}.cmp-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;cursor:pointer}.cmp-chip:hover{opacity:.85}.cmp-clear{display:inline-flex;padding:4px 10px;border-radius:4px;font-size:.7rem;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;margin-left:4px}.cmp-clear:hover{border-color:var(--primary)}.cmp-search{width:100%;max-width:300px;padding:8px 12px;border:1px solid var(--border2);border-radius:6px;font-size:.8rem;margin-bottom:var(--space-sm);font-family:var(--sans);outline:none;background:var(--surface);color:var(--text)}.cmp-search:focus{border-color:var(--primary)}.cmp-selector{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-lg)}.cmp-btn{padding:4px 10px;border-radius:12px;font-size:.68rem;border:1px solid var(--border2);cursor:pointer;background:var(--surface);color:var(--text-dim);transition:all .15s;font-family:var(--sans)}.cmp-btn:hover{border-color:var(--primary);color:var(--primary)}.cmp-btn.active{color:#fff}.tension-box{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px 18px;margin-bottom:var(--space-lg)}.tension-title{font-size:.6rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-weight:600}.tension-pair{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.tension-pair:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tension-vs{font-size:.75rem;margin-bottom:6px}.tension-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.72rem;font-family:var(--serif);line-height:1.55;color:var(--text-dim)}.tension-label{font-family:var(--sans);font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.tension-label-problem{color:var(--secondary)}.tension-label-self{color:var(--accent, #c49a6c)}.cmp-table{width:100%;border-collapse:collapse;font-size:.72rem}.cmp-table th{text-align:left;padding:8px 12px;font-family:var(--serif);font-weight:600;border-bottom:2px solid var(--border2);white-space:nowrap}.cmp-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5}.cmp-table td:first-child{font-weight:600;color:var(--text-dim);white-space:nowrap;min-width:120px}.cmp-table-wrap{overflow-x:auto}@media(max-width:768px){.tension-grid{grid-template-columns:1fr}}