:root{--u: min(1.05vh, .62vw);--bg: #04070c;--panel: rgb( 5, 10, 18 );--line: rgba(120, 200, 255, .35);--text: #f4f8ff;--dim: #9fb3c8;--accent: #39d0ff;--warn: #ffb020;--bad: #ff4d4d;--good: #3ee07a;font-family:Pretendard,Noto Sans KR,Malgun Gothic,맑은 고딕,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);cursor:none}#globe{position:fixed;top:0;right:0;bottom:0;left:0}#globe .cesium-viewer,#globe .cesium-widget,#globe canvas{width:100%!important;height:100%!important}.cesium-viewer-bottom,.cesium-widget-credits{display:none!important}#globe-wait{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);transition:opacity .8s ease}#globe-wait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(.85);transform:scale(1.04)}#globe-wait.done{opacity:0;pointer-events:none}.wait-msg{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.6em;white-space:nowrap;padding:.55em 1.1em;border-radius:999px;background:#04070ccc;border:1px solid var(--line);font-size:max(15px,calc(var(--u) * 2));font-weight:700;color:var(--text)}.spin{width:1em;height:1em;flex:none;border:2px solid rgba(57,208,255,.3);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#world-overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}#world-overlay-canvas,#globe #world-overlay-detection-surface{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.world-overlay-accessibility{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--u) * 1.6) calc(var(--u) * 2.6);background:linear-gradient(to bottom,#02050af2 55%,#02050a00);pointer-events:none}.title{display:flex;align-items:baseline;gap:calc(var(--u) * 1.4)}.title h1{font-size:calc(var(--u) * 4.4);font-weight:800;letter-spacing:-.02em}.title .sub{font-size:calc(var(--u) * 2.1);color:var(--dim);font-weight:600}.dot{width:calc(var(--u) * 1.6);height:calc(var(--u) * 1.6);border-radius:50%;background:var(--bad);align-self:center}.dot.live{animation:blink 2s infinite}@keyframes blink{50%{opacity:.25}}.clock{text-align:right}#clock-time{font-size:calc(var(--u) * 5.2);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}#clock-date{font-size:calc(var(--u) * 2.1);color:var(--dim);font-weight:600;margin-top:calc(var(--u) * .5)}.cards{position:fixed;left:calc(var(--u) * 2.4);right:calc(var(--u) * 2.4);bottom:calc(var(--u) * 3.4);display:flex;flex-direction:row;align-items:stretch;gap:calc(var(--u) * 1.4);pointer-events:none}.card{background:var(--panel);border:2px solid var(--line);border-radius:calc(var(--u) * 1.2);padding:calc(var(--u) * 1.4) calc(var(--u) * 1.8);min-height:0;overflow:hidden;flex:1 1 0}#card-weather{flex-grow:1.15}.card[hidden]{display:none}.card h2{font-size:calc(var(--u) * 2.3);color:var(--accent);font-weight:800}.big{font-size:calc(var(--u) * 5.6);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.big small{font-size:.45em;color:var(--dim);margin-left:.15em}.big .sky{font-size:.5em;margin-left:.3em}.big>span[id]:first-child:empty:before{content:"읽는 중";font-size:max(14px,.42em);color:var(--dim);font-weight:700}.big:has(>span[id]:first-child:empty) small{display:none}.rows b:empty:before{content:"…";color:var(--dim)}.rows{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * .3) calc(var(--u) * 1.6);margin-top:calc(var(--u) * .4)}.rows div{display:flex;justify-content:space-between;font-size:calc(var(--u) * 2);gap:.5em;white-space:nowrap}.rows span{color:var(--dim)}.rows b{font-weight:700}.list{list-style:none;margin-top:calc(var(--u) * .4)}.list li{display:flex;justify-content:space-between;gap:.6em;font-size:calc(var(--u) * 2);padding:calc(var(--u) * .25) 0;border-top:1px solid rgba(120,200,255,.15);white-space:nowrap}.list li:first-child{border-top:0}.list li b{font-weight:700}.list li span{color:var(--dim);overflow:hidden;text-overflow:ellipsis}#card-flights .list li:nth-child(n+4),#card-quakes .list li:nth-child(n+5){display:none}#card-sats .rows{grid-template-columns:1fr}.stamp{font-size:calc(var(--u) * 1.55);color:var(--dim);margin-top:calc(var(--u) * .6)}.stamp.late{color:var(--warn)}.g-good{color:var(--good)}.g-mid{color:var(--accent)}.g-bad{color:var(--warn)}.g-worst,.mag-hi{color:var(--bad)}.mag-mid{color:var(--warn)}.list li b.calm,#card-quakes.calm #eq-count{color:var(--good)}#card-quakes.calm .big small{display:none}.list li.far b,.list li.far span{color:var(--dim);font-weight:600}.credits{position:fixed;left:calc(var(--u) * 2.4);bottom:calc(var(--u) * .9);right:calc(var(--u) * 2.4);text-align:right;font-size:calc(var(--u) * 1.25);color:#c8d7e699;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.credits .short,.eq-big{display:none}html.ui,html.ui body{cursor:auto}html.ui,html.ui body{touch-action:none}html.ui .cards{touch-action:pan-y}html.ui .title .sub,html.ui #clock-date{font-size:max(14px,calc(var(--u) * 2.1))}html.ui .card h2{font-size:max(15px,calc(var(--u) * 2.3))}html.ui .big small{font-size:max(14px,.45em)}html.ui .rows div,html.ui .list li{font-size:max(14px,calc(var(--u) * 2))}html.ui .stamp{font-size:max(14px,calc(var(--u) * 1.55))}html.ui .credits{font-size:max(14px,calc(var(--u) * 1.25))}html.ui .credits .maker a{font-size:max(15px,calc(var(--u) * 1.5));font-weight:700}html.ui .credits{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}html.ui .credits .maker{white-space:nowrap}html.ui .cards{bottom:max(calc(var(--u) * 3.4),54px)}.controls[hidden],.toast[hidden]{display:none!important}.controls{position:fixed;top:calc(var(--u) * 11.4);right:calc(var(--u) * 2.6);z-index:5;display:flex;gap:8px;pointer-events:auto}.controls select,.controls button{font:inherit;font-size:max(14px,calc(var(--u) * 1.7));font-weight:700;color:var(--text);background:#050a12f0;border:1px solid var(--line);border-radius:8px;height:max(36px,calc(var(--u) * 3.6));padding:0 max(12px,calc(var(--u) * 1.2));cursor:pointer}.controls select{padding-right:max(8px,calc(var(--u) * .8))}.controls select option{background:#0b1520;color:var(--text)}.controls button{background:#0b2a38;border-color:#39d0ff99}.controls select:hover,.controls button:hover{border-color:var(--accent)}.controls select:focus-visible,.controls button:focus-visible,.credits a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.controls button svg{vertical-align:-3px;margin-right:6px}#maponly-btn[aria-pressed=true]{background:var(--accent);color:#031018;border-color:var(--accent)}html.ui #globe canvas{cursor:grab}html.ui #globe canvas.dragging{cursor:grabbing}html.map-only .topbar,html.map-only .cards,html.map-only .credits,html.map-only #city-select,html.map-only #share-btn{display:none!important}html.map-only .controls{top:calc(var(--u) * 2)}.toast{position:fixed;left:50%;top:40%;transform:translate(-50%);z-index:6;padding:10px 18px;border-radius:8px;background:#050a12f2;border:1px solid var(--accent);font-size:15px;font-weight:700;white-space:nowrap;pointer-events:none}.credits .maker a{pointer-events:auto;color:#e1ecf8d9;text-decoration:none;border-bottom:1px solid rgba(225,236,248,.35)}.credits .maker a:hover{color:var(--text);border-bottom-color:var(--accent)}@media(max-aspect-ratio:1/1){:root{--u: min(.75vh, 1.2vw)}.topbar{flex-wrap:wrap;align-items:flex-start;column-gap:calc(var(--u) * 1.2);row-gap:calc(var(--u) * .5)}.title{display:contents}.dot{align-self:flex-start;margin-top:calc(var(--u) * 1.6)}.title h1{flex:1 1 auto;min-width:0;white-space:nowrap}.clock{order:1}.title .sub{order:2;flex-basis:100%}html.ui:not(.map-only) .controls{top:calc(var(--u) * 15)}.cards{left:calc(var(--u) * 2);right:calc(var(--u) * 2);bottom:calc(var(--u) * 4);height:46vh;display:grid;grid-template-columns:1fr 1fr}.credits .long{display:none}.credits .short{display:inline}}@media(min-aspect-ratio:5/2){:root{--u: min(2.45vh, .75vw)}.topbar{right:auto;width:38vw;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * .4);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.8) calc(var(--u) * 3);background:linear-gradient(to bottom,#02050af2 70%,#02050a00)}.topbar .title{flex-wrap:wrap;row-gap:0}.title h1{font-size:calc(var(--u) * 3.4);text-shadow:0 0 8px #000,0 0 3px #000}.title .sub{font-size:calc(var(--u) * 1.7);text-shadow:0 0 6px #000}.clock{text-align:left;display:flex;align-items:baseline;gap:calc(var(--u) * 1)}#clock-time{font-size:calc(var(--u) * 3.6);text-shadow:0 0 8px #000}#clock-date{font-size:calc(var(--u) * 1.6);text-shadow:0 0 6px #000}.cards{top:calc(var(--u) * 1.2);bottom:calc(var(--u) * 3.2);left:auto;right:calc(var(--u) * 1.2);width:61vw;gap:calc(var(--u) * 1)}.card{padding:calc(var(--u) * 1) calc(var(--u) * 1.2)}#card-sats{flex-grow:.85}#card-quakes{flex-grow:1.2}.card h2{font-size:calc(var(--u) * 2)}.big{font-size:calc(var(--u) * 4.4)}.big .sky{display:block;font-size:.48em;margin-left:0}.rows{grid-template-columns:1fr;gap:0}.rows div,.list li{font-size:calc(var(--u) * 1.75)}#card-sats .rows div{flex-direction:column;gap:0}.list li{flex-direction:column;gap:0;line-height:1.25}.list li:nth-child(n+4){display:none}.stamp{font-size:calc(var(--u) * 1.35)}.credits .long{display:none}.credits .short{display:inline}.credits{left:auto;width:61vw;right:calc(var(--u) * 1.2);font-size:calc(var(--u) * 1.05);bottom:calc(var(--u) * .6)}.controls{top:auto;right:auto;left:calc(var(--u) * 1.8);bottom:calc(var(--u) * 1.4)}.wait-msg{left:19vw;top:62%}}@media(max-width:600px)and (max-aspect-ratio:1/1){.topbar{padding:max(12px,env(safe-area-inset-top)) 16px 28px;column-gap:8px;row-gap:4px}.dot{width:10px;height:10px;margin-top:8px}.title h1{font-size:21px;text-shadow:0 0 8px #000}.title .sub{font-size:14px;color:#d4e0ec;text-shadow:0 0 6px #000,0 0 2px #000}#clock-time{font-size:21px;text-shadow:0 0 8px #000}#clock-date{font-size:14px;margin-top:4px;white-space:nowrap;text-shadow:0 0 6px #000}.wait-msg{top:38%}html.ui .bottom{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:8px;padding:24px 12px max(8px,env(safe-area-inset-bottom));max-height:calc(100svh - 96px);background:linear-gradient(to top,#02050aeb 70%,#02050a00)}html.ui .controls{position:static;order:-1;align-self:flex-end}html.ui .controls select,html.ui .controls button{font-size:15px;height:44px;padding:0 14px}html.map-only .bottom{background:none;pointer-events:none}html.ui .cards{position:static;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}html.ui .card{padding:10px 12px;border-radius:10px;border-width:1px;cursor:pointer;overflow:visible}html.ui .card h2{font-size:14px;white-space:nowrap;position:relative;padding-right:14px}html.ui .card h2:after{content:"▾";position:absolute;right:0;top:0;color:var(--dim);font-size:14px}html.ui .card.open h2:after{content:"▴"}html.ui .big{font-size:30px;white-space:nowrap}html.ui .big .sky{display:block;font-size:14px;margin:2px 0 0;font-weight:700;color:var(--dim)}html.ui .eq-big{display:block}html.ui .card:not(.open) .rows,html.ui .card:not(.open) .list,html.ui .card:not(.open) .stamp{display:none}html.ui .card.open{grid-column:1 / -1}html.ui .rows{gap:2px 14px;margin-top:6px}html.ui .rows div,html.ui .list li{font-size:14px}html.ui #card-sats .rows div{gap:8px}html.ui .stamp{font-size:14px;margin-top:6px}html.ui .credits{position:static;white-space:normal;overflow:visible;text-overflow:clip;text-align:center;font-size:14px;line-height:1.45;color:#c8d7e6b3}html.ui .credits .long{display:none}html.ui .credits .short{display:inline}html.ui .credits .maker{display:block;margin-top:2px}html.ui .credits .maker a{display:inline-block;font-size:15px;padding:6px 4px}html.ui .credits .maker .sep{display:none}}