:root{--sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--bg:#f4f5f7;--card:#fff;--border:#e4e7ec;--hairline:#eef0f3;--text:#111827;--muted:#6b7280;--faint:#9ca3af;--chip:#eceef2;--shadow:0 1px 2px #1118270a, 0 8px 24px #1118270f;--brand:#3b82f6;--brand-strong:#2563eb;--accent:#0f766e}:root[data-theme=dark]{--bg:#0c0e14;--card:#161922;--border:#2a2f3d;--hairline:#1f2430;--text:#f3f4f6;--muted:#9ca3af;--faint:#6b7280;--chip:#1c2030;--shadow:0 1px 2px #00000059, 0 10px 28px #00000059;--brand:#60a5fa;--brand-strong:#93c5fd;--accent:#2dd4bf}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit;font-family:var(--sans)}.wrap{max-width:520px;padding:0 max(20px, env(safe-area-inset-right)) max(56px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:0 auto}.stickyTop{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);padding-top:max(18px, env(safe-area-inset-top));margin-bottom:16px;position:sticky;top:0}.pageContent{min-width:0}.header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.brand{min-width:0}.title{letter-spacing:-.03em;color:var(--text);margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.subtitle{color:var(--muted);letter-spacing:-.01em;margin:3px 0 0;font-size:.8rem;font-weight:500}.headerActions{flex-shrink:0;align-items:center;gap:8px;display:flex}.iconBtn{border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow);border-radius:999px;place-items:center;transition:color .15s,background .15s;display:grid}.iconBtn:hover:not(:disabled){color:var(--text);background:var(--chip)}.iconBtn:disabled{opacity:.55;cursor:default}.iconSpin{animation:.75s linear infinite iconSpin}@keyframes iconSpin{to{transform:rotate(360deg)}}.themeSeg{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:999px;flex-shrink:0;padding:3px;display:inline-flex}.themeSeg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:grid}.themeSeg button[aria-pressed=true]{background:var(--chip);color:var(--text)}.filterBar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:0;display:flex}.periodRow{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:999px;padding:3px;display:inline-flex}.viewRow{flex-shrink:0}.periodRowEnd{margin-left:auto}.periodBtn{color:var(--muted);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:.84rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.periodBtn[aria-pressed=true]{background:var(--text);color:var(--card);box-shadow:0 2px 8px #1118271f}:root[data-theme=dark] .periodBtn[aria-pressed=true]{color:#111827;background:#f3f4f6}.emptyNote{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);color:var(--muted);border-radius:16px;padding:24px 20px;font-size:.9rem;line-height:1.65}.loadingNote,.errText{color:var(--muted);font-size:.88rem}.errText{color:#dc2626;font-weight:600}.metricGrid{flex-direction:column;gap:14px;display:flex}.sectionTitle{letter-spacing:-.02em;color:var(--text);margin:20px 0 10px;font-size:.95rem;font-weight:700}.sectionTitle:first-of-type{margin-top:0}.metricCard{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:16px;padding:16px 18px 10px;overflow:hidden}.metricHead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.metricTitleRow{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.metricMeta{color:var(--muted);width:100%;font-size:.76rem;font-weight:500;line-height:1.4}.metricName{letter-spacing:-.02em;color:var(--text);flex-shrink:0;margin:0;font-size:1rem;font-weight:700}.metricLatest{font-variant-numeric:tabular-nums;color:var(--brand-strong);letter-spacing:-.02em;flex-shrink:0;font-size:1.2rem;font-weight:700}.metricLatest small{color:var(--muted);margin-left:3px;font-size:.78em;font-weight:600}.chartTooltip{pointer-events:none;background:var(--text);color:var(--card);font-variant-numeric:tabular-nums;white-space:nowrap;z-index:1;border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:600;position:absolute;transform:translate(-50%,-130%);box-shadow:0 6px 20px #1118272e}.chartWrap{line-height:0;position:relative;overflow:hidden}.chartWrap svg{display:block}.chartBar{fill:var(--brand);opacity:.9}.chartCandleBody{fill:var(--brand);opacity:.22}.chartCandleWick{stroke:var(--brand);stroke-width:1.5px;stroke-linecap:round}.chartCandleAvg{stroke:var(--brand-strong);stroke-width:2.5px;stroke-linecap:round}.chartGrid{stroke:var(--hairline);stroke-width:1px;stroke-dasharray:4 6;opacity:1}.chartReferenceBand{fill:var(--brand);opacity:.1}.chartReferenceEdge{stroke:var(--brand);stroke-width:1px;stroke-dasharray:4 4;opacity:.45}.chartReferenceLabel{fill:var(--brand-strong);font-size:10px;font-weight:600;font-family:var(--sans);opacity:1;pointer-events:none}.chartAxisLine{stroke:var(--border);stroke-width:1px}.chartAxisY,.chartAxisX{fill:var(--muted);font-size:11px;font-weight:500;font-family:var(--sans);font-variant-numeric:tabular-nums}.footerNote{color:var(--faint);text-align:center;margin-top:24px;font-size:.75rem;line-height:1.55}