@layer components {
  html:has(.ui-dialog[data-variant="search"][open]) {
    scrollbar-gutter: stable;
    overflow: hidden;
  }

  .ui-dialog[data-variant="search"] {
    flex-direction: column;
    width: min(42.5rem, 100% - 2rem);
    max-height: min(72dvh, 42rem);
    margin: min(14dvh, 8rem) auto auto;
    container: search / inline-size;
  }

  .ui-dialog[data-variant="search"][open] {
    display: flex;
  }

  .ui-dialog[data-variant="search"] .ui-dialog-search {
    flex: none;
  }

  .ui-dialog-search > svg {
    color: var(--ui-text-muted);
    flex: none;
  }

  .ui-dialog-search input {
    appearance: none;
    padding: .5rem 0;
  }

  .ui-dialog-search input::placeholder {
    color: var(--ui-text-muted);
  }

  .ui-dialog-search input::-webkit-search-cancel-button {
    display: none;
  }

  .ui-dialog-close > span:last-child {
    display: none;
  }

  .ui-dialog-close > .ui-kbd {
    box-shadow: none;
    background: none;
  }

  .ui-dialog[data-variant="search"] > .ui-dialog-body {
    overscroll-behavior: contain;
    scrollbar-width: thin;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  .ui-dialog-status{margin:0;padding:var(--ui-space-sm) var(--ui-space-md) 0;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-dialog-note {
    align-items: center;
    gap: var(--ui-space-xs);
    padding: var(--ui-space-sm) var(--ui-space-md) var(--ui-space-lg);
    flex-wrap: wrap;
    display: flex;
  }

  .ui-dialog-note > p {
    width: 100%;
    color: var(--ui-text-body);
    margin: 0;
    font-size: .8125rem;
    line-height: 1.6;
  }

  .ui-dialog-note > .ui-button code {
    font: var(--ui-weight-regular) .75rem/1 var(--font-family-mono);
  }

  .ui-dialog-note > .ui-button svg {
    width: 14px;
    height: 14px;
    color: var(--ui-text-muted);
  }

  .ui-dialog-note[data-align="center"] {
    padding-block: var(--ui-space-xl);
    color: var(--ui-text-muted);
    text-align: center;
    flex-direction: column;
  }

  .ui-dialog-note[data-align="center"] > b {
    color: var(--ui-text-strong);
    font-size: var(--ui-text-small);
    font-weight: var(--ui-weight-strong);
  }

  .ui-results:empty {
    display: none;
  }

  .ui-results > li > a {
    scroll-margin-block: var(--ui-inset);
  }

  .ui-results > li > a > b {
    overflow-wrap: anywhere;
  }

  .ui-results > li > a > span {
    -webkit-line-clamp: 2;
    color: var(--ui-text-body);
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    font-size: .8125rem;
    line-height: 1.55;
    display: -webkit-box;
    overflow: hidden;
  }

  .ui-results mark {
    color: var(--ui-text-strong);
    text-decoration: underline;
    text-decoration-color: var(--ui-line-mark);
    text-underline-offset: .2em;
    background: none;
  }

  .ui-results>li>a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}

  .ui-dialog-foot {
    flex: none;
  }

  .ui-dialog-foot > span:last-child {
    margin-left: auto;
  }

  .ui-search-shortcut {
    white-space: nowrap;
  }

  .ui-dialog-foot .ui-kbd svg {
    width: 12px;
    height: 12px;
  }

  @media (width < 48rem) {
    .ui-dialog[data-variant="search"] {
      border-radius: 0;
      width: 100%;
      max-width: 100%;
      height: 100dvh;
      max-height: 100dvh;
      margin: 0;
    }

    .ui-dialog-close > .ui-kbd, .ui-dialog-foot {
      display: none;
    }

    .ui-dialog-close > span:last-child {
      display: inline;
    }
  }

  @media (forced-colors: active) {
    .ui-dialog[data-variant="search"] {
      border: 1px solid canvastext;
    }

    .ui-results > li > a[aria-selected="true"] {
      outline-offset: -2px;
      outline: 2px solid highlight;
    }
  }
}

@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";--font-family-mono:var(--font-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}: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";--font-mono:"IBM Plex Mono"}}