*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden;background:#fff;color:#111}#canvas-container{width:100vw;height:100vh;position:relative}.controls,.legend{position:absolute;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:20px;z-index:100}#data-panel{position:absolute;top:24px;left:24px;max-width:360px;z-index:100}.legend{top:24px;right:24px;padding:16px}.controls{bottom:24px;left:24px;padding:16px}.legend h3{font-size:16px;font-weight:600;margin-bottom:14px;letter-spacing:-.01em}.status{margin-top:14px;padding:10px 12px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;font-size:12px;color:#333}#data-display{margin-top:14px;padding:14px;background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;display:none}#data-display h3{font-size:14px;font-weight:600;margin-bottom:10px}#data-display .data-item{font-size:12px;color:#555;margin:4px 0}.legend-item{display:flex;align-items:center;margin:6px 0;font-size:12px;color:#333}.legend-color{width:14px;height:14px;border-radius:9999px;margin-right:8px;border:1px solid #ddd}.controls button{margin:4px;padding:8px 14px;font-size:12px;font-weight:500;background:#111;color:#fff;border:1px solid #111111;border-radius:8px;cursor:pointer;transition:all .2s ease}.controls button:hover{background:#fff;color:#111}.controls button:active{transform:scale(.97)}.tooltip{position:absolute;background:#111;color:#fff;padding:6px 10px;font-size:11px;border-radius:6px;pointer-events:none;display:none;z-index:1000;border:1px solid #222}