:root{--black: #050506;--white: #f2f2f0;--gray: #8c8c8f;--panel: #0e0e0f;--alert: #e5322d;--line: rgba(242, 242, 240, .16);--line-strong: rgba(242, 242, 240, .55);--sans: "IBM Plex Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--num: "Barlow Condensed", "IBM Plex Sans JP", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tabs-h: calc(52px + var(--safe-bottom))}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--black);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--white);outline-offset:3px}.app{position:relative;height:100%;height:100dvh;overflow:hidden}.sky-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.gear{position:absolute;top:calc(var(--safe-top) + 8px);right:12px;z-index:3;font-size:12px;font-weight:600;color:var(--gray);padding:8px 4px}.gear:hover{color:var(--white)}.screen{position:relative;z-index:2;height:calc(100% - var(--tabs-h));overflow-y:auto;padding:var(--safe-top) 24px 0}.status-bar{display:flex;align-items:center;gap:10px;width:100%;padding:0 0 10px;border-bottom:1px solid var(--line-strong);font-size:14px;font-weight:700}.status-spacer{flex:1}.status-date{margin-right:52px;font-size:12px;font-weight:400;color:var(--gray)}.led{width:8px;height:8px;border-radius:50%;background:var(--white)}.led.alert{background:var(--alert)}.sky-body{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:52px 0 24px;max-width:460px;margin:0 auto}.dial-wrap{width:min(80vw,340px);aspect-ratio:1;margin:22px 0 10px}.dial-canvas{width:100%;height:100%;display:block}.sky-line{margin:8px 0 0;width:100%;font-size:18px;font-weight:700;line-height:1.6}.sky-stale{margin:4px 0 0;width:100%;font-size:12px;font-weight:600;color:var(--alert)}.readouts{width:100%;margin:16px 0 0;border-top:1px solid var(--line-strong)}.readout{display:grid;grid-template-columns:56px minmax(96px,auto) 1fr;align-items:baseline;column-gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.readout dt{font-size:12px;font-weight:600;color:var(--gray)}.readout dd{margin:0}.readout-value{font-family:var(--num);font-weight:300;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.readout-unit{margin-left:4px;font-family:var(--sans);font-size:12px;font-weight:400;color:var(--gray)}.readout-note{font-size:13px;color:var(--gray);text-align:right}.readout.alert .readout-value,.readout.alert .readout-unit{color:var(--alert)}.app.on-globe{--night-space: #03050b;--night-ink: #e8eef6;--night-dim: rgba(232, 238, 246, .62);--night-line: rgba(232, 238, 246, .16);--night-accent: #ffb35c;background:radial-gradient(120% 80% at 50% 40%,#0a1424 0%,var(--night-space) 60%)}.screen.globe-main{padding:0;overflow:hidden}.globe-screen{position:relative;height:100%}.globe-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.globe-error{position:absolute;top:40%;left:24px;right:24px;margin:0;font-size:14px;color:var(--night-ink, var(--white));text-align:center}.globe-legend{position:absolute;left:12px;right:12px;bottom:8px;max-width:420px;max-height:42%;overflow-y:auto;margin:0 auto;padding:8px 12px;border:1px solid var(--night-line);border-radius:12px;background:#03050b9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--night-ink)}.legend-head{display:flex;align-items:center;gap:10px;min-height:28px}.legend-head .legend-bar{flex:1;min-width:40px}.legend-toggle{flex:none;padding:4px 2px 4px 8px;font-size:12px;font-weight:600;color:var(--night-dim)}.legend-body{margin-top:6px}.legend-title{margin:0;flex:none;font-size:13px;font-weight:700}.legend-count{margin-left:8px;font-family:var(--num);font-size:18px;font-weight:500;color:var(--night-accent)}.legend-bar{height:6px;border-radius:3px}.legend-bar.radiation{background:linear-gradient(90deg,#290d59,#8c1f8c,#f2592e,#ffd959)}.legend-bar.uv{background:linear-gradient(90deg,#4caf50 0,#4caf50 20%,#ffeb3b 20%,#ffeb3b 40%,#ff9800 40%,#ff9800 60%,#f44336 60%,#f44336 80%,#9c27b0 80%)}.legend-scale{display:flex;justify-content:space-between;margin:4px 0 0;font-family:var(--num);font-size:13px;color:var(--night-dim)}.legend-note{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--night-dim)}.quake-list{list-style:none;margin:0;padding:0}.quake-item{display:flex;gap:10px;align-items:baseline;width:100%;padding:6px 0;text-align:left;border-bottom:1px solid var(--night-line)}.quake-item-mag{font-family:var(--num);font-size:20px;font-weight:500;color:#ff6b6b;min-width:48px}.quake-item-place{font-size:13px;color:var(--night-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quake-mag{margin:0;font-family:var(--num);font-size:34px;font-weight:500;line-height:1;color:#ff6b6b}.light-toggle{position:absolute;top:calc(var(--safe-top) + 8px);right:52px;z-index:3;width:32px;height:32px;border-radius:50%;font-size:15px;line-height:1;color:#03050b;background:#ffd36b;border:1px solid #ffd36b}.light-toggle.night{color:var(--night-ink);background:#03050b80;border-color:var(--night-line)}.globe-modes{position:absolute;top:calc(var(--safe-top) + 8px);left:12px;right:92px;display:flex;gap:6px}.mode{padding:6px 11px;font-size:12px;font-weight:600;color:var(--night-dim);border:1px solid var(--night-line);border-radius:999px;background:#03050b80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode.on{color:#03050b;background:var(--night-ink);border-color:var(--night-ink)}.timebar{position:absolute;top:calc(var(--safe-top) + 46px);left:12px;right:12px;max-width:460px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:3px 10px 3px 4px;border:1px solid var(--night-line);border-radius:999px;background:#03050b8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--night-ink)}.time-play{width:28px;height:28px;border-radius:50%;font-size:12px;color:#03050b;background:var(--night-ink);flex:none}.time-range{flex:1;min-width:0;accent-color:var(--night-accent);height:28px}.time-now{flex:none;min-width:64px;font-family:var(--num);font-size:15px;font-weight:500;color:var(--night-accent);text-align:right}.time-now.on{color:var(--night-dim);font-family:var(--sans);font-size:12px;font-weight:600}.guide-float{position:absolute;z-index:4;left:16px;right:16px;top:calc(var(--safe-top) + 46px);max-width:420px;margin:0 auto;padding:6px 12px;border:1px solid var(--night-line);border-radius:12px;background:#03050bb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--night-ink)}.globe-main:has(.timebar) .guide-float{top:calc(var(--safe-top) + 86px)}.app.on-globe .tabs{background:#03050bd9;border-top-color:var(--night-line)}.app.on-globe .tab.on{color:var(--night-ink);border-top-color:var(--night-accent)}.app.on-globe .gear{color:var(--night-dim)}.tabs{position:absolute;z-index:3;left:0;right:0;bottom:0;height:var(--tabs-h);padding-bottom:var(--safe-bottom);display:flex;justify-content:center;align-items:stretch;border-top:1px solid var(--line-strong);background:var(--black)}.tab{flex:1;max-width:230px;font-size:14px;font-weight:600;color:var(--gray);border-top:3px solid transparent;margin-top:-1px}.tab.on{color:var(--white);border-top-color:var(--white)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#050506bf;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:460px;background:var(--panel);border-top:2px solid var(--white);padding:22px 24px calc(22px + var(--safe-bottom))}.sheet-title{margin:0 0 4px;font-size:18px;font-weight:700}.field-label{margin:20px 0 8px;font-size:12px;font-weight:600;color:var(--gray)}.field{width:100%;font:inherit;font-size:16px;color:var(--white);background:var(--black);border:1px solid var(--line-strong);padding:10px 12px}.field::placeholder{color:var(--gray)}.field-note{margin:8px 0 0;font-size:12px;color:var(--alert)}.hit-list{list-style:none;margin:0;padding:0}.hit{display:block;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid var(--line)}.hit-sub{margin-left:10px;font-size:12px;color:var(--gray)}.link-btn{margin-top:12px;font-size:13px;font-weight:600;padding:8px 0;border-bottom:1px solid var(--white)}.segment{display:flex;gap:8px}.seg{flex:1;padding:12px 0;font-size:14px;border:1px solid var(--line-strong);color:var(--gray)}.seg.on{background:var(--white);border-color:var(--white);color:var(--black);font-weight:700}.close{display:block;margin:22px 0 0 auto;font-size:13px;font-weight:600;color:var(--gray);padding:8px 0}.guide{display:flex;align-items:center;gap:10px;width:100%}.guide-line{flex:1;margin:0;display:flex;flex-wrap:wrap;column-gap:10px;row-gap:2px;font-size:12px;line-height:1.5}.guide-title{font-weight:700}.guide-steps{color:var(--night-dim, var(--gray))}.step-no{display:inline-block;margin:0 4px 0 6px;font-family:var(--num);font-size:14px;color:var(--night-accent, var(--white))}.step-no:first-child{margin-left:0}.guide .close{margin:0;flex:none;font-size:12px;padding:4px 0}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}