@layer components{.ui-expand{min-width:0;position:relative}.ui-expand[data-expanded=false]>:first-child{max-height:30rem;overflow:hidden}.ui-expand-control{padding-top:var(--ui-space-sm);justify-content:center;display:flex}.ui-expand[data-expanded=false]>.ui-expand-control{inset-inline:0;background:linear-gradient(to bottom, transparent, var(--ui-surface-canvas) 72%);padding-top:6rem;position:absolute;bottom:0}.ui-expand[data-expanded=true]>.ui-expand-control{bottom:var(--ui-space-sm);pointer-events:none;position:sticky}.ui-expand-control>.ui-button{pointer-events:auto}.ui-expand-control>.ui-button>svg{transition:rotate var(--ui-duration-quick) var(--ui-ease)}.ui-expand[data-expanded=true]>.ui-expand-control>.ui-button>svg{rotate:180deg}.ui-disclosure-body>.ui-table[role=region]{max-height:36rem}.ui-table .benchmark-value{white-space:nowrap}.ui-table[data-numeric-from] :is(td,th){font-variant-numeric:tabular-nums}.ui-table[data-numeric-from="2"] :is(td,th):nth-child(n+2),.ui-table[data-numeric-from="3"] :is(td,th):nth-child(n+3),.ui-table[data-numeric-from="4"] :is(td,th):nth-child(n+4){text-align:end}@media (forced-colors:active){.ui-bar{outline-offset:-1px;outline:1px solid canvastext}.ui-bar>i{forced-color-adjust:none;background:canvastext!important}.ui-bar[data-variant=stacked]>i{box-shadow:inset -1px 0 canvas}.ui-legend>li>i{display:none}}@media print{.ui-table[role=region]{max-height:none;overflow:visible}}}@layer components {
  .ui-chart{display:grid;gap:var(--ui-space-md);padding:var(--ui-space-lg);border-radius:var(--ui-radius-xl);background:linear-gradient(180deg, var(--ui-surface-sheet), var(--ui-surface-sheet-lo));box-shadow:var(--ui-elevation-rise-1)}

  .ui-chart-head {
    justify-content: space-between;
    gap: var(--ui-space-xs) var(--ui-space-md);
    flex-wrap: wrap;
    display: flex;
  }

  .ui-chart-head b {
    color: var(--ui-text-strong);
    font-size: var(--ui-text-small);
    font-weight: var(--ui-weight-strong);
  }

  .ui-chart-head small {
    color: var(--ui-text-muted);
    font: var(--ui-weight-regular) var(--ui-text-caption)/1.5 var(--font-family-sans);
    font-variant-numeric: tabular-nums;
    display: block;
  }

  .ui-chart-row {
    align-items: center;
    gap: var(--ui-space-xs) var(--ui-space-sm);
    grid-template-columns: minmax(6.5rem, 12rem) minmax(0, 1fr) minmax(4.5rem, auto);
    font-size: .8125rem;
    display: grid;
  }

  .ui-chart-row > span:first-child {
    align-items: center;
    gap: 2px var(--ui-space-xs);
    min-width: 0;
    color: var(--ui-text-strong);
    overflow-wrap: anywhere;
    flex-wrap: wrap;
    display: flex;
  }

  .ui-chart-row > span:first-child > small {
    color: var(--ui-text-muted);
    font: var(--ui-weight-regular) .75rem/1.4 var(--font-family-sans);
    font-variant-numeric: tabular-nums;
    flex-basis: 100%;
  }

  .ui-chart-row > output {
    color: var(--ui-text-body);
    font: var(--ui-weight-regular) .8125rem/1 var(--font-family-sans);
    text-align: end;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  .ui-chart-row > .ui-legend {
    gap: 2px var(--ui-space-md);
    grid-column: 2 / -1;
    font-size: .75rem;
  }

  .ui-chart-row > .ui-legend b {
    color: var(--ui-text-strong);
    font-weight: var(--ui-weight-medium);
  }

  @media (width < 35rem) {
    .ui-chart-row {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .ui-chart-row > .ui-bar {
      grid-area: 2 / 1 / auto / -1;
    }

    .ui-chart-row > .ui-legend {
      grid-column: 1 / -1;
    }
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}:root,:host{--font-family-sans:var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}:root,:host{--font-sans:"Geist", "Noto Sans TC"}}@layer components {
  .ui-metrics {
    gap: var(--ui-inset);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
    display: grid;
  }

  .ui-metric{display:grid;align-content:start;min-width:0;gap:6px;overflow-wrap:anywhere;padding:var(--ui-space-md);border-radius:var(--ui-radius-lg);background:linear-gradient(180deg, var(--ui-surface-sheet), var(--ui-surface-sheet-lo));box-shadow:var(--ui-elevation-rise-1)}

  .ui-metric>small{color:var(--ui-text-muted);font:var(--ui-weight-regular) var(--ui-text-label)/1.5 var(--font-family-sans);letter-spacing:var(--ui-tracking-label);text-transform:none}

  .ui-metric > b {
    color: var(--ui-text-strong);
    font-size: 1.625rem;
    font-weight: var(--ui-weight-heading);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
  }

  .ui-metric > b > span {
    color: var(--ui-text-muted);
    font-size: .875rem;
    font-weight: var(--ui-weight-medium);
    letter-spacing: 0;
  }

  .ui-metric > p {
    color: var(--ui-text-muted);
    margin: 0;
    font-size: .75rem;
    line-height: 1.5;
  }

  .ui-bar {
    border-radius: var(--ui-radius-pill);
    background: var(--ui-surface-well);
    height: 6px;
    box-shadow: var(--ui-elevation-sink);
    overflow: hidden;
  }

  .ui-bar > i {
    border-radius: inherit;
    background: var(--ui-text-strong);
    height: 100%;
    display: block;
  }

  .ui-bar > i[data-tone="muted"] {
    background: var(--ui-line-mark);
  }

  .ui-bar > i[data-tone="blue"] {
    background: var(--ui-tone-blue);
  }

  .ui-bar > i[data-tone="violet"] {
    background: var(--ui-tone-violet);
  }

  .ui-bar > i[data-tone="amber"] {
    background: var(--ui-tone-amber);
  }

  .ui-bar > i[data-tone="green"] {
    background: var(--ui-tone-green);
  }

  .ui-bar > i[data-tone="red"] {
    background: var(--ui-tone-red);
  }

  .ui-bar > i[data-tone="neutral"] {
    background: var(--ui-tone-neutral);
  }

  .ui-bar[data-variant="stacked"] {
    gap: 1px;
    display: flex;
  }

  .ui-bar[data-variant="stacked"] > i {
    border-radius: 0;
    flex: none;
  }

  .ui-bar[data-variant="stacked"] > i:first-child {
    border-start-start-radius: inherit;
    border-end-start-radius: inherit;
  }

  .ui-bar[data-variant="stacked"] > i:last-child {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}:root,:host{--font-family-sans:var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}:root,:host{--font-sans:"Geist", "Noto Sans TC"}}@layer components {
  .segment-views, .segment-panel {
    min-width: 0;
  }

  .segment-views > .ui-segmented {
    margin-bottom: var(--ui-space-sm);
  }

  .segment-panel-label {
    display: none;
  }

  .segment-panel:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px;border-radius:var(--ui-radius-sm)}

  @media (scripting: none), print {
    .segment-views > .ui-segmented {
      display: none;
    }

    .segment-panel[hidden] {
      display: block !important;
    }

    .segment-panel + .segment-panel {
      margin-top: var(--ui-space-xl);
    }

    .segment-panel-label {
      margin-bottom: var(--ui-space-md);
      color: var(--ui-text-strong);
      font-size: var(--ui-text-small);
      font-weight: var(--ui-weight-medium);
      display: block;
    }
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}}
