:root{--bg:#eef1f6;--card:#fff;--title:#16334f;--text:#35435a;--muted:#8a94a6;--border:#e4e9f0;--blue:#1f6fdd;--orange:#f2622a;--green:#17a06b;--red:#e03131;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:1280px;margin:0}h1,h2{margin:0}.app{padding:14px 18px 22px}.app-header{justify-content:space-between;align-items:center;padding:4px 6px 14px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:-.5px;color:var(--title);font-size:27px;font-weight:800}.header-right{align-items:center;gap:16px;min-width:0;display:flex}.offline-badge{color:#a86a12;background:#fff4e5;border:1px solid #f0c894;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:700}.warning-banner{color:var(--red);background:#fff;border:1.5px solid #f3b0b0;border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:56vw;padding:8px 14px;display:flex}.warning-banner-clear{color:#2b8fd6;background:#f2f9fe;border-color:#a9d5f2}.warning-label{color:inherit;font-size:14px;font-weight:700}.warning-text{min-width:0;color:inherit;flex-wrap:wrap;align-items:center;row-gap:2px;font-size:14px;font-weight:700;display:flex}.warning-sep{color:#e3aeae;margin:0 7px;font-weight:400}.warning-suffix{margin-left:7px}.warning-time{white-space:nowrap;color:var(--muted);background:#f3f5f8;border-radius:6px;flex:none;padding:3px 8px;font-size:12px}.header-clock{color:#44546b;align-items:center;gap:7px;font-size:15px;font-weight:600;display:flex}.dashboard{flex-direction:column;gap:14px;display:flex}.row{gap:14px;display:flex}.row-top .card-observation{flex:0 0 35%}.row-top .card-forecast{flex:1}.row-mid .card-asos{flex:2 38px}.row-mid .card-air{flex:38px}.row .card-imagery{flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 18px 14px;position:relative;box-shadow:0 1px 2px #16334f0a}.card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title{align-items:center;gap:8px;display:flex}.card-title h2{color:var(--title);font-size:16.5px;font-weight:700}.card-basetime{color:var(--muted);font-size:12px}.card-source{color:var(--muted);font-size:11.5px;position:absolute;bottom:10px;right:18px}.metric{flex-direction:column;align-items:center;gap:2px;display:flex}.metric-label{color:#4a5a72;align-items:center;gap:5px;margin-bottom:2px;font-size:13.5px;font-weight:600;display:flex}.metric-value{letter-spacing:-.5px;font-size:30px;font-weight:800;line-height:1.15}.tone-blue{color:var(--blue)}.tone-orange{color:var(--orange)}.tone-green{color:var(--green)}.metric-unit{color:var(--muted);font-size:12px}.card-observation{flex-direction:column;display:flex}.card-observation .site-row{flex-direction:column;flex:1;justify-content:center;padding:14px 0;display:flex}.site-row+.site-row{border-top:1px solid var(--border)}.site-badge{color:#1d3f68;background:#eaf1fb;border-radius:7px;align-self:flex-start;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-block}.metric-grid{grid-template-columns:repeat(3,1fr);margin-top:10px;display:grid}.metric-grid .metric+.metric{border-left:1px solid var(--border)}.card-forecast{--fc-col:62px;--fc-row:36px;--fc-label:96px;--fc-dayrow:30px;flex-direction:column;min-width:0;display:flex}.fc-tabs{z-index:2;gap:5px;margin-bottom:-1px;display:flex;position:relative}.fc-tabs button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-bottom-color:#0000;border-radius:7px 7px 0 0;padding:6px 18px;font-size:13px;font-weight:600}.fc-tabs button.active{border-color:var(--blue);background:var(--blue);color:#fff}.fc-legend-open{border:1px solid var(--border);color:#4a5a72;cursor:pointer;background:#fff;border-radius:7px;align-self:center;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.fc-legend-open:hover{border-color:var(--blue);color:var(--blue)}.fc-scroll{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex:1;min-width:0;position:relative;overflow:auto hidden}.fc-table{border-collapse:collapse;-webkit-user-select:none;user-select:none;align-items:flex-start;width:max-content;display:flex}.fc-table thead{z-index:1;width:var(--fc-label);flex:none;display:block;position:sticky;left:0}.fc-table tbody{flex-wrap:wrap;flex:none;align-content:flex-start;display:flex}.fc-table tr{width:var(--fc-col);flex:none;display:block}.fc-table thead tr,.fc-table .fc-dayrow{width:100%}.fc-table th,.fc-table td{height:var(--fc-row);border-right:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap;justify-content:center;align-items:center;font-size:12.5px;font-weight:400;line-height:1;display:flex}.fc-table td:last-child,.fc-table thead th:last-child{border-bottom-color:#0000}.fc-table thead th{color:#4a5a72;background:#f4f7fb;justify-content:flex-start;padding-left:12px;font-weight:600}.fc-table .fc-daycell{height:var(--fc-dayrow);border-bottom:1px solid var(--border);background:#eef3fa;justify-content:flex-start;padding:0}.fc-daylabel{left:var(--fc-label);color:#4a5a72;align-items:center;gap:9px;padding:0 12px;font-size:12.5px;display:flex;position:sticky}.fc-daylabel strong{color:var(--title);font-weight:700}.fc-daydate{color:var(--muted)}.fc-daytemp b{font-weight:700}.fc-hour{color:var(--title);font-weight:600}.fc-tight{font-size:10.5px}.fc-table img{object-fit:contain;width:22px;height:22px;display:block}.fc-weather-text{color:#4a5a72;font-size:10.5px}.fc-wind{justify-content:center;align-items:center;display:flex}.fc-modal-backdrop{z-index:50;background:#16334f73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fc-modal{background:#fff;border-radius:14px;width:min(440px,90vw);overflow:hidden}.fc-modal header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.fc-modal h3{color:var(--title);font-size:15.5px;font-weight:700}.fc-modal header button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:15px}.fc-legend{grid-template-columns:repeat(2,1fr);gap:10px 14px;padding:16px 18px;list-style:none;display:grid}.fc-legend li{color:var(--text);align-items:center;gap:9px;font-size:13px;display:flex}.fc-legend img,.fc-legend .fc-icon-blank{object-fit:contain;flex:none;width:26px;height:26px}.fc-icon-blank{border:1px dashed var(--border);border-radius:5px;display:block}.card-asos{flex-direction:column;display:flex}.asos-grid{flex:1;grid-template-columns:repeat(6,1fr);align-content:center;padding-bottom:18px;display:grid}.asos-grid .metric+.metric{border-left:1px solid var(--border)}.card-air{flex-direction:column;display:flex}.air-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:center;padding-bottom:18px;display:grid}.air-grid .air-item+.air-item{border-left:1px solid var(--border)}.air-item{flex-direction:column;align-items:center;gap:3px;display:flex}.air-label{color:#4a5a72;margin-bottom:4px;font-size:13.5px;font-weight:600}.grade-badge{color:#fff;border-radius:6px;margin-top:5px;padding:3px 12px;font-size:11.5px;font-weight:700}.grade-1{background:#2f7fe0}.grade-2{background:#2e9e5b}.grade-3{background:#f0a020}.grade-4{background:#e03131}.imagery-grid{grid-template-columns:repeat(5,1fr);gap:14px;padding-bottom:12px;display:grid}.imagery-item{flex-direction:column;gap:8px;margin:0;display:flex}.imagery-item figcaption{text-align:center;color:#44546b;font-size:13px;font-weight:600}.imagery-item figcaption a{color:inherit;text-decoration:none}.imagery-item figcaption a:hover{color:var(--blue);text-decoration:underline}.imagery-item img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border);background:#f3f5f8;border-radius:8px;width:100%}.imagery-time{text-align:center;color:#7b8a9e;font-variant-numeric:tabular-nums;font-size:11px}.imagery-placeholder{aspect-ratio:4/3;color:#93a0b2;background:repeating-linear-gradient(45deg,#f5f7fa,#f5f7fa 10px,#eef1f6 10px 20px);border:1px dashed #cfd8e3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.imagery-placeholder span{font-size:13px;font-weight:600}.imagery-placeholder small{font-size:11px}.skeleton{vertical-align:middle;background:#e7ecf3;border-radius:5px;display:inline-block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.4s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.skeleton-badge{border-radius:999px}.skeleton-frame{aspect-ratio:4/3;border:1px solid var(--border);border-radius:8px;width:100%}.panel-error{min-height:120px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.panel-error strong{color:#7c8a9c;font-size:14px;font-weight:600}.panel-error small{font-size:11.5px}