: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;--border-strong:#c7ba9e;--text:#221d16;--muted:#6d6454;--faint:#948a76;--chip:#efe8d9;--shadow:0 1px 2px #3c301c0f;--brand:#2f6b45;--brand-strong:#24583a;--error:#9b2f2f;--cost:#6b5a3e}:root[data-theme=dark]{--bg:#16130d;--card:#1e1a12;--border:#342e21;--border-strong:#4a4230;--text:#eee6d4;--muted:#a99f89;--faint:#7d7562;--chip:#241f16;--shadow:0 1px 2px #0006;--brand:#6fae82;--brand-strong:#5b9a6e;--error:#d18585;--cost:#c4a574}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);background:radial-gradient(1200px 500px at 10% -10%, #2f6b4514, transparent 55%), radial-gradient(900px 400px at 100% 0%, #6b5a3e12, transparent 50%), var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--brand)}.wrap{max-width:720px;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 72px 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:16px;padding-bottom:14px;display:flex}.brand{align-items:center;gap:12px;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:2px 0 0;font-size:.82rem}.headerRight{align-items:center;gap:8px;display:inline-flex}.themeSeg{border:1px solid var(--border);background:var(--card);border-radius:8px;display:inline-flex;overflow:hidden}.themeSeg button{width:34px;height:30px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.themeSeg button[aria-pressed=true]{background:var(--chip);color:var(--text)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.periodChips{gap:6px;display:inline-flex}.chip{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.82rem}.chip.active{border-color:var(--brand);color:var(--brand-strong);background:color-mix(in srgb, var(--brand) 12%, var(--card))}.btnGhost{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:8px;padding:7px 12px;font-size:.82rem}.btnGhost:disabled{opacity:.6;cursor:default}.banner{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:.9rem}.banner.error{border-color:color-mix(in srgb, var(--error) 40%, var(--border));color:var(--error)}.metaRow{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;font-size:.78rem;display:flex}.badge{border:1px solid var(--border);background:color-mix(in srgb, var(--brand) 10%, var(--card));color:var(--brand-strong);border-radius:999px;align-items:center;padding:3px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:inline-flex}.metaMuted{color:var(--faint)}.studioLink{margin-left:auto;font-weight:600;text-decoration:none}.statGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}@media (width>=640px){.statGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.statCard{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-left:3px solid var(--border-strong);border-radius:12px;padding:14px 14px 12px}.statCard[data-tone=brand]{border-left-color:var(--brand)}.statCard[data-tone=cost]{border-left-color:var(--cost)}.statLabel{color:var(--muted);margin-bottom:4px;font-size:.75rem}.statValue{font-family:var(--serif);letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1.1}.statHint{color:var(--faint);margin-top:6px;font-size:.72rem}.panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:12px;margin-bottom:14px;padding:14px 14px 12px}.panelHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex}.panelTitle{font-family:var(--serif);margin:0;font-size:1.05rem;font-weight:800}.panelMeta{color:var(--faint);font-size:.75rem}.empty{color:var(--muted);margin:0;font-size:.9rem}.vChart{margin:0 -2px;padding-bottom:4px;overflow-x:auto}.vChartPlot{grid-template-columns:repeat(var(--cols,12), minmax(0, 1fr));width:100%;min-height:200px;min-width:calc(var(--cols,12) * 32px);align-items:stretch;column-gap:6px;padding:8px 2px 0;display:grid}.vChartCol{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.vChartTrack{background:linear-gradient(to top, color-mix(in srgb, var(--chip) 88%, transparent), transparent 72%);border-radius:6px 6px 2px 2px;flex:1;justify-content:center;align-items:flex-end;width:100%;max-width:40px;min-height:140px;padding-bottom:0;display:flex}.vChartBar{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 82%, #8fbf9c), var(--brand));border-radius:6px 6px 2px 2px;justify-content:center;align-items:flex-start;width:78%;min-width:12px;max-width:26px;min-height:22px;padding-top:5px;transition:height .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff2e}.vChartBar.isZero{background:color-mix(in srgb, var(--border-strong) 55%, var(--chip));min-height:14px;box-shadow:none;padding-top:1px;height:14px!important}.vChartBarValue{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 1px #221d1640;white-space:nowrap;pointer-events:none;font-size:.68rem;font-weight:650;line-height:1}.vChartBar.isZero .vChartBarValue{color:var(--faint);text-shadow:none;font-size:.62rem;font-weight:500}.vChartAxis{flex-direction:column;align-items:center;gap:1px;width:100%;min-height:2.1rem;display:flex}.vChartAxisMain{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:650;line-height:1.15}.vChartAxisSub{color:var(--faint);font-size:.6rem;line-height:1.1}@media (width<=520px){.vChartPlot{min-width:calc(var(--cols,12) * 28px);column-gap:4px}.vChartBarValue{font-size:.58rem}.vChartAxisMain{font-size:.64rem}.vChartTrack{min-height:120px}}.tableWrap{overflow-x:auto}.dataTable{border-collapse:collapse;width:100%;font-size:.84rem}.dataTable th,.dataTable td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 6px}.dataTable th{color:var(--muted);font-size:.75rem;font-weight:600}.dataTable .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dataTable .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.dataTable .sku{max-width:360px;font-size:.78rem;line-height:1.35}.dataTable .unit{color:var(--faint);font-size:.72rem}