*{box-sizing:border-box;margin:0;padding:0}body{color:#dfe6f0;background:#05070d;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#canvas-wrap{position:fixed;inset:0}canvas{cursor:grab;display:block}canvas:active{cursor:grabbing}#panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0a0e18d1;border:1px solid #78a0ff2e;border-radius:12px;width:250px;padding:16px;position:fixed;top:16px;left:16px}#panel h1{letter-spacing:.4px;margin-bottom:2px;font-size:15px;font-weight:600}#panel .sub{color:#7d8aa5;margin-bottom:14px;font-size:11px}.ctrl{margin-bottom:12px}.ctrl label{color:#9fb0cc;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:11px;display:block}select{color:#dfe6f0;cursor:pointer;background:#131a2b;border:1px solid #2a3550;border-radius:6px;width:100%;padding:6px 8px;font-size:13px}input[type=range]{accent-color:#ff8c42;cursor:pointer;width:100%}.ctrl label.row,.row{justify-content:space-between;align-items:center;font-size:12px;display:flex}details.ctrl summary{color:#9fb0cc;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px}details.ctrl summary:hover{color:#dfe6f0}.hist-body{gap:4px;margin-top:8px;display:grid}.hist-body label{margin-bottom:0!important;font-size:10px!important}.hist-body input[type=date]{color:#dfe6f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#131a2b;border:1px solid #2a3550;border-radius:6px;width:100%;padding:5px 8px;font-family:inherit;font-size:12px}#histGo{cursor:pointer;color:#ff8c42;background:#ff8c4226;border:1px solid #ff8c4280;border-radius:6px;margin-top:6px;padding:7px 0;font-size:12px}#histGo:hover{background:#ff8c4240}#histGo:disabled{opacity:.5;cursor:default}#histNote{color:#7d8aa5;min-height:14px;font-size:11px}.toggle{color:#9fb0cc;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex;text-transform:none!important;letter-spacing:0!important}#stats{color:#9fb0cc;border-top:1px solid #78a0ff26;padding-top:10px;font-size:12px;line-height:1.7}#stats b{color:#dfe6f0}#stats .hint{font-size:11px}#legend{z-index:10;color:#9fb0cc;background:#0a0e18d1;border:1px solid #78a0ff2e;border-radius:10px;padding:10px 14px;font-size:11px;position:fixed;bottom:16px;left:16px}.legend-title{color:#dfe6f0}.lg{align-items:center;gap:8px;margin-top:4px;display:flex}.dot{border-radius:50%;width:10px;height:10px}#tooltip{pointer-events:none;z-index:20;background:#080c16f2;border:1px solid #ff8c4280;border-radius:8px;max-width:260px;padding:10px 12px;font-size:12px;line-height:1.55;display:none;position:fixed}#tooltip .mag{color:#ff8c42;font-size:16px;font-weight:700}#tooltip .place{color:#dfe6f0}#tooltip .meta{color:#7d8aa5;font-size:11px}#sidebar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e18d1;border:1px solid #78a0ff2e;border-radius:12px;width:250px;padding:14px 16px;font-size:12px;position:fixed;top:16px;right:16px}#sigList{margin-top:8px;list-style:none}#sigList li{cursor:pointer;border-radius:6px;align-items:baseline;gap:8px;padding:5px 6px;line-height:1.4;display:flex}#sigList li:hover{background:#ff8c421f}#sigList .m{color:#ff8c42;flex-shrink:0;width:38px;font-weight:700}#sigList .p{color:#9fb0cc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#statsBox{border-top:1px solid #78a0ff26;margin-top:10px;padding-top:8px}#statsBox summary{color:#9fb0cc;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px}#statsBox summary:hover{color:#dfe6f0}.chart{margin-top:8px}.chart-title{color:#7d8aa5;margin-bottom:2px;font-size:10px}.chart svg{width:100%;display:block}#detail{z-index:12;width:270px;display:none;position:fixed;top:16px;right:282px}@media (width<=1080px){#detail{right:16px}}#detail{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e18e0;border:1px solid #ff8c4266;border-radius:12px;padding:16px}#detail .mag{color:#ff8c42;font-size:26px;font-weight:700}#detail .place{margin:4px 0 10px;font-size:13px}#detail .meta{color:#9fb0cc;font-size:12px;line-height:1.8}#detail a{color:#6ab0ff;font-size:12px}#detail .close{cursor:pointer;color:#7d8aa5;font-size:16px;position:absolute;top:8px;right:12px}#timeline{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e18d1;border:1px solid #78a0ff2e;border-radius:12px;align-items:center;gap:12px;width:min(560px,100vw - 380px);padding:10px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#playBtn{color:#ff8c42;cursor:pointer;background:#131a2b;border:1px solid #2a3550;border-radius:6px;flex-shrink:0;width:30px;height:26px;font-size:12px}#playBtn:hover{border-color:#ff8c4280}#timeline input[type=range]{flex:1}#timeLabel{color:#9fb0cc;white-space:nowrap;text-align:right;min-width:118px;font-size:11px}#banner{z-index:26;color:#fecaca;text-align:center;background:#5a1414eb;border-bottom:1px solid #ef444480;padding:8px 16px;font-size:12px;display:none;position:fixed;top:0;left:0;right:0}#banner.show{display:block}#toast{z-index:25;color:#dfe6f0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0a0e18eb;border:1px solid #ff8c4280;border-radius:10px;padding:10px 18px;font-size:13px;transition:opacity .35s,transform .35s;position:fixed;top:16px;left:50%;transform:translate(-50%,-60px)}#toast.show{opacity:1;transform:translate(-50%)}#toast b{color:#ff8c42}#loading{z-index:30;color:#9fb0cc;background:#05070d99;justify-content:center;align-items:center;font-size:13px;display:flex;position:fixed;inset:0}#sheet{display:contents}#sheetToggle{display:none}@media (width<=720px){#sheet{z-index:22;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 16px calc(72px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;background:#0a0e18f0;border-top:1px solid #78a0ff40;border-radius:16px 16px 0 0;max-height:62dvh;transition:transform .3s;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}#sheet.open{transform:translateY(0)}#panel,#sidebar,#legend{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;width:auto;margin-bottom:16px;padding:0;position:static}#sidebar{border-top:1px solid #78a0ff26;padding-top:12px}#legend{border-top:1px solid #78a0ff26;margin-bottom:0;padding-top:12px}#sheetToggle{z-index:23;right:max(12px, env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));cursor:pointer;color:#ff8c42;background:#0a0e18e6;border:1px solid #ff8c4280;border-radius:12px;width:48px;height:48px;font-size:18px;display:block;position:fixed}#timeline{left:max(12px, env(safe-area-inset-left,0px));right:calc(70px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:8px;width:auto;padding:6px 12px;transform:none}#timeLabel{min-width:0}#detail{z-index:24;width:auto;top:12px;left:12px;right:12px}#tooltip{display:none!important}#playBtn{width:48px;height:44px;font-size:14px}#timeline input[type=range],.ctrl input[type=range]{height:44px}.toggle{align-items:center;min-height:44px;font-size:14px!important}.toggle input[type=checkbox]{accent-color:#ff8c42;flex-shrink:0;width:22px;height:22px}#sigList li{align-items:center;min-height:44px;font-size:13px}#detail .close{padding:12px 16px;font-size:20px;top:0;right:0}details.ctrl summary,#statsBox summary{align-items:center;min-height:44px;display:flex}select,.hist-body input[type=date],#histGo{padding:10px 12px;font-size:16px}#stats{font-size:13px}#panel .sub,#stats .hint{font-size:12px}}