/*! claritycascade · Tailwind CSS v4 utilities (prefix tw:). Generated from src/styles/tailwind.css;
    run `npm run build` to regenerate with the official Tailwind CLI. Utilities are unlayered so they win over site.css element rules. */
@layer theme { :root, :host { --tw-spacing: .25rem; } }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
:root { --tw-translate-x: 0; --tw-translate-y: 0; --tw-border-style: solid; }
.tw\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.tw\:bg-accent-bright { background-color: var(--accent-bright); }
.tw\:bg-ink { background-color: var(--text); }
.tw\:bg-paper { background-color: var(--paper); }
.tw\:bg-surface { background-color: var(--surface); }
.tw\:bg-transparent { background-color: transparent; }
.tw\:block { display: block; }
.tw\:border { border-style: var(--tw-border-style); border-width: 1px; }
.tw\:border-0 { border-style: var(--tw-border-style); border-width: 0px; }
.tw\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.tw\:border-rule { border-color: var(--rule); }
.tw\:border-solid { --tw-border-style: solid; border-style: solid; }
.tw\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.tw\:bottom-4 { bottom: calc(var(--tw-spacing) * 4); }
.tw\:bottom-6 { bottom: calc(var(--tw-spacing) * 6); }
.tw\:cursor-pointer { cursor: pointer; }
.tw\:duration-300 { --tw-duration: 300ms; transition-duration: 300ms; }
.tw\:fixed { position: fixed; }
.tw\:flex { display: flex; }
.tw\:flex-1 { flex: 1; }
.tw\:font-medium { --tw-font-weight: 500; font-weight: 500; }
.tw\:font-mono { font-family: var(--font-mono); }
.tw\:font-sans { font-family: var(--font-body); }
.tw\:gap-1\.5 { gap: calc(var(--tw-spacing) * 1.5); }
.tw\:gap-3 { gap: calc(var(--tw-spacing) * 3); }
.tw\:grid { display: grid; }
.tw\:h-0\.75 { height: calc(var(--tw-spacing) * 0.75); }
.tw\:h-14 { height: calc(var(--tw-spacing) * 14); }
.tw\:hidden { display: none; }
.tw\:inline-flex { display: inline-flex; }
.tw\:inset-x-0 { inset-inline: calc(var(--tw-spacing) * 0); }
.tw\:items-center { align-items: center; }
.tw\:justify-between { justify-content: space-between; }
.tw\:left-1\/2 { left: calc(1 / 2 * 100%); }
.tw\:list-none { list-style-type: none; }
.tw\:m-0 { margin: calc(var(--tw-spacing) * 0); }
.tw\:max-h-\[min\(60vh\,440px\)\] { max-height: min(60vh,440px); }
.tw\:max-w-xl { max-width: 36rem; }
.tw\:mb-auto { margin-bottom: auto; }
.tw\:min-w-0 { min-width: calc(var(--tw-spacing) * 0); }
.tw\:ml-auto { margin-left: auto; }
.tw\:mt-\[12vh\] { margin-top: 12vh; }
.tw\:mx-auto { margin-inline: auto; }
.tw\:opacity-0 { opacity: 0%; }
.tw\:opacity-100 { opacity: 100%; }
.tw\:origin-left { transform-origin: left; }
.tw\:outline-none { --tw-outline-style: none; outline-style: none; }
.tw\:overflow-hidden { overflow: hidden; }
.tw\:overflow-y-auto { overflow-y: auto; }
.tw\:p-0 { padding: calc(var(--tw-spacing) * 0); }
.tw\:p-2 { padding: calc(var(--tw-spacing) * 2); }
.tw\:pb-1 { padding-bottom: calc(var(--tw-spacing) * 1); }
.tw\:place-items-center { place-items: center; }
.tw\:pointer-events-auto { pointer-events: auto; }
.tw\:pointer-events-none { pointer-events: none; }
.tw\:pt-3 { padding-top: calc(var(--tw-spacing) * 3); }
.tw\:px-1\.5 { padding-inline: calc(var(--tw-spacing) * 1.5); }
.tw\:px-3 { padding-inline: calc(var(--tw-spacing) * 3); }
.tw\:px-4 { padding-inline: calc(var(--tw-spacing) * 4); }
.tw\:py-0\.5 { padding-block: calc(var(--tw-spacing) * 0.5); }
.tw\:py-1\.5 { padding-block: calc(var(--tw-spacing) * 1.5); }
.tw\:py-2 { padding-block: calc(var(--tw-spacing) * 2); }
.tw\:py-2\.5 { padding-block: calc(var(--tw-spacing) * 2.5); }
.tw\:py-8 { padding-block: calc(var(--tw-spacing) * 8); }
.tw\:right-4 { right: calc(var(--tw-spacing) * 4); }
.tw\:rounded-2xl { border-radius: 1rem; }
.tw\:rounded-full { border-radius: 9999px; }
.tw\:rounded-lg { border-radius: .5rem; }
.tw\:rounded-md { border-radius: .375rem; }
.tw\:rounded-xl { border-radius: .75rem; }
.tw\:self-center { align-self: center; }
.tw\:shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); box-shadow: var(--tw-shadow); }
.tw\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); box-shadow: var(--tw-shadow); }
.tw\:shrink-0 { flex-shrink: 0; }
.tw\:size-11 { width: calc(var(--tw-spacing) * 11); height: calc(var(--tw-spacing) * 11); }
.tw\:size-3\.5 { width: calc(var(--tw-spacing) * 3.5); height: calc(var(--tw-spacing) * 3.5); }
.tw\:size-4 { width: calc(var(--tw-spacing) * 4); height: calc(var(--tw-spacing) * 4); }
.tw\:size-5 { width: calc(var(--tw-spacing) * 5); height: calc(var(--tw-spacing) * 5); }
.tw\:size-8 { width: calc(var(--tw-spacing) * 8); height: calc(var(--tw-spacing) * 8); }
.tw\:text-\[0\.68rem\] { font-size: 0.68rem; }
.tw\:text-accent { color: var(--accent); }
.tw\:text-base { font-size: 1rem; line-height: var(--tw-leading, calc(1.5 / 1)); }
.tw\:text-center { text-align: center; }
.tw\:text-ink { color: var(--text); }
.tw\:text-muted { color: var(--muted); }
.tw\:text-paper { color: var(--paper); }
.tw\:text-sm { font-size: .875rem; line-height: var(--tw-leading, calc(1.25 / .875)); }
.tw\:text-xs { font-size: .75rem; line-height: var(--tw-leading, calc(1 / .75)); }
.tw\:top-0 { top: calc(var(--tw-spacing) * 0); }
.tw\:tracking-widest { --tw-tracking: .1em; letter-spacing: .1em; }
.tw\:transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter; transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1)); transition-duration: var(--tw-duration, .15s); }
.tw\:translate-y-0 { --tw-translate-y: calc(var(--tw-spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
.tw\:translate-y-2 { --tw-translate-y: calc(var(--tw-spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); }
.tw\:translate-y-3 { --tw-translate-y: calc(var(--tw-spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); }
.tw\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tw\:uppercase { text-transform: uppercase; }
.tw\:w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); }
.tw\:w-full { width: 100%; }
.tw\:z-30 { z-index: 30; }
.tw\:z-50 { z-index: 50; }
.tw\:z-90 { z-index: 90; }
.tw\:aria-selected\:bg-accent-soft[aria-selected="true"] { background-color: var(--accent-soft); }
.tw\:backdrop\:bg-black\/45::backdrop { background-color: color-mix(in oklab, #000 45%, transparent); }
@media (hover: hover) { .tw\:hover\:border-accent-bright:hover { border-color: var(--accent-bright); } }
@media (hover: hover) { .tw\:hover\:text-accent:hover { color: var(--accent); } }
@media (hover: hover) { .tw\:hover\:text-ink:hover { color: var(--text); } }
.tw\:placeholder\:text-muted::placeholder { color: var(--muted); }
@media (width >= 40rem) {
  .tw\:sm\:inline { display: inline; }
}
@media (width >= 48rem) {
  .tw\:md\:bottom-6 { bottom: calc(var(--tw-spacing) * 6); }
  .tw\:md\:right-6 { right: calc(var(--tw-spacing) * 6); }
}