:root{--serif:"Nanum Myeongjo", Georgia, "Times New Roman", "Apple SD Gothic Neo", serif;--sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--bg:#f2ede1;--card:#fbf8f0;--border:#ded4bf;--hairline:#e4ddcb;--text:#221d16;--muted:#6d6454;--faint:#948a76;--chip:#efe8d9;--shadow:0 1px 2px #3c301c0f;--brand:#2f6b45;--brand-strong:#24583a}:root[data-theme=dark]{--bg:#16130d;--card:#1e1a12;--border:#342e21;--hairline:#2b261c;--text:#eee6d4;--muted:#a99f89;--faint:#7d7562;--chip:#241f16;--shadow:0 1px 2px #0006;--brand:#6fae82;--brand-strong:#5b9a6e}*{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}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit}.wrap{max-width:560px;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 64px max(20px, env(safe-area-inset-left));margin:0 auto}.header{border-bottom:2px solid var(--text);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.brand{align-items:center;gap:13px;min-width:0;display:flex}.brandLogo{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--brand);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.title{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:1.32rem;font-weight:800;line-height:1.15}.subtitle{color:var(--muted);margin:4px 0 0;font-size:.8rem}.themeSeg{border:1px solid var(--border);background:var(--card);border-radius:8px;flex-shrink:0;display:inline-flex;overflow:hidden}.themeSeg button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid}.themeSeg button[aria-pressed=true]{background:var(--chip);color:var(--text)}.periodRow{border:1px solid var(--border);background:var(--chip);border-radius:999px;margin-bottom:18px;display:inline-flex;overflow:hidden}.periodBtn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px 14px;font-size:.86rem;font-weight:600}.periodBtn[aria-pressed=true]{background:var(--card);color:var(--text);box-shadow:var(--shadow);font-weight:700}.emptyNote{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);color:var(--muted);border-radius:10px;padding:24px 20px;font-size:.92rem;line-height:1.6}.loadingNote,.errText{color:var(--muted);font-size:.9rem}.errText{color:#9b2f2f}.metricGrid{flex-direction:column;gap:14px;display:flex}.metricCard{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:10px;padding:16px 18px}.metricHead{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.metricName{font-family:var(--serif);margin:0;font-size:1rem;font-weight:700}.metricLatest{font-variant-numeric:tabular-nums;color:var(--brand-strong);font-weight:700}.metricLatest small{color:var(--muted);margin-left:2px;font-weight:500}.metricMeta{color:var(--faint);margin:0 0 4px;font-size:.72rem}.chartTooltip{pointer-events:none;background:var(--text);color:var(--bg);font-variant-numeric:tabular-nums;white-space:nowrap;z-index:1;border-radius:6px;padding:4px 8px;font-size:.72rem;position:absolute;transform:translate(-50%,-130%)}.chartWrap{position:relative}.footerNote{color:var(--faint);text-align:center;margin-top:24px;font-size:.74rem}