#windrose{margin:18px 0 28px}#windrose>.wr-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:12px}.wr-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.wr-title{font-weight:600}.wr-range{flex-wrap:wrap;gap:6px;display:flex}:root{--wr-btn-bg:var(--card);--wr-btn-border:var(--border);--wr-btn-hover-bg:var(--card);--wr-btn-hover-border:var(--border)}@supports (background:color-mix(in oklab, white, black)){:root{--wr-btn-bg:color-mix(in oklab, var(--brand) 8%, var(--card));--wr-btn-border:color-mix(in oklab, var(--brand) 18%, var(--border));--wr-btn-hover-bg:color-mix(in oklab, var(--brand) 14%, var(--card));--wr-btn-hover-border:color-mix(in oklab, var(--brand) 28%, var(--border))}html[data-theme=dark],:root[data-theme=dark]{--wr-btn-bg:color-mix(in oklab, var(--card) 92%, black);--wr-btn-border:var(--border);--wr-btn-hover-bg:color-mix(in oklab, var(--card) 88%, black);--wr-btn-hover-border:color-mix(in oklab, var(--border) 80%, white)}}.wr-range .btn{border:1px solid var(--wr-btn-border,var(--border));background:var(--wr-btn-bg,var(--card));color:var(--fg);cursor:pointer;border-radius:999px;padding:.35rem .6rem;font-size:.92rem;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s,opacity .12s;box-shadow:inset 0 -1px #00000014}.wr-range .btn:hover{background:var(--wr-btn-hover-bg,var(--card));border-color:var(--wr-btn-hover-border,var(--border));transform:translateY(-1px);box-shadow:inset 0 -1px #0000001a,0 6px 16px #0000000f}.wr-range .btn:active{transform:translateY(0);box-shadow:inset 0 1px #0000001a}.wr-range .btn.active{background:linear-gradient(180deg, var(--brand-accent), var(--brand));color:#fff;border-color:#0000;box-shadow:0 10px 22px #0000001f}.wr-wrap{grid-template-columns:minmax(260px,1fr) 260px;gap:10px;display:grid;position:relative}@media (max-width:760px){.wr-wrap{grid-template-columns:1fr}}.wr-svgbox{background:var(--card);border:1px dashed var(--border);border-radius:12px;place-items:center;min-height:320px;padding:10px;display:grid}.wr-legend{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:.92rem}.wr-legend h4{margin:0 0 8px;font-size:.96rem;font-weight:600}.wr-legend-row{align-items:center;gap:10px;margin:6px 0;display:flex}.wr-box{border:1px solid var(--border);border-radius:4px;width:16px;height:16px}.wr-meta{color:var(--muted);margin-top:8px;font-size:.88rem}.wr-tooltip{pointer-events:none;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-2);color:var(--fg);z-index:50;border-radius:8px;padding:6px 8px;font-size:.9rem;display:none;position:absolute;transform:translate(8px,-8px)}:root{--wr-l1:#93c5fd;--wr-l2:#34d399;--wr-l3:#f59e0b;--wr-l4:#ef4444}.wr-grid-line{stroke:var(--border);stroke-width:1px;fill:none}.wr-grid-text{fill:var(--muted);font:12px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wr-sector{opacity:.9;transition:opacity .15s,transform .15s}.wr-sector:hover{opacity:1;filter:saturate(1.15)}.wr-cardinal{fill:var(--muted);opacity:.85;font:12px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}