:root{--font:"Figtree", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display:"Sora", "Figtree", sans-serif;--bg:#eef3f7;--bg-accent:#0f3d5214;--bg-mist:#3db8d61a;--card:#fff;--card-2:#f7fafc;--border:#dde5ec;--border-strong:#c5d0db;--text:#0c1824;--muted:#5a6778;--faint:#8b97a8;--brand:#0f6b8f;--brand-strong:#0a5572;--brand-fg:#fff;--header-bg:#0f3d52;--header-text:#fff;--header-btn-bg:#ffffff1f;--header-btn-hover:#fff3;--header-h:64px;--sticky-bar-h:3rem;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #0c18240a, 0 6px 20px #0c18240f;--ok:#0d9488;--warn:#d97706;--error:#e11d48;--kakao:#f59e0b;--kakao-alt:#eab308;--chart-line:#0f6b8f;--chart-plot:#0f6b8f0a}:root[data-theme=dark]{--bg:#070d12;--bg-accent:#3db8d61a;--bg-mist:#94a3b80f;--card:#101820;--card-2:#151f2a;--border:#243040;--border-strong:#334155;--text:#edf2f7;--muted:#94a3b8;--faint:#64748b;--brand:#3db8d6;--brand-strong:#5ac8e0;--brand-fg:#061018;--header-bg:#061820;--header-text:#e8f4f8;--header-btn-bg:#ffffff14;--header-btn-hover:#ffffff24;--shadow:0 1px 2px #00000059, 0 8px 24px #00000047;--ok:#34d399;--error:#fb7185;--chart-line:#3db8d6;--chart-plot:#3db8d61a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:17px}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 90% 55% at 8% -5%, var(--bg-accent), transparent 55%), radial-gradient(ellipse 70% 45% at 100% 0%, var(--bg-mist), transparent 50%), var(--bg);background-attachment:fixed;font-size:1rem}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.app{min-height:100dvh}.header{z-index:20;height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:var(--header-bg);color:var(--header-text);position:sticky;top:0}.headerInner{height:var(--header-h);justify-content:space-between;align-items:center;gap:12px;max-width:720px;margin:0 auto;padding:0 16px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.mark{background:#ffffff1f;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.mark svg{width:22px;height:22px}.brand h1{font-family:var(--display);margin:0;font-size:clamp(1.05rem,2.5vw,1.2rem);font-weight:650;line-height:1.2}.subtitle{opacity:.78;margin:2px 0 0;font-size:.75rem}.iconBtn{background:var(--header-btn-bg);width:40px;height:40px;color:inherit;border-radius:10px;place-items:center;display:grid}.iconBtn:hover:not(:disabled){background:var(--header-btn-hover)}.iconBtn:disabled{opacity:.55;cursor:default}.iconBtn svg{width:20px;height:20px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wrap{max-width:720px;padding:0 16px max(.5rem, env(safe-area-inset-bottom));margin:0 auto}.stickyBar{display:none}.meta{color:var(--muted);margin:12px 0 14px;font-size:.8rem}.meta strong{color:var(--text);font-weight:650}.loading{text-align:center;color:var(--muted);padding:2rem 0}.loadPanel{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px 0 16px;padding:20px 18px}.loadPanelCompact{margin-top:0;padding:14px 16px}.loadPanelTitle{color:var(--muted);margin:0 0 10px;font-size:.9rem;font-weight:600}.loadPanelCountdown{color:var(--muted);margin:0;font-size:.82rem}.loadPanelCountdown strong{font-family:var(--display);color:var(--brand-strong);margin:0 .12em;font-size:clamp(2rem,8vw,2.6rem);font-weight:700;line-height:1}.loadPanelCountdownOver{color:var(--brand);font-size:.95rem;font-weight:600}.loadPanelHint{color:var(--faint);margin-top:8px;font-size:.72rem;display:block}.errorBox{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--error) 12%, var(--card));border:1px solid color-mix(in srgb, var(--error) 35%, var(--border));color:var(--error);margin-bottom:16px;padding:12px 14px;font-size:.86rem}.sectionTitle{font-family:var(--display);margin:0 0 4px;font-size:.98rem;font-weight:650}.sectionDesc{color:var(--muted);margin:0 0 12px;font-size:.82rem}.footNotes{margin-bottom:20px}.chartSection{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:16px;position:relative}.chartSectionWork{--chart-line:#0f6b8f;--chart-plot:#0f6b8f0d;border-top:3px solid #0f6b8f}.chartSectionHome{--chart-line:#0d9488;--chart-plot:#0d94880f;border-top:3px solid #0d9488}:root[data-theme=dark] .chartSectionWork{--chart-line:#3db8d6;--chart-plot:#3db8d61a;border-top-color:#3db8d6}:root[data-theme=dark] .chartSectionHome{--chart-line:#34d399;--chart-plot:#34d3991a;border-top-color:#34d399}.chartSectionHead{margin-bottom:4px}.chartSectionHead .sectionDesc{margin-bottom:0}.chartSectionBusy{opacity:.72;pointer-events:none}.chartLoading{color:var(--brand);margin:0;font-size:.74rem;font-weight:600;position:absolute;top:14px;right:16px}.chartWrap{margin-top:8px}.chartFrame{width:100%}.chartPlotBlock{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);row-gap:6px;display:grid}.chartAxisCaption{letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:650}.chartPlotArea{aspect-ratio:600/260;border-radius:var(--radius-sm);grid-area:1/1;width:100%;position:relative;overflow:hidden}.chartAxisLabel{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:650;line-height:1;position:absolute}.chartXLabels{grid-area:2/1;height:1.15rem;position:relative}.chartAxisLabelX{white-space:nowrap;font-size:.72rem;transform:translate(-50%)}.chartAxisLabelX:first-child{transform:translate(0)}.chartAxisLabelX:last-child{transform:translate(-100%)}.chartAxisCaptionX{text-align:center;grid-area:3/1}.chartLegend{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.chartLegendItem{border-radius:var(--radius-sm);background:var(--card-2);border:1px solid var(--border);color:var(--muted);align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;display:inline-flex}.chartLegendSwatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}.chartLegendSwatchNow{background:var(--chart-line);box-shadow:0 0 0 2px color-mix(in srgb, var(--chart-line) 30%, transparent)}.chartLegendSwatchMin{background:var(--ok);box-shadow:0 0 0 2px color-mix(in srgb, var(--ok) 30%, transparent)}.chartLegendItem strong{color:var(--text);font-family:var(--display);font-size:1.05rem;font-weight:650}.chartLegendMeta{color:var(--faint);font-size:.78rem}.chartSvg{touch-action:manipulation;width:100%;height:100%;display:block}.chartPlotBg{fill:var(--chart-plot);stroke:var(--border);stroke-width:1px}.chartGrid{stroke:var(--border-strong);stroke-width:1px;opacity:.7}.chartGridMinor{stroke-dasharray:4 5;opacity:.45}.chartGridDuration60{stroke:color-mix(in srgb, var(--chart-line) 55%, var(--border-strong));stroke-width:2.25px;stroke-dasharray:8 6;opacity:.95}.chartLine{stroke:var(--chart-line);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.chartCrosshair{stroke:var(--muted);stroke-width:1px;stroke-dasharray:4 4;opacity:.5;pointer-events:none}.chartHit{fill:#0000;cursor:pointer;outline:none}.chartHit:focus-visible+.chartDot{stroke-width:3px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--chart-line) 50%, transparent))}.chartDot{fill:var(--card);stroke:var(--chart-line);stroke-width:2.5px;pointer-events:none}.chartDotNow{stroke:var(--chart-line);fill:var(--chart-line)}.chartDotMin{stroke:var(--ok);fill:color-mix(in srgb, var(--ok) 35%, var(--card))}.chartDotActive{stroke-width:3px;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--chart-line) 55%, transparent))}.chartValueTag{fill:var(--card);stroke:var(--border-strong);stroke-width:1px}.chartValueTagNow{fill:color-mix(in srgb, var(--chart-line) 14%, var(--card));stroke:color-mix(in srgb, var(--chart-line) 45%, var(--border))}.chartValueTagMin{fill:color-mix(in srgb, var(--ok) 12%, var(--card));stroke:color-mix(in srgb, var(--ok) 45%, var(--border))}.chartValueLabel{fill:var(--text);font-size:14px;font-weight:700;font-family:var(--display), var(--font)}.chartActiveMeta{border-radius:var(--radius-sm);background:var(--card-2);border:1px solid var(--border);align-items:baseline;gap:10px;margin:10px 0 0;padding:8px 12px;font-size:.86rem;display:flex}.chartActiveMeta strong{color:var(--text);font-size:.95rem}.chartActiveMeta span{font-family:var(--display);color:var(--chart-line);font-size:1.15rem;font-weight:700}.chartEmpty{text-align:center;color:var(--muted);margin:1rem 0;font-size:.86rem}.footNotes ul{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.82rem}.footNotes li{margin-bottom:6px}.footNotes li:last-child{margin-bottom:0}@media (width>=640px){.headerInner,.wrap{padding-left:24px;padding-right:24px}}