#panel-radar{max-width:1180px}.radar-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.radar-h{font-size:1.35rem;margin:0 0 4px}.radar-sub{margin:0;color:var(--text-muted);max-width:54ch;line-height:1.45}.radar-sub code,.radar-note code,.radar-empty code{background:var(--bg-hover);border-radius:var(--radius-sm);padding:1px 5px;font-size:.85em}.radar-when{text-align:right;color:var(--text-dim);font-size:.8rem;white-space:nowrap;display:flex;flex-direction:column;gap:2px}.radar-cost{color:var(--text-dim);font-size:.72rem}.radar-days{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}.radar-chip{padding:5px 11px;border-radius:999px;border:var(--border-width) solid var(--border);background:var(--bg-card);color:var(--text-muted);font:600 12px var(--font-sans);cursor:pointer}.radar-chip:hover{color:var(--text);border-color:var(--border-hover)}.radar-day{scroll-margin-top:16px}.radar-day+.radar-day{margin-top:28px}.radar-day-h{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:1rem}.radar-day-h small{color:var(--text-dim);font-weight:500;font-size:.8rem}.radar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.radar-end{padding:22px 0 8px}.radar-card{display:flex;flex-direction:column;min-width:0;background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}a.radar-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.radar-media{position:relative;display:block;aspect-ratio:1.91 / 1;background:var(--bg-hover);overflow:hidden}.radar-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.radar-media .radar-ph{display:none}.radar-media.no-img .radar-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-hover));color:var(--text-muted);font-size:.78rem}.radar-ph img{width:32px;height:32px;border-radius:8px}.radar-ph b{font-weight:600;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radar-body{display:flex;flex-direction:column;gap:6px;padding:11px 13px 12px;flex:1}.radar-by{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-dim);font-size:.76rem;white-space:nowrap}.radar-by img{width:14px;height:14px;border-radius:3px;flex:none}.radar-by span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.radar-dot{opacity:.6}.radar-title{font-size:.95rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.radar-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px}.radar-signal{display:flex;gap:12px;color:var(--text-muted);font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.radar-badge{font-size:.66rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.radar-badge-tech{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.radar-badge-framework{color:var(--crm);border-color:color-mix(in srgb,var(--crm) 40%,transparent);background:color-mix(in srgb,var(--crm) 14%,transparent)}.radar-badge-news{color:#2e6fb7;border-color:color-mix(in srgb,#2E6FB7 45%,transparent);background:color-mix(in srgb,#2E6FB7 14%,transparent)}.radar-badge-listicle{color:var(--fresh);border-color:color-mix(in srgb,var(--fresh) 40%,transparent);background:color-mix(in srgb,var(--fresh) 12%,transparent)}.radar-badge-oneliner{color:var(--stale);border-color:color-mix(in srgb,var(--stale) 40%,transparent);background:color-mix(in srgb,var(--stale) 12%,transparent)}.radar-badge-gem{color:var(--text-muted);border-color:var(--border);background:var(--bg-hover)}.radar-loading,.radar-empty{padding:32px 4px;color:var(--text-muted)}.radar-empty p{margin:0 0 8px}.radar-dim{color:var(--text-dim);font-size:.85rem}@media (max-width: 1100px){.radar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.radar-grid{grid-template-columns:1fr}}@media (max-width: 560px){.radar-top{flex-direction:column}.radar-when{text-align:left}}