/* claude.ai 대시보드 테마 토큰을 대신하는 값. page.html 의 스타일이 이 이름들을 쓴다. */
:root{
  --font-anthropic-sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
  --font-anthropic-serif:"Noto Serif KR","AppleMyungjo","Nanum Myeongjo",Georgia,serif;
  --color-fg:#1f1e1d;--color-fg-muted:#6b6862;--color-bg:#faf9f5;--color-panel:#ffffff;--color-border-line:#e6e3da;
  --color-ok:#2f7d4f;--color-warn:#b5631b;--color-bad:#c2410c;
  --series-1:#2f6fd1;--series-2:#d9822b;--series-3:#2e9a6b;--series-4:#8657c9;--series-5:#c94a62;--series-6:#1e9bb0;--series-7:#b8920f;--series-8:#8a6d5b;
  --cds-chart-grid:#efece4;--cds-chart-axis:#a19d93;--cds-chart-reference:#8c877d;--cds-chart-muted:#c9c5bb;
  --cds-surface-popover:#ffffff;--cds-border:#dedad0;--cds-shadow-popover:0 6px 24px rgba(0,0,0,.12);--cds-text-secondary:#6b6862;
  --cds-gap-xs:6px;--cds-gap-sm:8px;--cds-gap-md:16px;--cds-gap-lg:24px;--cds-pad-xs:6px;--cds-pad-sm:10px;--cds-pad-lg:20px;--cds-radius:10px;
  --cds-font-size-title:28px;--cds-font-size-heading:17px;--cds-font-size-caption:12.5px;--cds-font-weight-medium:600;--cds-dur-slow:.3s;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --color-fg:#ecebe6;--color-fg-muted:#a29f97;--color-bg:#1c1b19;--color-panel:#262522;--color-border-line:#3a3834;
  --color-ok:#6cc58e;--color-warn:#e9a15a;--color-bad:#f07a52;
  --series-1:#6b9cf0;--series-2:#eea25a;--series-3:#5cc497;--series-4:#ad89e6;--series-5:#e67b90;--series-6:#55c3d6;--series-7:#dcb83f;--series-8:#b89884;
  --cds-chart-grid:#32302c;--cds-chart-axis:#79756c;--cds-chart-reference:#8f8a80;--cds-chart-muted:#55524b;
  --cds-surface-popover:#2e2d29;--cds-border:#45423d;--cds-shadow-popover:0 6px 24px rgba(0,0,0,.5);--cds-text-secondary:#a29f97;
  color-scheme:dark;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-anthropic-sans);font-size:14px;line-height:1.5}
.topbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border-line);font-size:var(--cds-font-size-caption)}
.topbar .name{font-weight:600;font-size:14px}
.topbar .meta{color:var(--color-fg-muted)}
.topbar .sp{flex:1}
.topbar a,.topbar button{font:inherit;color:var(--color-fg);background:transparent;border:1px solid var(--color-border-line);border-radius:999px;padding:4px 12px;text-decoration:none;cursor:pointer}
.topbar a:hover,.topbar button:hover{border-color:var(--color-fg-muted)}
#dash-root{max-width:1400px;margin:0 auto;padding:24px 16px 48px}
.dash-skeleton{color:var(--color-fg-muted)}
