@keyframes sem-caret-blink {
  50% { opacity: 0; }
}

@keyframes sem-drop-refused {
  0%, 100% { translate: 0; }
  25% { translate: -4px 0; }
  75% { translate: 4px 0; }
}

@keyframes sem-fade-in {
  from { opacity: 0; }
}

@keyframes sem-pulse {
  0% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--live-color) 55%, transparent); }
  70% { box-shadow: 0 0 0 6px color-mix(in oklab, var(--live-color) 0%, transparent); }
  100% { box-shadow: 0 0 0 0 transparent; }
}

@keyframes sem-recalc-a {
  0% { background: color-mix(in oklab, var(--sem-warning-9, #f59f00) 45%, transparent); }
  100% { background: color-mix(in oklab, var(--sem-accent-soft) 35%, transparent); }
}

@keyframes sem-recalc-b {
  0% { background: color-mix(in oklab, var(--sem-warning-9, #f59f00) 45%, transparent); }
  100% { background: color-mix(in oklab, var(--sem-accent-soft) 35%, transparent); }
}

@keyframes sem-rise-in {
  from { opacity: 0; transform: translateY(8px); }
}

@keyframes sem-scale-in {
  from { opacity: 0; transform: scale(0.96); }
}

@keyframes sem-shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}

@keyframes sem-shimmer {
  from { background-position: 120% 0; }
  to { background-position: -120% 0; }
}

@keyframes sem-slide-in-end {
  from { transform: translateX(100%); }
}

@keyframes sem-slide-in-start {
  from { transform: translateX(-100%); }
}

@keyframes sem-spin {
  to { transform: rotate(360deg); }
}

@keyframes sem-typing-dot {
  0%, 60%, 100% { opacity: 0.35; transform: none; }
  30% { opacity: 1; transform: translateY(-3px); }
}

@keyframes sem-typing-pulse {
  0%, 100% { box-shadow: 0 0 0 2px var(--sem-accent-7); }
  50% { box-shadow: 0 0 0 4px color-mix(in oklab, var(--sem-accent-7) 40%, transparent); }
}

@layer sem.tokens, sem.hooks, sem.components, sem.variants, sem.intents;

@layer sem.tokens {
  :root { --sem-accent-10: light-dark(#4f40e0, #8b7dff); --sem-accent-11: light-dark(#4b3cc9, #b2a8ff); --sem-accent-12: light-dark(#231a63, #e2ddff); --sem-accent-1: light-dark(#fdfcff, #14121f); --sem-accent-2: light-dark(#f8f6ff, #1a1729); --sem-accent-3: light-dark(#f0edff, #251f45); --sem-accent-4: light-dark(#e5e0ff, #2c235a); --sem-accent-5: light-dark(#d9d2ff, #342a69); --sem-accent-6: light-dark(#c9bfff, #3e3379); --sem-accent-7: light-dark(#b3a6fb, #4b3f92); --sem-accent-8: light-dark(#9787f5, #5d4fb5); --sem-accent-9: light-dark(#5b4cf0, #7c6cf6); --sem-accent-contrast: #ffffff; --sem-accent-soft: color-mix(in oklab, var(--sem-accent) 13%, transparent); --sem-accent-strong: light-dark(#4535d6, #a49dff); --sem-accent: light-dark(#5b4cf0, #8f86ff); --sem-backdrop: radial-gradient(1200px 500px at 15% -10%, light-dark(#ebe8ff, #1c1840) 0%, transparent 60%), radial-gradient(900px 400px at 100% 0%, light-dark(#ffe9f5, #2a1326) 0%, transparent 55%), light-dark(#f5f5f9, #0c0c11); --sem-border-strong: light-dark(#d4d4e0, #3a3a46); --sem-border: light-dark(#e8e8f0, #26262f); --sem-canvas: var(--sem-gray-2); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-chevron-space: 32px; --sem-chevron: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); --sem-code-bg: light-dark(#f7f7fb, #0f0f15); --sem-code-comment: light-dark(#8a8a9a, #6b6b7b); --sem-code-iri: light-dark(#0e7490, #67e8f9); --sem-code-keyword: light-dark(#7c3aed, #c4b5fd); --sem-code-name: light-dark(#4338ca, #a5b4fc); --sem-code-string: light-dark(#b45309, #fdba74); --sem-code-var: light-dark(#be185d, #f9a8d4); --sem-control-height: 38px; --sem-control-lg: 44px; --sem-control-md: 36px; --sem-control-sm: 28px; --sem-danger-10: light-dark(#c92a3f, #ff7a8a); --sem-danger-11: light-dark(#c0263a, #ffa3ae); --sem-danger-3: light-dark(#ffe8eb, #3a1419); --sem-danger-4: light-dark(#ffd9de, #47181f); --sem-danger-6: light-dark(#f5b0b9, #7a2a36); --sem-danger-9: light-dark(#e0344a, #ec4f63); --sem-danger: light-dark(#e0344a, #ff7a8a); --sem-display-case: none; --sem-display-tracking: -0.025em; --sem-display-weight: 700; --sem-duration-fast: 120ms; --sem-duration-loop: 320ms; --sem-duration-move: 700ms; --sem-duration-slow: 320ms; --sem-duration: 180ms; --sem-ease-move: cubic-bezier(0.3, 0.7, 0.1, 1); --sem-ease-out: cubic-bezier(0, 0, 0.2, 1); --sem-ease: cubic-bezier(0.2, 0, 0, 1); --sem-editor-line: 20px; --sem-editor-pad: 10px; --sem-faint: light-dark(#a3a3b2, #5d5d6c); --sem-flag: light-dark(#c2410c, #fb923c); --sem-font-display: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; --sem-font-features: 'cv11', 'ss01', 'ss03'; --sem-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --sem-font-size-metric: 26px; --sem-font-size-micro: 11px; --sem-font-size-small: 13px; --sem-font-size-title: 28px; --sem-font-size: 15px; --sem-font: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; --sem-good: light-dark(#0f8a5f, #4fd8a8); --sem-gradient-from: #8f86ff; --sem-gradient-to: #ff7ac6; --sem-gradient: linear-gradient(90deg, var(--sem-accent), #ff7ac6); --sem-gray-10: light-dark(#7d7d91, #7a7a8b); --sem-gray-11: light-dark(#5f5f72, #a8a8b8); --sem-gray-12: light-dark(#1b1b26, #ededf3); --sem-gray-1: light-dark(#fcfcfd, #111116); --sem-gray-2: light-dark(#f8f8fb, #17171d); --sem-gray-3: light-dark(#f0f0f5, #1f1f27); --sem-gray-4: light-dark(#e8e8ef, #26262f); --sem-gray-5: light-dark(#e0e0e9, #2d2d37); --sem-gray-6: light-dark(#d6d6e1, #353541); --sem-gray-7: light-dark(#c8c8d5, #43434f); --sem-gray-8: light-dark(#aeaec0, #5a5a69); --sem-gray-9: light-dark(#8a8a9e, #6b6b7c); --sem-info-10: light-dark(#0a66c4, #5aa0f5); --sem-info-11: light-dark(#0b5cad, #8ec2ff); --sem-info-3: light-dark(#e6f1ff, #10233d); --sem-info-4: light-dark(#d6e8ff, #142c4d); --sem-info-6: light-dark(#a9cdfb, #1d4a7a); --sem-info-9: light-dark(#0b74de, #3b8ef0); --sem-leading-normal: 1.55; --sem-leading-tight: 1.2; --sem-line-height: 1.5; --sem-mark-height: 3px; --sem-mark-radius: 3px; --sem-mark-width: 28px; --sem-mark: linear-gradient(90deg, var(--sem-accent), color-mix(in oklab, var(--sem-accent) 30%, #ff7ac6)); --sem-measure-page: 1120px; --sem-measure-reading: 68ch; --sem-measure-wide: 1440px; --sem-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-move-fade: none; --sem-muted: light-dark(#6b6b7b, #9898a8); --sem-on-accent: light-dark(#ffffff, #0e0b26); --sem-on-status: #ffffff; --sem-outline-offset: 6px; --sem-own-side: flex-end; --sem-pile-jitter: 5px; --sem-pile-tilt: 1.6deg; --sem-print-lift: 0 2px 4px light-dark(rgb(17 17 34 / 0.16), rgb(0 0 0 / 0.6)), 0 24px 48px -12px light-dark(rgb(30 27 75 / 0.45), rgb(0 0 0 / 0.9)); --sem-print-shadow: 0 1px 2px light-dark(rgb(17 17 34 / 0.18), rgb(0 0 0 / 0.6)), 0 10px 24px -10px light-dark(rgb(30 27 75 / 0.35), rgb(0 0 0 / 0.8)); --sem-print: light-dark(#ffffff, #f2efe8); --sem-radius-card: 18px; --sem-radius-control: 10px; --sem-radius-full: 999px; --sem-radius-lg: 14px; --sem-radius-md: 10px; --sem-radius-sm: 6px; --sem-radius-xl: 20px; --sem-radius: 12px; --sem-ramp-0: #cde2fb; --sem-ramp-10: #184f95; --sem-ramp-11: #104281; --sem-ramp-12: #0d366b; --sem-ramp-1: #b7d3f6; --sem-ramp-2: #9ec5f4; --sem-ramp-3: #86b6ef; --sem-ramp-4: #6da7ec; --sem-ramp-5: #5598e7; --sem-ramp-6: #3987e5; --sem-ramp-7: #2a78d6; --sem-ramp-8: #256abf; --sem-ramp-9: #1c5cab; --sem-ramp-ink-dark: #ffffff; --sem-ramp-ink-light: #0d366b; --sem-ring: 0 0 0 4px color-mix(in oklab, var(--sem-accent) 22%, transparent); --sem-scrim: light-dark(rgb(20 18 40 / 0.32), rgb(0 0 0 / 0.6)); --sem-series-1: light-dark(#2a78d6, #3987e5); --sem-series-2: light-dark(#eb6834, #d95926); --sem-series-3: light-dark(#1baf7a, #199e70); --sem-series-4: light-dark(#eda100, #c98500); --sem-series-5: light-dark(#e87ba4, #d55181); --sem-series-6: light-dark(#008300, #2a9d2a); --sem-shadow-1: 0 1px 2px light-dark(rgb(17 17 34 / 0.06), rgb(0 0 0 / 0.5)); --sem-shadow-2: 0 1px 1px light-dark(rgb(17 17 34 / 0.04), rgb(0 0 0 / 0.4)), 0 12px 32px -12px light-dark(rgb(30 27 75 / 0.18), rgb(0 0 0 / 0.65)); --sem-shadow-3: 0 0 0 1px light-dark(rgb(17 17 34 / 0.06), rgb(255 255 255 / 0.06)), 0 18px 48px -12px light-dark(rgb(30 27 75 / 0.28), rgb(0 0 0 / 0.75)); --sem-shadow-4: 0 0 0 1px light-dark(rgb(17 17 34 / 0.08), rgb(255 255 255 / 0.08)), 0 32px 80px -16px light-dark(rgb(30 27 75 / 0.38), rgb(0 0 0 / 0.85)); --sem-shadow-raised: 0 1px 1px light-dark(rgb(17 17 34 / 0.04), rgb(0 0 0 / 0.4)), 0 12px 32px -12px light-dark(rgb(30 27 75 / 0.18), rgb(0 0 0 / 0.65)); --sem-shadow: 0 1px 2px light-dark(rgb(17 17 34 / 0.06), rgb(0 0 0 / 0.5)); --sem-space-1: 4px; --sem-space-2: 8px; --sem-space-3: 12px; --sem-space-4: 16px; --sem-space-5: 24px; --sem-space-6: 32px; --sem-space-7: 40px; --sem-space-8: 48px; --sem-spring: cubic-bezier(0.34, 1.4, 0.64, 1); --sem-success-10: light-dark(#0f916c, #4fd8a8); --sem-success-11: light-dark(#0a7a59, #7fe8c1); --sem-success-3: light-dark(#e3f7ee, #0f2a20); --sem-success-4: light-dark(#d0f0e2, #123427); --sem-success-6: light-dark(#9edfc2, #1d5a43); --sem-success-9: light-dark(#12a37a, #2bbf8f); --sem-success: light-dark(#12a37a, #4fd8a8); --sem-surface-hover: light-dark(#f4f4fb, #1f1f27); --sem-surface-overlay: light-dark(#ffffff, #1c1c23); --sem-surface-sunken: light-dark(#f6f6fa, #111116); --sem-surface: light-dark(#ffffff, #17171c); --sem-text-2xl: 24px; --sem-text-3xl: 30px; --sem-text-lg: 17px; --sem-text-md: 15px; --sem-text-sm: 13px; --sem-text-xl: 20px; --sem-text-xs: 11px; --sem-text: light-dark(#16161d, #f2f2f7); --sem-tooltip-bg: light-dark(#1c1b2e, #f2f2f7); --sem-tooltip-fg: light-dark(#f2f2f7, #16161d); --sem-warning-10: light-dark(#e29512, #ffb84d); --sem-warning-11: light-dark(#a35c00, #ffcf7a); --sem-warning-3: light-dark(#fff4d6, #2e2310); --sem-warning-4: light-dark(#ffecbd, #3a2c12); --sem-warning-6: light-dark(#f5d27a, #6b4d14); --sem-warning-9: light-dark(#f5a524, #f5a524); }
  [data-sem-density="compact"] { --sem-space-2: 5px; --sem-space-3: 8px; --sem-space-4: 11px; --sem-space-5: 16px; --sem-space-6: 20px; --sem-font-size: 13.5px; --sem-control-height: 32px; --sem-font-size-title: 21px; }
}

@layer sem.hooks {
  [data-sem-backdrop="dots"] { background: radial-gradient(circle at 1px 1px, light-dark(rgb(17 17 34 / 0.07), rgb(255 255 255 / 0.06)) 1px, transparent 0) 0 0 / 16px 16px, var(--sem-surface-sunken); padding: var(--sem-space-6) var(--sem-space-5); border-radius: 0 0 var(--sem-radius-card) var(--sem-radius-card); }
  [data-sem-color-scheme="dark"] { color-scheme: dark; }
  [data-sem-color-scheme="light"] { color-scheme: light; }
  [data-sem-color-scheme="system"] { color-scheme: light dark; }
  [data-sem-direction="column"] { display: flex; flex-direction: column; }
  [data-sem-direction="row"] { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; }
  [data-sem-elevation="raised"] { background: var(--sem-surface); border: 1px solid var(--sem-border); padding: var(--sem-space-6); border-radius: var(--sem-radius-card); box-shadow: var(--sem-shadow-raised); }
  [data-sem-fill="line"] { align-self: stretch; }
  [data-sem-gap="outline-offset"] { gap: var(--sem-outline-offset); }
  [data-sem-gap="space-1"] { gap: var(--sem-space-1); }
  [data-sem-gap="space-2"] { gap: var(--sem-space-2); }
  [data-sem-gap="space-3"] { gap: var(--sem-space-3); }
  [data-sem-gap="space-4"] { gap: var(--sem-space-4); }
  [data-sem-gap="space-5"] { gap: var(--sem-space-5); }
  [data-sem-gap="space-6"] { gap: var(--sem-space-6); }
  [data-sem-gap="space-7"] { gap: var(--sem-space-7); }
  [data-sem-gap="space-8"] { gap: var(--sem-space-8); }
  [data-sem-inset="outline-offset"] { padding: var(--sem-outline-offset); }
  [data-sem-inset="space-1"] { padding: var(--sem-space-1); }
  [data-sem-inset="space-2"] { padding: var(--sem-space-2); }
  [data-sem-inset="space-3"] { padding: var(--sem-space-3); }
  [data-sem-inset="space-4"] { padding: var(--sem-space-4); }
  [data-sem-inset="space-5"] { padding: var(--sem-space-5); }
  [data-sem-inset="space-6"] { padding: var(--sem-space-6); }
  [data-sem-inset="space-7"] { padding: var(--sem-space-7); }
  [data-sem-inset="space-8"] { padding: var(--sem-space-8); }
  [data-sem-intent="danger"] { --tone-border: var(--sem-danger-6); --tone-soft: var(--sem-danger-3); --tone-solid: var(--sem-danger-9); --tone-text: var(--sem-danger-11); --tone-on-solid: #ffffff; --tone-soft-hover: var(--sem-danger-4); --tone-solid-hover: var(--sem-danger-10); }
  [data-sem-layout="aligned-columns"] { display: grid; align-items: stretch; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
  [data-sem-layout="aside"] { display: flex; align-items: flex-start; flex-wrap: wrap; }
  [data-sem-layout="aside-end"] { display: flex; align-items: flex-start; flex-wrap: wrap; }
  [data-sem-layout="budget-sheet-columns"] { display: grid; align-items: end; column-gap: var(--sem-space-4); row-gap: var(--sem-space-3); grid-template-columns: minmax(0, 1fr) max-content; }
  [data-sem-layout="cart-columns"] { display: grid; align-items: center; column-gap: var(--sem-space-4); row-gap: var(--sem-space-3); font-variant-numeric: tabular-nums; grid-template-columns: minmax(0, 1fr) auto minmax(5.5rem, auto) auto; }
  [data-sem-layout="chat-layout"] { display: flex; gap: var(--sem-space-4); align-items: flex-start; flex-wrap: wrap; }
  [data-sem-layout="chat-thread-pane"] { background: var(--sem-surface); border: 1px solid var(--sem-border); display: flex; padding: var(--sem-space-3); border-radius: var(--sem-radius-md); flex-direction: column-reverse; max-height: 24rem; overflow-y: auto; }
  [data-sem-layout="columns"] { display: grid; align-items: start; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
  [data-sem-layout="field-row"] { display: grid; align-items: start; row-gap: 0; grid-auto-columns: auto; grid-auto-flow: column; }
  [data-sem-layout="grid"] { display: grid; align-items: start; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
  [data-sem-layout="ledger-columns"] { display: grid; align-items: center; column-gap: var(--sem-space-4); row-gap: var(--sem-space-3); grid-template-columns: minmax(0, 1fr) auto minmax(4.5rem, auto); }
  [data-sem-layout="settings"] { display: flex; flex-direction: column; }
  [data-sem-layout="sidebar"] { display: grid; align-items: start; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); }
  [data-sem-layout="subgrid"] { display: grid; align-items: center; grid-column: 1 / -1; grid-template-columns: subgrid; }
  [data-sem-layout="versus"] { display: grid; align-items: stretch; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  [data-sem-measure="page"] { box-sizing: border-box; inline-size: 100%; margin-inline: auto; max-inline-size: var(--sem-measure-page); }
  [data-sem-measure="reading"] { box-sizing: border-box; inline-size: 100%; margin-inline: auto; max-inline-size: var(--sem-measure-reading); }
  [data-sem-measure="wide"] { box-sizing: border-box; inline-size: 100%; margin-inline: auto; max-inline-size: var(--sem-measure-wide); }
  [data-sem-scroll="pane"] { overflow-y: auto; overscroll-behavior: contain; max-block-size: min(70vh, 36rem); }
  [data-sem-size="lg"] { --control-font: var(--sem-text-lg); --control-h: var(--sem-control-lg); --control-px: var(--sem-space-4); --control-radius: var(--sem-radius-lg); }
  [data-sem-size="md"] { --control-font: var(--sem-text-md); --control-h: var(--sem-control-md); --control-px: var(--sem-space-3); --control-radius: var(--sem-radius-md); }
  [data-sem-size="sm"] { --control-font: var(--sem-text-sm); --control-h: var(--sem-control-sm); --control-px: var(--sem-space-2); --control-radius: var(--sem-radius-sm); }
  [data-sem-sticky="top"] { position: sticky; top: calc(var(--sem-dock-top, 0px) + 116px); align-self: flex-start; z-index: 1; }
  [data-sem-text-align="center"] { text-align: center; }
  [data-sem-text-align="end"] { text-align: end; }
  [data-sem-text-align="start"] { text-align: start; }
  [data-sem-text-style="body"] { font-family: var(--sem-font); font-size: var(--sem-text-md); font-weight: 400; letter-spacing: -0.003em; line-height: var(--sem-leading-normal); }
  [data-sem-text-style="caption"] { color: var(--sem-muted); font-family: var(--sem-font); font-size: var(--sem-text-sm); font-weight: 400; letter-spacing: 0; line-height: var(--sem-leading-normal); }
  [data-sem-text-style="display"] { font-family: var(--sem-font); font-size: var(--sem-text-3xl); font-weight: 750; letter-spacing: -0.03em; line-height: var(--sem-leading-tight); }
  [data-sem-text-style="mono"] { font-family: var(--sem-font-mono); font-size: var(--sem-text-sm); font-weight: 450; letter-spacing: 0; line-height: var(--sem-leading-normal); font-variant-ligatures: none; }
  [data-sem-text-style="overline"] { color: var(--sem-muted); font-family: var(--sem-font); font-size: var(--sem-text-xs); font-weight: 650; letter-spacing: 0.09em; line-height: var(--sem-leading-tight); text-transform: uppercase; }
  [data-sem-text-style="subtitle"] { color: var(--sem-muted); font-family: var(--sem-font); font-size: var(--sem-text-lg); font-weight: 500; letter-spacing: -0.01em; line-height: var(--sem-leading-tight); }
  [data-sem-text-style="title"] { font-family: var(--sem-font); font-size: var(--sem-text-2xl); font-weight: 680; letter-spacing: -0.022em; line-height: var(--sem-leading-tight); }
  [data-sem-theme="blueprint"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#0161bd, #15b6df); --sem-backdrop: linear-gradient(light-dark(rgb(30 90 200 / 0.13), rgb(130 210 255 / 0.11)) 1px, transparent 1px) -1px -1px / 120px 120px, linear-gradient(90deg, light-dark(rgb(30 90 200 / 0.13), rgb(130 210 255 / 0.11)) 1px, transparent 1px) -1px -1px / 120px 120px, linear-gradient(light-dark(rgb(30 90 200 / 0.06), rgb(130 210 255 / 0.05)) 1px, transparent 1px) -1px -1px / 24px 24px, linear-gradient(90deg, light-dark(rgb(30 90 200 / 0.06), rgb(130 210 255 / 0.05)) 1px, transparent 1px) -1px -1px / 24px 24px, var(--sem-canvas); --sem-border: light-dark(#d0dbe7, #2e4362); --sem-canvas: light-dark(#f5f9fe, #051833); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#aa3332, #ffb4b1); --sem-ease: cubic-bezier(0.2, 0, 0, 1); --sem-faint: light-dark(#848d98, #536a8c); --sem-font: 'DIN Alternate', 'DIN 2014', Bahnschrift, 'Barlow', 'Avenir Next', ui-sans-serif, system-ui, sans-serif; --sem-gradient: repeating-linear-gradient(135deg, var(--sem-accent) 0 4px, color-mix(in oklab, var(--sem-accent) 55%, transparent) 4px 8px); --sem-mark: linear-gradient(90deg, var(--sem-accent) 0 1px, transparent 1px calc(100% - 1px), var(--sem-accent) calc(100% - 1px)), linear-gradient(var(--sem-accent), var(--sem-accent)) center / 100% 1px no-repeat; --sem-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#4a6685, #b8c5d8); --sem-radius: 2px; --sem-ring: 0 0 0 1px var(--sem-surface), 0 0 0 3px var(--sem-accent); --sem-scrim: light-dark(rgb(10 30 70 / 0.3), rgb(2 8 20 / 0.7)); --sem-shadow: 0 0 #0000; --sem-spring: cubic-bezier(0.2, 0, 0, 1); --sem-success: light-dark(#1a754b, #9cdcb6); --sem-surface: light-dark(#fcfdfe, #0b1f3b); --sem-text: light-dark(#0b2540, #e6effe); --sem-accent-10: light-dark(#0053a4, #15b6df); --sem-accent-11: light-dark(#1062b9, #84d8f5); --sem-accent-12: light-dark(#002550, #d7f4ff); --sem-accent-1: light-dark(#fcfdfe, #0f1a1e); --sem-accent-2: light-dark(#f4f9ff, #112228); --sem-accent-3: light-dark(#e8f2ff, #0d2d38); --sem-accent-4: light-dark(#dcebff, #083643); --sem-accent-5: light-dark(#d0e4ff, #033f4e); --sem-accent-6: light-dark(#c2dcfe, #004a5d); --sem-accent-7: light-dark(#aed1fe, #025c72); --sem-accent-8: light-dark(#8cbefe, #067490); --sem-accent-9: light-dark(#0161bd, #058eaf); --sem-accent-contrast: light-dark(#ffffff, #031329); --sem-accent-soft: color-mix(in oklab, var(--sem-accent) 13%, transparent); --sem-accent-strong: light-dark(#0053a4, #84d8f5); --sem-border-strong: light-dark(#b2bcc7, #536a8c); --sem-code-bg: light-dark(#f5f9fe, #051833); --sem-danger-10: light-dark(#b71824, #dd5559); --sem-danger-11: light-dark(#aa3332, #ffb4b1); --sem-danger-3: light-dark(#ffecea, #401d1c); --sem-danger-4: light-dark(#fee2df, #4d2020); --sem-danger-6: light-dark(#fecbc6, #6b2b2b); --sem-danger-9: light-dark(#c92f33, #c84247); --sem-display-case: uppercase; --sem-display-tracking: 0.08em; --sem-display-weight: 600; --sem-font-display: 'DIN Condensed', 'DIN Alternate', Bahnschrift, 'Barlow Condensed', 'Avenir Next Condensed', ui-sans-serif, system-ui, sans-serif; --sem-font-features: 'tnum'; --sem-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace; --sem-gradient-from: var(--sem-accent-9); --sem-gradient-to: var(--sem-accent-11); --sem-gray-10: light-dark(#757e89, #6a82a4); --sem-gray-11: light-dark(#4a6685, #b8c5d8); --sem-gray-12: light-dark(#0b2540, #e6effe); --sem-gray-1: light-dark(#fcfdfe, #051833); --sem-gray-2: light-dark(#f5f9fe, #0b1f3b); --sem-gray-3: light-dark(#e8f2ff, #152946); --sem-gray-4: light-dark(#e1ebf7, #1c314e); --sem-gray-5: light-dark(#d9e3f0, #243857); --sem-gray-6: light-dark(#d0dbe7, #2e4362); --sem-gray-7: light-dark(#c5cfdb, #3e5374); --sem-gray-8: light-dark(#b2bcc7, #536a8c); --sem-gray-9: light-dark(#848d98, #5c7395); --sem-info-10: light-dark(#046677, #03919d); --sem-info-11: light-dark(#006f83, #8cdae2); --sem-info-3: light-dark(#e0f6fb, #112e31); --sem-info-4: light-dark(#d0f1f9, #0f373b); --sem-info-6: light-dark(#ace4f2, #0e4b51); --sem-info-9: light-dark(#097689, #017e88); --sem-mark-height: 9px; --sem-mark-radius: 0; --sem-mark-width: 72px; --sem-on-accent: light-dark(#ffffff, #031329); --sem-on-status: light-dark(#ffffff, #ffffff); --sem-radius-card: 3px; --sem-radius-control: 2px; --sem-radius-full: 3px; --sem-radius-lg: 3px; --sem-radius-md: 2px; --sem-radius-sm: 2px; --sem-radius-xl: 4px; --sem-shadow-1: 0 0 #0000; --sem-shadow-2: 0 1px 0 0 light-dark(rgb(20 60 140 / 0.12), rgb(0 0 0 / 0.4)); --sem-shadow-3: 0 0 0 1px var(--sem-accent-7), 0 16px 40px -20px light-dark(rgb(10 40 100 / 0.35), rgb(0 0 0 / 0.8)); --sem-shadow-4: 0 0 0 1px var(--sem-accent-8), 0 28px 64px -24px light-dark(rgb(10 40 100 / 0.45), rgb(0 0 0 / 0.85)); --sem-shadow-raised: 0 1px 0 0 light-dark(rgb(20 60 140 / 0.1), rgb(0 0 0 / 0.35)); --sem-success-10: light-dark(#006d42, #309564); --sem-success-11: light-dark(#1a754b, #9cdcb6); --sem-success-3: light-dark(#e4f7eb, #172f22); --sem-success-4: light-dark(#d5f2e0, #193827); --sem-success-6: light-dark(#b6e7c9, #204d35); --sem-success-9: light-dark(#067d4d, #158353); --sem-surface-hover: light-dark(#e8f2ff, #152946); --sem-surface-overlay: light-dark(#fcfdfe, #152946); --sem-surface-sunken: light-dark(#f5f9fe, #051833); --sem-taskbar-size: 40px; --sem-taskbar-span: min(168px, 40vw); --sem-tooltip-bg: light-dark(#0b2540, #e6effe); --sem-tooltip-fg: light-dark(#fcfdfe, #051833); --sem-warning-10: light-dark(#f09c17, #ffbb69); --sem-warning-11: light-dark(#915c04, #f7bf7d); --sem-warning-3: light-dark(#ffeedc, #38240b); --sem-warning-4: light-dark(#fee5c9, #432a08); --sem-warning-6: light-dark(#fcd1a0, #5d3902); --sem-warning-9: light-dark(#fea92f, #faab3f); }
  [data-sem-theme="classic"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#000080, #9fb4ff); --sem-backdrop: var(--sem-canvas); --sem-border: light-dark(#808080, #5a5a64); --sem-canvas: light-dark(#c0c0c0, #2e2e35); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#8b0000, #ff9a9a); --sem-ease: steps(1, start); --sem-faint: light-dark(#707070, #8a8a94); --sem-font: Tahoma, 'Microsoft Sans Serif', 'MS Sans Serif', Geneva, Verdana, sans-serif; --sem-gradient: repeating-linear-gradient(90deg, var(--sem-accent-9) 0 9px, transparent 9px 11px); --sem-mark: linear-gradient(light-dark(#808080, #1c1c22), light-dark(#808080, #1c1c22)) top / 100% 1px no-repeat, linear-gradient(light-dark(#ffffff, #6a6a74), light-dark(#ffffff, #6a6a74)) bottom / 100% 1px no-repeat; --sem-mono: 'Fixedsys Excelsior', 'Lucida Console', 'Courier New', ui-monospace, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#3c3c3c, #c2c2ca); --sem-radius: 0; --sem-ring: 0 0 0 1px light-dark(#000000, #ffffff); --sem-scrim: transparent; --sem-shadow: 0 0 #0000; --sem-spring: steps(1, start); --sem-success: light-dark(#005000, #8fdc8f); --sem-surface: light-dark(#c0c0c0, #3c3c44); --sem-text: light-dark(#000000, #f2f2f2); --sem-accent-10: light-dark(#0000a8, #3e60b8); --sem-accent-11: light-dark(#000080, #9fb4ff); --sem-accent-12: light-dark(#00003c, #dde4ff); --sem-accent-1: light-dark(#f5f5ff, #10101e); --sem-accent-2: light-dark(#ececfc, #151530); --sem-accent-3: light-dark(#dedef6, #1b1b44); --sem-accent-4: light-dark(#cfcff0, #212156); --sem-accent-5: light-dark(#bdbde8, #282868); --sem-accent-6: light-dark(#a6a6dc, #30307c); --sem-accent-7: light-dark(#8a8acc, #3c3c96); --sem-accent-8: light-dark(#5f5fb0, #4c4cb4); --sem-accent-9: light-dark(#000080, #2f4fa0); --sem-accent-contrast: #ffffff; --sem-accent-soft: color-mix(in srgb, var(--sem-accent) 14%, transparent); --sem-accent-strong: light-dark(#00005c, #c4d0ff); --sem-border-strong: light-dark(#404040, #9a9aa4); --sem-code-bg: light-dark(#ffffff, #1c1c22); --sem-danger-10: light-dark(#a00000, #de3a3a); --sem-danger-11: light-dark(#8b0000, #ff9a9a); --sem-danger-3: light-dark(#ffe0e0, #3a1010); --sem-danger-4: light-dark(#ffd0d0, #471414); --sem-danger-6: light-dark(#e89090, #7a2424); --sem-danger-9: light-dark(#c00000, #c82020); --sem-display-case: none; --sem-display-tracking: 0; --sem-display-weight: 700; --sem-font-display: Tahoma, 'Microsoft Sans Serif', 'MS Sans Serif', Geneva, Verdana, sans-serif; --sem-font-features: normal; --sem-font-mono: 'Fixedsys Excelsior', 'Lucida Console', 'Courier New', ui-monospace, monospace; --sem-gradient-from: #000080; --sem-gradient-to: #1084d0; --sem-gray-10: light-dark(#707070, #84848e); --sem-gray-11: light-dark(#404040, #c2c2ca); --sem-gray-12: light-dark(#000000, #f4f4f4); --sem-gray-1: light-dark(#ffffff, #121216); --sem-gray-2: light-dark(#f4f4f4, #1a1a20); --sem-gray-3: light-dark(#e4e4e4, #24242b); --sem-gray-4: light-dark(#d8d8d8, #2c2c34); --sem-gray-5: light-dark(#cccccc, #34343c); --sem-gray-6: light-dark(#c0c0c0, #3c3c44); --sem-gray-7: light-dark(#a8a8a8, #4a4a54); --sem-gray-8: light-dark(#909090, #60606a); --sem-gray-9: light-dark(#808080, #74747e); --sem-info-10: light-dark(#003f80, #3e70c4); --sem-info-11: light-dark(#00307a, #9fbfff); --sem-info-3: light-dark(#e0e8ff, #141e3a); --sem-info-4: light-dark(#d0dcff, #18244a); --sem-info-6: light-dark(#8fa8e8, #243a78); --sem-info-9: light-dark(#0050a0, #2f5fb0); --sem-mark-height: 2px; --sem-mark-radius: 0; --sem-mark-width: 100%; --sem-on-accent: light-dark(#ffffff, #000000); --sem-on-status: #ffffff; --sem-radius-card: 0; --sem-radius-control: 0; --sem-radius-full: 0; --sem-radius-lg: 0; --sem-radius-md: 0; --sem-radius-sm: 0; --sem-radius-xl: 0; --sem-shadow-1: 0 0 #0000; --sem-shadow-2: 0 0 #0000; --sem-shadow-3: 1px 1px 0 light-dark(#000000, #000000); --sem-shadow-4: 1px 1px 0 light-dark(#000000, #000000); --sem-shadow-raised: 0 0 #0000; --sem-success-10: light-dark(#005a00, #2a8f2a); --sem-success-11: light-dark(#005000, #8fdc8f); --sem-success-3: light-dark(#dff2df, #122a12); --sem-success-4: light-dark(#cfe9cf, #163416); --sem-success-6: light-dark(#8fc88f, #245224); --sem-success-9: light-dark(#007000, #1f7a1f); --sem-surface-hover: light-dark(#d4d4d4, #48484f); --sem-surface-overlay: light-dark(#c0c0c0, #3c3c44); --sem-surface-sunken: light-dark(#ffffff, #1c1c22); --sem-taskbar-size: 34px; --sem-taskbar-span: min(168px, 40vw); --sem-tooltip-bg: light-dark(#ffffe1, #ffffe1); --sem-tooltip-fg: light-dark(#000000, #000000); --sem-warning-10: light-dark(#e6c200, #ffe033); --sem-warning-11: light-dark(#5c3f00, #ffe066); --sem-warning-3: light-dark(#fff6cc, #2e2a08); --sem-warning-4: light-dark(#ffefaa, #3a340a); --sem-warning-6: light-dark(#e0c060, #6b5f10); --sem-warning-9: light-dark(#ffd700, #ffd700); }
  [data-sem-theme="cupertino"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#0058b8, #4ea4ff); --sem-backdrop: radial-gradient(1100px 620px at 0% 0%, light-dark(#dfe8f8, #1a2233) 0%, transparent 62%), radial-gradient(900px 520px at 100% 0%, light-dark(#f1e4f0, #271d2a) 0%, transparent 58%), var(--sem-canvas); --sem-border: light-dark(#e3e3e3, #38383a); --sem-canvas: light-dark(#ececec, #1e1e1e); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#c0000f, #ff8a85); --sem-ease: cubic-bezier(0.25, 0.1, 0.25, 1); --sem-faint: light-dark(#a1a1a6, #6e6e73); --sem-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', system-ui, sans-serif; --sem-gradient: linear-gradient(180deg, color-mix(in srgb, var(--sem-accent-9) 80%, white), var(--sem-accent-9)); --sem-mark: transparent; --sem-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#636366, #a1a1a6); --sem-radius: 8px; --sem-ring: 0 0 0 3.5px color-mix(in srgb, var(--sem-accent-9) 45%, transparent); --sem-scrim: light-dark(rgb(0 0 0 / 0.18), rgb(0 0 0 / 0.45)); --sem-shadow: 0 0 0 0.5px light-dark(rgb(0 0 0 / 0.14), rgb(255 255 255 / 0.1)), 0 1px 1.5px light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.5)); --sem-spring: cubic-bezier(0.32, 1.25, 0.5, 1); --sem-success: light-dark(#156b2e, #5fd57a); --sem-surface: light-dark(#ffffff, #262628); --sem-text: light-dark(#1d1d1f, #f5f5f7); --sem-accent-10: light-dark(#0062cc, #1a7cf0); --sem-accent-11: light-dark(#0058b8, #7cbcff); --sem-accent-12: light-dark(#00244d, #d6eaff); --sem-accent-1: light-dark(#fbfdff, #0b1320); --sem-accent-2: light-dark(#f2f8ff, #0f1a2b); --sem-accent-3: light-dark(#e6f1ff, #10243f); --sem-accent-4: light-dark(#d6e8ff, #122d52); --sem-accent-5: light-dark(#c4ddff, #153763); --sem-accent-6: light-dark(#add0ff, #1a4277); --sem-accent-7: light-dark(#8fbcff, #1f5294); --sem-accent-8: light-dark(#64a2fb, #2766b8); --sem-accent-9: light-dark(#006ee6, #0a6fdc); --sem-accent-contrast: #ffffff; --sem-accent-soft: color-mix(in srgb, var(--sem-accent) 14%, transparent); --sem-accent-strong: light-dark(#004a9c, #7cbcff); --sem-border-strong: light-dark(#c8c8c8, #4a4a4c); --sem-code-bg: light-dark(#f5f5f7, #1a1a1c); --sem-danger-10: light-dark(#bf0012, #f04a52); --sem-danger-11: light-dark(#c0000f, #ff8a85); --sem-danger-3: light-dark(#ffe9ea, #3a1416); --sem-danger-4: light-dark(#ffd9dc, #47181b); --sem-danger-6: light-dark(#f5b0b6, #7a2a30); --sem-danger-9: light-dark(#d70015, #e0262f); --sem-display-case: none; --sem-display-tracking: -0.022em; --sem-display-weight: 700; --sem-font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Segoe UI', system-ui, sans-serif; --sem-font-features: normal; --sem-font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace; --sem-gradient-from: #5ac8fa; --sem-gradient-to: #0a6fdc; --sem-gray-10: light-dark(#838388, #7c7c80); --sem-gray-11: light-dark(#636366, #aeaeb2); --sem-gray-12: light-dark(#1d1d1f, #f5f5f7); --sem-gray-1: light-dark(#fcfcfc, #161618); --sem-gray-2: light-dark(#f6f6f6, #1c1c1e); --sem-gray-3: light-dark(#efefef, #232325); --sem-gray-4: light-dark(#e8e8e8, #2c2c2e); --sem-gray-5: light-dark(#e1e1e1, #333336); --sem-gray-6: light-dark(#d8d8d8, #3a3a3c); --sem-gray-7: light-dark(#cbcbcb, #48484a); --sem-gray-8: light-dark(#b3b3b3, #636366); --sem-gray-9: light-dark(#8e8e93, #737378); --sem-info-10: light-dark(#0058b8, #1a7cf0); --sem-info-11: light-dark(#0058b8, #6cb4ff); --sem-info-3: light-dark(#e6f1ff, #0e2238); --sem-info-4: light-dark(#d6e8ff, #132c4a); --sem-info-6: light-dark(#a9cdfb, #1d4a7a); --sem-info-9: light-dark(#0064d2, #0a6fdc); --sem-mark-height: 0px; --sem-mark-radius: 0; --sem-mark-width: 0px; --sem-on-accent: light-dark(#ffffff, #0b0b0d); --sem-on-status: #ffffff; --sem-radius-card: 10px; --sem-radius-control: 6px; --sem-radius-full: 999px; --sem-radius-lg: 10px; --sem-radius-md: 7px; --sem-radius-sm: 5px; --sem-radius-xl: 12px; --sem-shadow-1: 0 0 0 0.5px light-dark(rgb(0 0 0 / 0.07), rgb(255 255 255 / 0.07)), 0 1px 2px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.4)); --sem-shadow-2: 0 0 0 0.5px light-dark(rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08)), 0 4px 14px light-dark(rgb(0 0 0 / 0.08), rgb(0 0 0 / 0.5)); --sem-shadow-3: 0 0 0 0.5px light-dark(rgb(0 0 0 / 0.12), rgb(255 255 255 / 0.12)), 0 10px 30px light-dark(rgb(0 0 0 / 0.18), rgb(0 0 0 / 0.6)); --sem-shadow-4: 0 0 0 0.5px light-dark(rgb(0 0 0 / 0.16), rgb(255 255 255 / 0.14)), 0 22px 70px 4px light-dark(rgb(0 0 0 / 0.32), rgb(0 0 0 / 0.7)); --sem-shadow-raised: 0 0 0 0.5px light-dark(rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08)), 0 2px 8px light-dark(rgb(0 0 0 / 0.06), rgb(0 0 0 / 0.45)); --sem-success-10: light-dark(#166e30, #249141); --sem-success-11: light-dark(#156b2e, #5fd57a); --sem-success-3: light-dark(#e3f6e8, #0e2616); --sem-success-4: light-dark(#d0efda, #12301c); --sem-success-6: light-dark(#9fdcb0, #1e5a33); --sem-success-9: light-dark(#1a7f37, #1e7f38); --sem-surface-hover: light-dark(#f0f0f0, #2f2f31); --sem-surface-overlay: light-dark(#fbfbfb, #2a2a2c); --sem-surface-sunken: light-dark(#f5f5f5, #1a1a1c); --sem-taskbar-size: 72px; --sem-taskbar-span: 84px; --sem-tooltip-bg: light-dark(#f6f6f6, #3a3a3c); --sem-tooltip-fg: light-dark(#1d1d1f, #f5f5f7); --sem-warning-10: light-dark(#e29512, #ffc366); --sem-warning-11: light-dark(#8a5300, #ffc552); --sem-warning-3: light-dark(#fff4d6, #2e2310); --sem-warning-4: light-dark(#ffecbd, #3a2c12); --sem-warning-6: light-dark(#f5d27a, #6b4d14); --sem-warning-9: light-dark(#f5a524, #ffb340); }
  [data-sem-theme="doodle"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#1d4ed8, #ffd866); --sem-backdrop: linear-gradient(90deg, transparent 0 46px, light-dark(rgb(220 80 80 / 0.35), transparent) 46px 48px, transparent 48px), repeating-linear-gradient(180deg, transparent 0 27px, light-dark(rgb(60 110 200 / 0.16), rgb(255 255 255 / 0.035)) 27px 28px), radial-gradient(900px 500px at 70% 10%, light-dark(rgb(255 255 255 / 0.6), rgb(255 255 255 / 0.05)), transparent 70%), var(--sem-canvas); --sem-border: light-dark(#cfc6ae, #4a6055); --sem-canvas: light-dark(#f7f3e6, #1d2924); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#a31f1f, #ffb3a9); --sem-ease: cubic-bezier(0.34, 1.7, 0.6, 1); --sem-faint: light-dark(#9a907a, #74897e); --sem-font: 'Comic Neue', 'Patrick Hand', 'Segoe Print', 'Chalkboard SE', 'Comic Sans MS', 'Bradley Hand', cursive; --sem-gradient: repeating-linear-gradient(-45deg, var(--sem-accent) 0 3px, transparent 3px 7px); --sem-mark: linear-gradient(100deg, transparent 2%, light-dark(rgb(255 214 0 / 0.75), rgb(255 216 102 / 0.55)) 4% 94%, transparent 97%); --sem-mono: 'Courier Prime', 'American Typewriter', 'Courier New', ui-monospace, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#5b5446, #c0c8bf); --sem-radius: 255px 15px 225px 15px / 15px 225px 15px 255px; --sem-ring: 0 0 0 2px var(--sem-surface), 0 0 0 4px var(--sem-accent); --sem-scrim: light-dark(rgb(60 50 30 / 0.2), rgb(0 0 0 / 0.5)); --sem-shadow: 2px 3px 0 light-dark(rgb(27 35 64 / 0.85), rgb(241 240 232 / 0.55)); --sem-spring: cubic-bezier(0.34, 1.9, 0.6, 1); --sem-success: light-dark(#24652a, #a8e2ac); --sem-surface: light-dark(#fffdf5, #24332c); --sem-text: light-dark(#1b2340, #f1f0e8); --sem-accent-10: light-dark(#1a43bb, #ffe28a); --sem-accent-11: light-dark(#1d4ed8, #ffe28a); --sem-accent-12: light-dark(#0c1f5c, #fff4cc); --sem-accent-1: light-dark(#fafbff, #22261a); --sem-accent-2: light-dark(#f1f4ff, #2a2f1c); --sem-accent-3: light-dark(#e4eaff, #38391e); --sem-accent-4: light-dark(#d5ddff, #43431f); --sem-accent-5: light-dark(#c3cffc, #4f4d22); --sem-accent-6: light-dark(#acbdf7, #5f5c27); --sem-accent-7: light-dark(#8ea3f0, #787331); --sem-accent-8: light-dark(#6481e6, #9a943f); --sem-accent-9: light-dark(#1d4ed8, #ffd866); --sem-accent-contrast: light-dark(#ffffff, #1b1f12); --sem-accent-soft: color-mix(in srgb, var(--sem-accent) 16%, transparent); --sem-accent-strong: light-dark(#1a43bb, #ffe28a); --sem-border-strong: light-dark(#1b2340, #e6e4d8); --sem-code-bg: light-dark(#f4efdf, #1a241f); --sem-danger-10: light-dark(#ad2020, #ffb3a9); --sem-danger-11: light-dark(#a31f1f, #ffb3a9); --sem-danger-3: light-dark(#fde4e1, #3a2222); --sem-danger-4: light-dark(#fbd3ce, #462828); --sem-danger-6: light-dark(#f0a69d, #6b3a38); --sem-danger-9: light-dark(#c62828, #ff9b8f); --sem-display-case: none; --sem-display-tracking: 0.01em; --sem-display-weight: 400; --sem-font-display: 'Permanent Marker', 'Marker Felt', 'Segoe Print', 'Chalkboard SE', 'Comic Sans MS', cursive; --sem-font-features: normal; --sem-font-mono: 'Courier Prime', 'American Typewriter', 'Courier New', ui-monospace, monospace; --sem-gradient-from: light-dark(#1d4ed8, #ffd866); --sem-gradient-to: light-dark(#c62828, #8ab4f8); --sem-gray-10: light-dark(#776e57, #84978c); --sem-gray-11: light-dark(#4f4838, #c0c8bf); --sem-gray-12: light-dark(#1b2340, #f1f0e8); --sem-gray-1: light-dark(#fffdf5, #18211d); --sem-gray-2: light-dark(#fbf8ec, #1d2924); --sem-gray-3: light-dark(#f4efdf, #24332c); --sem-gray-4: light-dark(#ece6d3, #2b3b33); --sem-gray-5: light-dark(#e4dcc6, #32443b); --sem-gray-6: light-dark(#d8cfb6, #3b4f45); --sem-gray-7: light-dark(#c6bc9f, #4a6055); --sem-gray-8: light-dark(#aa9f82, #5f766a); --sem-gray-9: light-dark(#857b62, #74897e); --sem-info-10: light-dark(#1a52a5, #a6c6fa); --sem-info-11: light-dark(#1a4fa0, #a6c6fa); --sem-info-3: light-dark(#e4eaff, #1e2b3a); --sem-info-4: light-dark(#d5ddff, #223246); --sem-info-6: light-dark(#acbdf7, #2e4a66); --sem-info-9: light-dark(#1f5fbf, #8ab4f8); --sem-mark-height: 9px; --sem-mark-radius: 40% 60% 55% 45% / 60% 40% 60% 40%; --sem-mark-width: 72%; --sem-on-accent: light-dark(#ffffff, #1d2924); --sem-on-status: light-dark(#ffffff, #141a16); --sem-radius-card: 125px 10px 20px 185px / 25px 205px 205px 25px; --sem-radius-control: 255px 15px 225px 15px / 15px 225px 15px 255px; --sem-radius-full: 999px; --sem-radius-lg: 125px 10px 20px 185px / 25px 205px 205px 25px; --sem-radius-md: 255px 15px 225px 15px / 15px 225px 15px 255px; --sem-radius-sm: 15px 255px 15px 225px / 225px 15px 255px 15px; --sem-radius-xl: 185px 25px 145px 20px / 20px 165px 25px 205px; --sem-shadow-1: 2px 3px 0 light-dark(rgb(27 35 64 / 0.12), rgb(0 0 0 / 0.3)); --sem-shadow-2: 3px 4px 0 light-dark(rgb(27 35 64 / 0.18), rgb(0 0 0 / 0.35)); --sem-shadow-3: 5px 6px 0 light-dark(rgb(27 35 64 / 0.22), rgb(0 0 0 / 0.4)); --sem-shadow-4: 7px 8px 0 light-dark(rgb(27 35 64 / 0.25), rgb(0 0 0 / 0.45)); --sem-shadow-raised: 3px 4px 0 light-dark(rgb(27 35 64 / 0.18), rgb(0 0 0 / 0.35)); --sem-success-10: light-dark(#276b2b, #a8e2ac); --sem-success-11: light-dark(#24652a, #a8e2ac); --sem-success-3: light-dark(#e3f3e1, #1f3322); --sem-success-4: light-dark(#d3ecd0, #243c27); --sem-success-6: light-dark(#a8d8a2, #335a37); --sem-success-9: light-dark(#2e7d32, #8fd694); --sem-surface-hover: light-dark(#f1ecd9, #2b3b33); --sem-surface-overlay: light-dark(#fffdf5, #2a3a32); --sem-surface-sunken: light-dark(#f4efdf, #1a241f); --sem-taskbar-size: 40px; --sem-taskbar-span: min(168px, 40vw); --sem-tooltip-bg: light-dark(#fff3a0, #fff3a0); --sem-tooltip-fg: light-dark(#1b1b10, #1b1b10); --sem-warning-10: light-dark(#dba600, #ffe28a); --sem-warning-11: light-dark(#6e4b00, #ffe28a); --sem-warning-3: light-dark(#fff3c4, #3a3418); --sem-warning-4: light-dark(#ffeba1, #45401a); --sem-warning-6: light-dark(#f0d070, #6b6224); --sem-warning-9: light-dark(#f2b705, #ffd866); }
  [data-sem-theme="fluent"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#005fb8, #99ebff); --sem-backdrop: radial-gradient(1200px 700px at 8% -12%, light-dark(#dde6f5, #1b2534) 0%, transparent 62%), radial-gradient(1000px 620px at 100% 0%, light-dark(#ebe5f3, #252030) 0%, transparent 56%), var(--sem-canvas); --sem-border: light-dark(#e3e3e6, #3b3b3e); --sem-canvas: light-dark(#eff1f6, #202227); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#c42b1c, #ff99a4); --sem-ease: cubic-bezier(0, 0, 0, 1); --sem-faint: light-dark(#8a8a8a, #8a8a8a); --sem-font: 'Segoe UI Variable Text', 'Segoe UI Variable', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', sans-serif; --sem-gradient: linear-gradient(90deg, var(--sem-accent-9), var(--sem-accent-9)); --sem-mark: var(--sem-accent-9); --sem-mono: 'Cascadia Mono', 'Cascadia Code', Consolas, ui-monospace, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#5d5d5d, #c5c5c5); --sem-radius: 4px; --sem-ring: 0 0 #0000; --sem-scrim: light-dark(rgb(0 0 0 / 0.3), rgb(0 0 0 / 0.45)); --sem-shadow: 0 1px 2px light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.2)); --sem-spring: cubic-bezier(0.1, 0.9, 0.2, 1); --sem-success: light-dark(#0f7b0f, #6ccb5f); --sem-surface: light-dark(#fbfbfc, #2b2b2d); --sem-text: light-dark(#1b1b1b, #ffffff); --sem-accent-10: light-dark(#196ebf, #75d3ff); --sem-accent-11: light-dark(#00539f, #99ebff); --sem-accent-12: light-dark(#001d47, #d9f6ff); --sem-accent-1: light-dark(#f7fbff, #0c1621); --sem-accent-2: light-dark(#eef6fe, #0f1c2b); --sem-accent-3: light-dark(#e0eefc, #12283d); --sem-accent-4: light-dark(#cfe4fa, #15324d); --sem-accent-5: light-dark(#bad8f7, #193d5f); --sem-accent-6: light-dark(#a0c8f2, #1e4b73); --sem-accent-7: light-dark(#7fb3ea, #255d8c); --sem-accent-8: light-dark(#4f94dc, #2f75ad); --sem-accent-9: light-dark(#005fb8, #60cdff); --sem-accent-contrast: light-dark(#ffffff, #000000); --sem-accent-soft: color-mix(in srgb, var(--sem-accent-9) 12%, transparent); --sem-accent-strong: light-dark(#004c94, #c2f3ff); --sem-border-strong: light-dark(#c4c4c8, #5a5a5e); --sem-code-bg: light-dark(#f7f8fa, #1d1d1f); --sem-danger-10: light-dark(#b02619, #ffadb6); --sem-danger-11: light-dark(#c42b1c, #ff99a4); --sem-danger-3: light-dark(#fde7e9, #3d2423); --sem-danger-4: light-dark(#fbd5d9, #4a2a29); --sem-danger-6: light-dark(#f1a3aa, #7a3b3a); --sem-danger-9: light-dark(#c42b1c, #ff99a4); --sem-display-case: none; --sem-display-tracking: 0; --sem-display-weight: 600; --sem-font-display: 'Segoe UI Variable Display', 'Segoe UI Variable', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', sans-serif; --sem-font-features: normal; --sem-font-mono: 'Cascadia Mono', 'Cascadia Code', Consolas, ui-monospace, monospace; --sem-gradient-from: light-dark(#0078d4, #60cdff); --sem-gradient-to: light-dark(#005fb8, #0078d4); --sem-gray-10: light-dark(#7a7a7a, #848484); --sem-gray-11: light-dark(#5d5d5d, #c5c5c5); --sem-gray-12: light-dark(#1b1b1b, #ffffff); --sem-gray-1: light-dark(#ffffff, #1c1c1c); --sem-gray-2: light-dark(#fafafa, #202020); --sem-gray-3: light-dark(#f3f3f3, #282828); --sem-gray-4: light-dark(#ebebeb, #2d2d2d); --sem-gray-5: light-dark(#e5e5e5, #323232); --sem-gray-6: light-dark(#dcdcdc, #3a3a3a); --sem-gray-7: light-dark(#cccccc, #454545); --sem-gray-8: light-dark(#b4b4b4, #5c5c5c); --sem-gray-9: light-dark(#8a8a8a, #737373); --sem-info-10: light-dark(#196ebf, #75d3ff); --sem-info-11: light-dark(#005fb8, #99ebff); --sem-info-3: light-dark(#e6f1fb, #142636); --sem-info-4: light-dark(#d4e7f8, #183047); --sem-info-6: light-dark(#9cc6ee, #23507a); --sem-info-9: light-dark(#005fb8, #60cdff); --sem-mark-height: 3px; --sem-mark-radius: 2px; --sem-mark-width: 16px; --sem-on-accent: light-dark(#ffffff, #000000); --sem-on-status: light-dark(#ffffff, #000000); --sem-radius-card: 8px; --sem-radius-control: 4px; --sem-radius-full: 999px; --sem-radius-lg: 8px; --sem-radius-md: 4px; --sem-radius-sm: 4px; --sem-radius-xl: 8px; --sem-shadow-1: 0 1px 2px light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.2)); --sem-shadow-2: 0 2px 4px light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.26)), 0 4px 8px light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.2)); --sem-shadow-3: 0 8px 16px light-dark(rgb(0 0 0 / 0.14), rgb(0 0 0 / 0.26)); --sem-shadow-4: 0 32px 64px light-dark(rgb(0 0 0 / 0.19), rgb(0 0 0 / 0.37)), 0 2px 21px light-dark(rgb(0 0 0 / 0.15), rgb(0 0 0 / 0.37)); --sem-shadow-raised: 0 2px 4px light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.26)); --sem-success-10: light-dark(#0e6f0e, #7fd673); --sem-success-11: light-dark(#0f7b0f, #6ccb5f); --sem-success-3: light-dark(#dff6dd, #2a331a); --sem-success-4: light-dark(#cdeec9, #313d1e); --sem-success-6: light-dark(#96d38e, #4f6f2c); --sem-success-9: light-dark(#0f7b0f, #6ccb5f); --sem-surface-hover: light-dark(#f2f3f5, #323234); --sem-surface-overlay: light-dark(#fcfcfc, #2c2c2e); --sem-surface-sunken: light-dark(#f7f8fa, #1d1d1f); --sem-taskbar-size: 49px; --sem-taskbar-span: 58px; --sem-tooltip-bg: light-dark(#f9f9f9, #2c2c2c); --sem-tooltip-fg: light-dark(#1b1b1b, #ffffff); --sem-warning-10: light-dark(#e8cf00, #fde93d); --sem-warning-11: light-dark(#9d5d00, #fce100); --sem-warning-3: light-dark(#fff4ce, #3a2f17); --sem-warning-4: light-dark(#ffecb0, #45381b); --sem-warning-6: light-dark(#f5d27a, #6b5313); --sem-warning-9: light-dark(#fce100, #fce100); }
  [data-sem-theme="paper"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#ad2f22, #cc624a); --sem-backdrop: var(--sem-canvas); --sem-border: light-dark(#dcd9d0, #302c28); --sem-canvas: light-dark(#f4f1e8, #110e0a); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#aa3332, #ffb4b1); --sem-ease: cubic-bezier(0.4, 0, 0.2, 1); --sem-faint: light-dark(#8f8c83, #605b57); --sem-font: ui-serif, 'New York', 'Iowan Old Style', Charter, Georgia, Cambria, serif; --sem-gradient: linear-gradient(90deg, var(--sem-accent), var(--sem-accent)); --sem-mark: linear-gradient(var(--sem-text), var(--sem-text)) top / 100% 2px no-repeat, linear-gradient(var(--sem-text), var(--sem-text)) bottom / 100% 1px no-repeat; --sem-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#66635c, #c4bcb4); --sem-radius: 3px; --sem-ring: 0 0 0 2px var(--sem-surface), 0 0 0 3.5px var(--sem-accent); --sem-scrim: light-dark(rgb(40 30 15 / 0.28), rgb(0 0 0 / 0.6)); --sem-shadow: 0 1px 0 light-dark(rgb(60 45 20 / 0.06), rgb(0 0 0 / 0.4)); --sem-spring: cubic-bezier(0.4, 0, 0.2, 1); --sem-success: light-dark(#1a754b, #9cdcb6); --sem-surface: light-dark(#fffdf6, #181411); --sem-text: light-dark(#211f19, #f5ede5); --sem-accent-10: light-dark(#9c1c10, #cc624a); --sem-accent-11: light-dark(#a23e31, #feb6a5); --sem-accent-12: light-dark(#47110b, #ffe9e4); --sem-accent-1: light-dark(#fefcfc, #160b09); --sem-accent-2: light-dark(#fef6f5, #20100c); --sem-accent-3: light-dark(#feedea, #30160f); --sem-accent-4: light-dark(#fee3de, #3c1a12); --sem-accent-5: light-dark(#fed8d1, #481f15); --sem-accent-6: light-dark(#feccc3, #57261b); --sem-accent-7: light-dark(#febbaf, #6d3325); --sem-accent-8: light-dark(#fe9c8c, #8e4332); --sem-accent-9: light-dark(#ad2f22, #b85039); --sem-accent-contrast: light-dark(#ffffff, #ffffff); --sem-accent-soft: color-mix(in oklab, var(--sem-accent) 13%, transparent); --sem-accent-strong: light-dark(#9c1c10, #feb6a5); --sem-border-strong: light-dark(#bdbab1, #4a4641); --sem-code-bg: light-dark(#fbf8ef, #110e0a); --sem-danger-10: light-dark(#b71824, #dd5559); --sem-danger-11: light-dark(#aa3332, #ffb4b1); --sem-danger-3: light-dark(#ffecea, #331212); --sem-danger-4: light-dark(#fee2df, #401516); --sem-danger-6: light-dark(#fecbc6, #5d1f20); --sem-danger-9: light-dark(#c92f33, #c84247); --sem-display-case: none; --sem-display-tracking: -0.012em; --sem-display-weight: 600; --sem-font-display: ui-serif, 'New York', 'Iowan Old Style', Charter, Georgia, Cambria, serif; --sem-font-features: 'kern', 'liga'; --sem-font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --sem-gradient-from: var(--sem-text); --sem-gradient-to: var(--sem-accent); --sem-gray-10: light-dark(#807d75, #847f7b); --sem-gray-11: light-dark(#66635c, #c4bcb4); --sem-gray-12: light-dark(#211f19, #f5ede5); --sem-gray-1: light-dark(#fffdf6, #110e0a); --sem-gray-2: light-dark(#fbf8ef, #181411); --sem-gray-3: light-dark(#f4f1e8, #211d1a); --sem-gray-4: light-dark(#edeae0, #282521); --sem-gray-5: light-dark(#e5e2d9, #302c28); --sem-gray-6: light-dark(#dcd9d0, #3a3632); --sem-gray-7: light-dark(#d1cec4, #4a4641); --sem-gray-8: light-dark(#bdbab1, #605b57); --sem-gray-9: light-dark(#8f8c83, #75716c); --sem-info-10: light-dark(#0465a0, #168dd9); --sem-info-11: light-dark(#0268a5, #9cd1ff); --sem-info-3: light-dark(#e7f3fe, #072033); --sem-info-4: light-dark(#d9edfe, #052740); --sem-info-6: light-dark(#badefe, #043a5d); --sem-info-9: light-dark(#0074b8, #037ac0); --sem-mark-height: 5px; --sem-mark-radius: 0; --sem-mark-width: 100%; --sem-on-accent: light-dark(#ffffff, #110e0a); --sem-on-status: light-dark(#ffffff, #ffffff); --sem-radius-card: 4px; --sem-radius-control: 3px; --sem-radius-full: 999px; --sem-radius-lg: 4px; --sem-radius-md: 3px; --sem-radius-sm: 2px; --sem-radius-xl: 6px; --sem-shadow-1: 0 1px 0 light-dark(rgb(60 45 20 / 0.05), rgb(0 0 0 / 0.35)); --sem-shadow-2: 0 1px 0 light-dark(rgb(60 45 20 / 0.07), rgb(0 0 0 / 0.4)), 0 8px 18px -12px light-dark(rgb(60 45 20 / 0.22), rgb(0 0 0 / 0.6)); --sem-shadow-3: 0 0 0 1px light-dark(rgb(60 45 20 / 0.16), rgb(255 240 210 / 0.1)), 0 14px 32px -14px light-dark(rgb(60 45 20 / 0.3), rgb(0 0 0 / 0.7)); --sem-shadow-4: 0 0 0 1px light-dark(rgb(60 45 20 / 0.18), rgb(255 240 210 / 0.12)), 0 24px 56px -18px light-dark(rgb(60 45 20 / 0.36), rgb(0 0 0 / 0.8)); --sem-shadow-raised: 0 1px 0 light-dark(rgb(60 45 20 / 0.08), rgb(0 0 0 / 0.45)); --sem-success-10: light-dark(#006d42, #309564); --sem-success-11: light-dark(#1a754b, #9cdcb6); --sem-success-3: light-dark(#e4f7eb, #0c2417); --sem-success-4: light-dark(#d5f2e0, #0d2c1c); --sem-success-6: light-dark(#b6e7c9, #12412a); --sem-success-9: light-dark(#067d4d, #158353); --sem-surface-hover: light-dark(#f4f1e8, #211d1a); --sem-surface-overlay: light-dark(#fffdf6, #211d1a); --sem-surface-sunken: light-dark(#fbf8ef, #110e0a); --sem-taskbar-size: 40px; --sem-taskbar-span: min(168px, 40vw); --sem-tooltip-bg: light-dark(#211f19, #f5ede5); --sem-tooltip-fg: light-dark(#fffdf6, #110e0a); --sem-warning-10: light-dark(#f09c17, #ffbb69); --sem-warning-11: light-dark(#915c04, #f7bf7d); --sem-warning-3: light-dark(#ffeedc, #2c1902); --sem-warning-4: light-dark(#fee5c9, #362001); --sem-warning-6: light-dark(#fcd1a0, #4e2f02); --sem-warning-9: light-dark(#fea92f, #faab3f); }
  [data-sem-theme="semblance"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#5b4cf0, #8f86ff); --sem-backdrop: radial-gradient(1200px 500px at 15% -10%, light-dark(#ebe8ff, #1c1840) 0%, transparent 60%), radial-gradient(900px 400px at 100% 0%, light-dark(#ffe9f5, #2a1326) 0%, transparent 55%), light-dark(#f5f5f9, #0c0c11); --sem-border: light-dark(#e8e8f0, #26262f); --sem-canvas: var(--sem-gray-2); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#e0344a, #ff7a8a); --sem-ease: cubic-bezier(0.2, 0, 0, 1); --sem-faint: light-dark(#a3a3b2, #5d5d6c); --sem-font: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; --sem-gradient: linear-gradient(90deg, var(--sem-accent), #ff7ac6); --sem-mark: linear-gradient(90deg, var(--sem-accent), color-mix(in oklab, var(--sem-accent) 30%, #ff7ac6)); --sem-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#6b6b7b, #9898a8); --sem-radius: 12px; --sem-ring: 0 0 0 4px color-mix(in oklab, var(--sem-accent) 22%, transparent); --sem-scrim: light-dark(rgb(20 18 40 / 0.32), rgb(0 0 0 / 0.6)); --sem-shadow: 0 1px 2px light-dark(rgb(17 17 34 / 0.06), rgb(0 0 0 / 0.5)); --sem-spring: cubic-bezier(0.34, 1.4, 0.64, 1); --sem-success: light-dark(#12a37a, #4fd8a8); --sem-surface: light-dark(#ffffff, #17171c); --sem-text: light-dark(#16161d, #f2f2f7); --sem-accent-10: light-dark(#4f40e0, #8b7dff); --sem-accent-11: light-dark(#4b3cc9, #b2a8ff); --sem-accent-12: light-dark(#231a63, #e2ddff); --sem-accent-1: light-dark(#fdfcff, #14121f); --sem-accent-2: light-dark(#f8f6ff, #1a1729); --sem-accent-3: light-dark(#f0edff, #251f45); --sem-accent-4: light-dark(#e5e0ff, #2c235a); --sem-accent-5: light-dark(#d9d2ff, #342a69); --sem-accent-6: light-dark(#c9bfff, #3e3379); --sem-accent-7: light-dark(#b3a6fb, #4b3f92); --sem-accent-8: light-dark(#9787f5, #5d4fb5); --sem-accent-9: light-dark(#5b4cf0, #7c6cf6); --sem-accent-contrast: #ffffff; --sem-accent-soft: color-mix(in oklab, var(--sem-accent) 13%, transparent); --sem-accent-strong: light-dark(#4535d6, #a49dff); --sem-border-strong: light-dark(#d4d4e0, #3a3a46); --sem-code-bg: light-dark(#f7f7fb, #0f0f15); --sem-danger-10: light-dark(#c92a3f, #ff7a8a); --sem-danger-11: light-dark(#c0263a, #ffa3ae); --sem-danger-3: light-dark(#ffe8eb, #3a1419); --sem-danger-4: light-dark(#ffd9de, #47181f); --sem-danger-6: light-dark(#f5b0b9, #7a2a36); --sem-danger-9: light-dark(#e0344a, #ec4f63); --sem-display-case: none; --sem-display-tracking: -0.025em; --sem-display-weight: 700; --sem-font-display: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; --sem-font-features: 'cv11', 'ss01', 'ss03'; --sem-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --sem-gradient-from: #8f86ff; --sem-gradient-to: #ff7ac6; --sem-gray-10: light-dark(#7d7d91, #7a7a8b); --sem-gray-11: light-dark(#5f5f72, #a8a8b8); --sem-gray-12: light-dark(#1b1b26, #ededf3); --sem-gray-1: light-dark(#fcfcfd, #111116); --sem-gray-2: light-dark(#f8f8fb, #17171d); --sem-gray-3: light-dark(#f0f0f5, #1f1f27); --sem-gray-4: light-dark(#e8e8ef, #26262f); --sem-gray-5: light-dark(#e0e0e9, #2d2d37); --sem-gray-6: light-dark(#d6d6e1, #353541); --sem-gray-7: light-dark(#c8c8d5, #43434f); --sem-gray-8: light-dark(#aeaec0, #5a5a69); --sem-gray-9: light-dark(#8a8a9e, #6b6b7c); --sem-info-10: light-dark(#0a66c4, #5aa0f5); --sem-info-11: light-dark(#0b5cad, #8ec2ff); --sem-info-3: light-dark(#e6f1ff, #10233d); --sem-info-4: light-dark(#d6e8ff, #142c4d); --sem-info-6: light-dark(#a9cdfb, #1d4a7a); --sem-info-9: light-dark(#0b74de, #3b8ef0); --sem-mark-height: 3px; --sem-mark-radius: 3px; --sem-mark-width: 28px; --sem-on-accent: light-dark(#ffffff, #0e0b26); --sem-on-status: #ffffff; --sem-radius-card: 18px; --sem-radius-control: 10px; --sem-radius-full: 999px; --sem-radius-lg: 14px; --sem-radius-md: 10px; --sem-radius-sm: 6px; --sem-radius-xl: 20px; --sem-shadow-1: 0 1px 2px light-dark(rgb(17 17 34 / 0.06), rgb(0 0 0 / 0.5)); --sem-shadow-2: 0 1px 1px light-dark(rgb(17 17 34 / 0.04), rgb(0 0 0 / 0.4)), 0 12px 32px -12px light-dark(rgb(30 27 75 / 0.18), rgb(0 0 0 / 0.65)); --sem-shadow-3: 0 0 0 1px light-dark(rgb(17 17 34 / 0.06), rgb(255 255 255 / 0.06)), 0 18px 48px -12px light-dark(rgb(30 27 75 / 0.28), rgb(0 0 0 / 0.75)); --sem-shadow-4: 0 0 0 1px light-dark(rgb(17 17 34 / 0.08), rgb(255 255 255 / 0.08)), 0 32px 80px -16px light-dark(rgb(30 27 75 / 0.38), rgb(0 0 0 / 0.85)); --sem-shadow-raised: 0 1px 1px light-dark(rgb(17 17 34 / 0.04), rgb(0 0 0 / 0.4)), 0 12px 32px -12px light-dark(rgb(30 27 75 / 0.18), rgb(0 0 0 / 0.65)); --sem-success-10: light-dark(#0f916c, #4fd8a8); --sem-success-11: light-dark(#0a7a59, #7fe8c1); --sem-success-3: light-dark(#e3f7ee, #0f2a20); --sem-success-4: light-dark(#d0f0e2, #123427); --sem-success-6: light-dark(#9edfc2, #1d5a43); --sem-success-9: light-dark(#12a37a, #2bbf8f); --sem-surface-hover: light-dark(#f4f4fb, #1f1f27); --sem-surface-overlay: light-dark(#ffffff, #1c1c23); --sem-surface-sunken: light-dark(#f6f6fa, #111116); --sem-taskbar-size: 40px; --sem-taskbar-span: min(168px, 40vw); --sem-tooltip-bg: light-dark(#1c1b2e, #f2f2f7); --sem-tooltip-fg: light-dark(#f2f2f7, #16161d); --sem-warning-10: light-dark(#e29512, #ffb84d); --sem-warning-11: light-dark(#a35c00, #ffcf7a); --sem-warning-3: light-dark(#fff4d6, #2e2310); --sem-warning-4: light-dark(#ffecbd, #3a2c12); --sem-warning-6: light-dark(#f5d27a, #6b4d14); --sem-warning-9: light-dark(#f5a524, #f5a524); }
  [data-sem-theme="sunset"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#cb1863, #ea5489); --sem-backdrop: radial-gradient(900px 480px at 0% 0%, light-dark(#ffe1cc, #3b1430) 0%, transparent 60%), radial-gradient(800px 420px at 100% 0%, light-dark(#ffd8ee, #2a1446) 0%, transparent 55%), var(--sem-canvas); --sem-border: light-dark(#ecdfde, #2e202c); --sem-canvas: light-dark(#fef6f6, #160914); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#aa3332, #ffb4b1); --sem-ease: cubic-bezier(0.3, 1.25, 0.5, 1); --sem-faint: light-dark(#958989, #665664); --sem-font: ui-rounded, 'SF Pro Rounded', 'Nunito', 'Varela Round', 'Avenir Next', system-ui, sans-serif; --sem-gradient: linear-gradient(90deg, #ff9f43, var(--sem-accent), #b45cff); --sem-mark: var(--sem-gradient); --sem-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#795a5a, #c6b9c4); --sem-radius: 20px; --sem-ring: 0 0 0 4px color-mix(in oklab, var(--sem-accent) 30%, transparent); --sem-scrim: light-dark(rgb(90 20 50 / 0.28), rgb(10 0 10 / 0.62)); --sem-shadow: 0 1px 2px light-dark(rgb(180 40 80 / 0.1), rgb(0 0 0 / 0.5)); --sem-spring: cubic-bezier(0.25, 1.9, 0.45, 1); --sem-success: light-dark(#1a754b, #9cdcb6); --sem-surface: light-dark(#fefcfc, #1d101b); --sem-text: light-dark(#351c1c, #f7eaf5); --sem-accent-10: light-dark(#b60356, #ea5489); --sem-accent-11: light-dark(#ac2658, #feb1c6); --sem-accent-12: light-dark(#4c0220, #fee8ed); --sem-accent-1: light-dark(#fefcfc, #18090d); --sem-accent-2: light-dark(#fef6f8, #230d14); --sem-accent-3: light-dark(#feecef, #340f1c); --sem-accent-4: light-dark(#fee1e7, #411122); --sem-accent-5: light-dark(#fed6df, #4e1429); --sem-accent-6: light-dark(#ffc9d4, #5e1932); --sem-accent-7: light-dark(#ffb7c7, #762441); --sem-accent-8: light-dark(#ff96b1, #992f56); --sem-accent-9: light-dark(#cb1863, #ce3871); --sem-accent-contrast: light-dark(#ffffff, #ffffff); --sem-accent-soft: color-mix(in oklab, var(--sem-accent) 13%, transparent); --sem-accent-strong: light-dark(#b60356, #feb1c6); --sem-border-strong: light-dark(#d7caca, #40313e); --sem-code-bg: light-dark(#fef6f6, #160914); --sem-danger-10: light-dark(#b71824, #dd5559); --sem-danger-11: light-dark(#aa3332, #ffb4b1); --sem-danger-3: light-dark(#ffecea, #331212); --sem-danger-4: light-dark(#fee2df, #401516); --sem-danger-6: light-dark(#fecbc6, #5d1f20); --sem-danger-9: light-dark(#c92f33, #c84247); --sem-display-case: none; --sem-display-tracking: -0.03em; --sem-display-weight: 800; --sem-font-display: ui-rounded, 'SF Pro Rounded', 'Nunito', 'Varela Round', 'Avenir Next', system-ui, sans-serif; --sem-font-features: normal; --sem-font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace; --sem-gradient-from: #ff9f43; --sem-gradient-to: #c04dff; --sem-gray-10: light-dark(#857a7a, #8b7a89); --sem-gray-11: light-dark(#795a5a, #c6b9c4); --sem-gray-12: light-dark(#351c1c, #f7eaf5); --sem-gray-1: light-dark(#fefcfc, #160914); --sem-gray-2: light-dark(#fef6f6, #1d101b); --sem-gray-3: light-dark(#fbeeed, #261925); --sem-gray-4: light-dark(#f3e6e6, #2e202c); --sem-gray-5: light-dark(#ecdfde, #352734); --sem-gray-6: light-dark(#e3d6d5, #40313e); --sem-gray-7: light-dark(#d7caca, #50414e); --sem-gray-8: light-dark(#c3b7b7, #665664); --sem-gray-9: light-dark(#958989, #7c6b7a); --sem-info-10: light-dark(#0465a0, #168dd9); --sem-info-11: light-dark(#0268a5, #9cd1ff); --sem-info-3: light-dark(#e7f3fe, #072033); --sem-info-4: light-dark(#d9edfe, #052740); --sem-info-6: light-dark(#badefe, #043a5d); --sem-info-9: light-dark(#0074b8, #037ac0); --sem-mark-height: 6px; --sem-mark-radius: 999px; --sem-mark-width: 44px; --sem-on-accent: light-dark(#ffffff, #2a0716); --sem-on-status: light-dark(#ffffff, #ffffff); --sem-radius-card: 26px; --sem-radius-control: 999px; --sem-radius-full: 999px; --sem-radius-lg: 22px; --sem-radius-md: 18px; --sem-radius-sm: 12px; --sem-radius-xl: 28px; --sem-shadow-1: 0 1px 2px light-dark(rgb(180 40 80 / 0.08), rgb(0 0 0 / 0.5)); --sem-shadow-2: 0 2px 4px light-dark(rgb(180 40 80 / 0.06), rgb(0 0 0 / 0.4)), 0 14px 32px -14px light-dark(rgb(214 44 99 / 0.3), rgb(0 0 0 / 0.65)); --sem-shadow-3: 0 0 0 1px light-dark(rgb(180 40 80 / 0.08), rgb(255 200 230 / 0.08)), 0 22px 48px -14px light-dark(rgb(214 44 99 / 0.38), rgb(0 0 0 / 0.75)); --sem-shadow-4: 0 0 0 1px light-dark(rgb(180 40 80 / 0.1), rgb(255 200 230 / 0.1)), 0 34px 80px -18px light-dark(rgb(214 44 99 / 0.45), rgb(0 0 0 / 0.85)); --sem-shadow-raised: 0 2px 4px light-dark(rgb(180 40 80 / 0.06), rgb(0 0 0 / 0.4)), 0 16px 36px -14px light-dark(rgb(214 44 99 / 0.35), rgb(0 0 0 / 0.7)); --sem-success-10: light-dark(#006d42, #309564); --sem-success-11: light-dark(#1a754b, #9cdcb6); --sem-success-3: light-dark(#e4f7eb, #0c2417); --sem-success-4: light-dark(#d5f2e0, #0d2c1c); --sem-success-6: light-dark(#b6e7c9, #12412a); --sem-success-9: light-dark(#067d4d, #158353); --sem-surface-hover: light-dark(#fbeeed, #261925); --sem-surface-overlay: light-dark(#fefcfc, #261925); --sem-surface-sunken: light-dark(#fef6f6, #160914); --sem-taskbar-size: 40px; --sem-taskbar-span: min(168px, 40vw); --sem-tooltip-bg: light-dark(#351c1c, #f7eaf5); --sem-tooltip-fg: light-dark(#fefcfc, #160914); --sem-warning-10: light-dark(#f09c17, #ffbb69); --sem-warning-11: light-dark(#915c04, #f7bf7d); --sem-warning-3: light-dark(#ffeedc, #2c1902); --sem-warning-4: light-dark(#fee5c9, #362001); --sem-warning-6: light-dark(#fcd1a0, #4e2f02); --sem-warning-9: light-dark(#fea92f, #faab3f); }
  [data-sem-theme="terminal"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#006e29, #40f864); --sem-backdrop: repeating-linear-gradient(0deg, light-dark(rgb(16 90 40 / 0.045), rgb(80 255 140 / 0.04)) 0 1px, transparent 1px 3px), radial-gradient(120% 80% at 50% 0%, light-dark(rgb(255 255 255 / 0.5), rgb(60 255 120 / 0.06)), transparent 70%), var(--sem-canvas); --sem-border: light-dark(#d0ded2, #162418); --sem-canvas: light-dark(#effdf1, #000701); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='%2303140a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#aa332e, #fea199); --sem-ease: steps(4, end); --sem-faint: light-dark(#839085, #445345); --sem-font: 'JetBrains Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --sem-gradient: repeating-linear-gradient(90deg, var(--sem-accent) 0 6px, transparent 6px 8px); --sem-mark: var(--sem-accent); --sem-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#3d6646, #80d58d); --sem-radius: 0; --sem-ring: 0 0 0 2px var(--sem-accent); --sem-scrim: light-dark(rgb(10 40 20 / 0.3), rgb(0 0 0 / 0.72)); --sem-shadow: 0 0 #0000; --sem-spring: steps(4, end); --sem-success: light-dark(#26753e, #89eb9f); --sem-surface: light-dark(#f8fff9, #030d04); --sem-text: light-dark(#063215, #a7fdb3); --sem-accent-10: light-dark(#035e23, #92ff9b); --sem-accent-11: light-dark(#0f672a, #88f592); --sem-accent-12: light-dark(#02300f, #d6ffd7); --sem-accent-1: light-dark(#fafefa, #000801); --sem-accent-2: light-dark(#f2fbf3, #000f01); --sem-accent-3: light-dark(#e4f7e6, #001903); --sem-accent-4: light-dark(#d7f3d9, #002104); --sem-accent-5: light-dark(#c8eecc, #002907); --sem-accent-6: light-dark(#b9e8be, #01340c); --sem-accent-7: light-dark(#a4dfac, #014712); --sem-accent-8: light-dark(#85cf90, #03601c); --sem-accent-9: light-dark(#006e29, #40f864); --sem-accent-contrast: light-dark(#ffffff, #03140a); --sem-accent-soft: color-mix(in oklab, var(--sem-accent) 13%, transparent); --sem-accent-strong: light-dark(#035e23, #92ff9b); --sem-border-strong: light-dark(#b1bfb3, #2f3e30); --sem-code-bg: light-dark(#effdf1, #000701); --sem-danger-10: light-dark(#b00c15, #ff7e77); --sem-danger-11: light-dark(#aa332e, #fea199); --sem-danger-3: light-dark(#feecea, #280505); --sem-danger-4: light-dark(#fee3df, #350506); --sem-danger-6: light-dark(#fecbc5, #520a0d); --sem-danger-9: light-dark(#c22826, #f75d59); --sem-display-case: uppercase; --sem-display-tracking: 0.04em; --sem-display-weight: 700; --sem-font-display: 'JetBrains Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --sem-font-features: 'liga' 0, 'calt' 0; --sem-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --sem-gradient-from: var(--sem-accent); --sem-gradient-to: var(--sem-accent-11); --sem-gray-10: light-dark(#748176, #758576); --sem-gray-11: light-dark(#3d6646, #80d58d); --sem-gray-12: light-dark(#063215, #a7fdb3); --sem-gray-1: light-dark(#f8fff9, #000701); --sem-gray-2: light-dark(#effdf1, #030d04); --sem-gray-3: light-dark(#e7f6e9, #09160b); --sem-gray-4: light-dark(#e0eee2, #101d11); --sem-gray-5: light-dark(#d9e7db, #162418); --sem-gray-6: light-dark(#d0ded2, #202e22); --sem-gray-7: light-dark(#c4d2c6, #2f3e30); --sem-gray-8: light-dark(#b1bfb3, #445345); --sem-gray-9: light-dark(#839085, #667768); --sem-info-10: light-dark(#046677, #4ae9f9); --sem-info-11: light-dark(#006f83, #7ddce7); --sem-info-3: light-dark(#e0f6fb, #001719); --sem-info-4: light-dark(#d0f1f9, #011e21); --sem-info-6: light-dark(#ace4f2, #013135); --sem-info-9: light-dark(#097689, #2ad5e5); --sem-mark-height: 4px; --sem-mark-radius: 0; --sem-mark-width: 0.62em; --sem-on-accent: light-dark(#ffffff, #03140a); --sem-on-status: light-dark(#ffffff, #03140a); --sem-radius-card: 0; --sem-radius-control: 0; --sem-radius-full: 0; --sem-radius-lg: 0; --sem-radius-md: 0; --sem-radius-sm: 0; --sem-radius-xl: 0; --sem-shadow-1: 0 0 #0000; --sem-shadow-2: 0 0 #0000; --sem-shadow-3: 0 0 0 1px var(--sem-accent-8), 6px 6px 0 0 light-dark(rgb(16 90 40 / 0.16), rgb(60 255 120 / 0.12)); --sem-shadow-4: 0 0 0 1px var(--sem-accent-9), 8px 8px 0 0 light-dark(rgb(16 90 40 / 0.2), rgb(60 255 120 / 0.16)); --sem-shadow-raised: 0 0 #0000; --sem-success-10: light-dark(#00672d, #56f487); --sem-success-11: light-dark(#26753e, #89eb9f); --sem-success-3: light-dark(#e5f7e7, #001906); --sem-success-4: light-dark(#d7f2db, #01200a); --sem-success-6: light-dark(#b9e7c1, #003413); --sem-success-9: light-dark(#057836, #3ce074); --sem-surface-hover: light-dark(#e7f6e9, #09160b); --sem-surface-overlay: light-dark(#f8fff9, #09160b); --sem-surface-sunken: light-dark(#effdf1, #000701); --sem-taskbar-size: 40px; --sem-taskbar-span: min(168px, 40vw); --sem-tooltip-bg: light-dark(#063215, #a7fdb3); --sem-tooltip-fg: light-dark(#f8fff9, #000701); --sem-warning-10: light-dark(#eba002, #fec675); --sem-warning-11: light-dark(#865901, #ffc674); --sem-warning-3: light-dark(#feefda, #1c1000); --sem-warning-4: light-dark(#fde6c7, #261600); --sem-warning-6: light-dark(#f9d39e, #3b2500); --sem-warning-9: light-dark(#f9ad26, #ffb334); }
  [data-sem-theme="tracker"] { background: var(--sem-backdrop); color: var(--sem-text); accent-color: var(--sem-accent-9); font-family: var(--sem-font); --sem-accent: light-dark(#0f3fbf, #9db6ff); --sem-backdrop: var(--sem-canvas); --sem-border: light-dark(#a8a8a8, #56565c); --sem-canvas: light-dark(#c8c8c8, #2b2b2f); --sem-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --sem-danger: light-dark(#a01010, #ff9d99); --sem-ease: cubic-bezier(0.3, 0, 0.3, 1); --sem-faint: light-dark(#7a7a7a, #8a8a90); --sem-font: 'Swis721 BT', 'Swiss 721', 'DejaVu Sans', Verdana, Helvetica, Arial, sans-serif; --sem-gradient: linear-gradient(180deg, color-mix(in srgb, var(--sem-accent-9) 70%, white), var(--sem-accent-9)); --sem-mark: linear-gradient(180deg, #ffe873, #ffcb00); --sem-mono: 'Courier 10 Pitch', 'DejaVu Sans Mono', 'Courier New', ui-monospace, monospace; --sem-motion: var(--sem-duration) var(--sem-ease); --sem-muted: light-dark(#4a4a4a, #c4c4c8); --sem-radius: 0; --sem-ring: 0 0 0 2px var(--sem-accent-9); --sem-scrim: light-dark(rgb(40 60 100 / 0.22), rgb(0 0 0 / 0.55)); --sem-shadow: 0 0 #0000; --sem-spring: cubic-bezier(0.3, 0, 0.3, 1); --sem-success: light-dark(#1d5e20, #8fd897); --sem-surface: light-dark(#dedede, #3a3a3e); --sem-text: light-dark(#000000, #f2f2f2); --sem-accent-10: light-dark(#0c34a3, #4874e0); --sem-accent-11: light-dark(#0f3fbf, #9db6ff); --sem-accent-12: light-dark(#06194d, #dde6ff); --sem-accent-1: light-dark(#f8faff, #0d1224); --sem-accent-2: light-dark(#eff3fe, #121a33); --sem-accent-3: light-dark(#e3e9fb, #16224a); --sem-accent-4: light-dark(#d5ddf7, #1b2a5c); --sem-accent-5: light-dark(#c4cff2, #21336e); --sem-accent-6: light-dark(#aebcea, #283e84); --sem-accent-7: light-dark(#8ea2de, #324ea3); --sem-accent-8: light-dark(#6480cc, #3f62c4); --sem-accent-9: light-dark(#0f3fbf, #3060d0); --sem-accent-contrast: #ffffff; --sem-accent-soft: color-mix(in srgb, var(--sem-accent) 14%, transparent); --sem-accent-strong: light-dark(#0c34a3, #c2d2ff); --sem-border-strong: light-dark(#6c6c6c, #8a8a90); --sem-code-bg: light-dark(#ffffff, #1f1f22); --sem-danger-10: light-dark(#951212, #de4a48); --sem-danger-11: light-dark(#a01010, #ff9d99); --sem-danger-3: light-dark(#f8e0e0, #3a1414); --sem-danger-4: light-dark(#f2cfcf, #471818); --sem-danger-6: light-dark(#e0a0a0, #7a2a2a); --sem-danger-9: light-dark(#b01818, #c8302e); --sem-display-case: none; --sem-display-tracking: 0; --sem-display-weight: 700; --sem-font-display: 'Swis721 BT', 'Swiss 721', 'DejaVu Sans', Verdana, Helvetica, Arial, sans-serif; --sem-font-features: normal; --sem-font-mono: 'Courier 10 Pitch', 'DejaVu Sans Mono', 'Courier New', ui-monospace, monospace; --sem-gradient-from: #ffcb00; --sem-gradient-to: #336698; --sem-gray-10: light-dark(#707070, #84848a); --sem-gray-11: light-dark(#484848, #c4c4c8); --sem-gray-12: light-dark(#000000, #f2f2f2); --sem-gray-1: light-dark(#ffffff, #141416); --sem-gray-2: light-dark(#f4f4f4, #1c1c1f); --sem-gray-3: light-dark(#e8e8e8, #26262a); --sem-gray-4: light-dark(#e0e0e0, #2e2e32); --sem-gray-5: light-dark(#d8d8d8, #36363a); --sem-gray-6: light-dark(#cbcbcb, #3e3e43); --sem-gray-7: light-dark(#b8b8b8, #4c4c52); --sem-gray-8: light-dark(#989898, #606067); --sem-gray-9: light-dark(#808080, #74747a); --sem-info-10: light-dark(#1a438f, #4874e0); --sem-info-11: light-dark(#1a3f8a, #9db6ff); --sem-info-3: light-dark(#e3e9fb, #16224a); --sem-info-4: light-dark(#d5ddf7, #1b2a5c); --sem-info-6: light-dark(#aebcea, #283e84); --sem-info-9: light-dark(#1f4fa8, #3060d0); --sem-mark-height: 5px; --sem-mark-radius: 0; --sem-mark-width: 34px; --sem-on-accent: light-dark(#ffffff, #101014); --sem-on-status: #ffffff; --sem-radius-card: 0; --sem-radius-control: 2px; --sem-radius-full: 999px; --sem-radius-lg: 0; --sem-radius-md: 0; --sem-radius-sm: 0; --sem-radius-xl: 0; --sem-shadow-1: 0 0 #0000; --sem-shadow-2: 1px 1px 0 light-dark(rgb(0 0 0 / 0.25), rgb(0 0 0 / 0.5)); --sem-shadow-3: 2px 2px 0 light-dark(rgb(0 0 0 / 0.3), rgb(0 0 0 / 0.6)); --sem-shadow-4: 3px 3px 0 light-dark(rgb(0 0 0 / 0.32), rgb(0 0 0 / 0.65)); --sem-shadow-raised: 1px 1px 0 light-dark(rgb(0 0 0 / 0.25), rgb(0 0 0 / 0.5)); --sem-success-10: light-dark(#175c1c, #33913b); --sem-success-11: light-dark(#1d5e20, #8fd897); --sem-success-3: light-dark(#e2f0e2, #132a16); --sem-success-4: light-dark(#d2e8d2, #18341b); --sem-success-6: light-dark(#a6cfa6, #24522a); --sem-success-9: light-dark(#1d6e22, #2a7a31); --sem-surface-hover: light-dark(#e8e8e8, #46464b); --sem-surface-overlay: light-dark(#e4e4e4, #404045); --sem-surface-sunken: light-dark(#ffffff, #1f1f22); --sem-taskbar-size: 36px; --sem-taskbar-span: min(168px, 40vw); --sem-tooltip-bg: light-dark(#ffffd0, #ffffd0); --sem-tooltip-fg: light-dark(#000000, #000000); --sem-warning-10: light-dark(#e6b700, #ffd633); --sem-warning-11: light-dark(#6b4500, #ffd75e); --sem-warning-3: light-dark(#fff4cc, #2e2608); --sem-warning-4: light-dark(#ffedaa, #3a300a); --sem-warning-6: light-dark(#f0cf6a, #6b5510); --sem-warning-9: light-dark(#ffcb00, #ffcb00); }
  [data-sem-tone="accent"] { --tone-border: var(--sem-accent-7); --tone-soft: var(--sem-accent-3); --tone-solid: var(--sem-accent-9); --tone-text: var(--sem-accent-11); --tone-on-solid: #ffffff; --tone-soft-hover: var(--sem-accent-4); --tone-solid-hover: var(--sem-accent-10); }
  [data-sem-tone="danger"] { --tone-border: var(--sem-danger-6); --tone-soft: var(--sem-danger-3); --tone-solid: var(--sem-danger-9); --tone-text: var(--sem-danger-11); --tone-on-solid: #ffffff; --tone-soft-hover: var(--sem-danger-4); --tone-solid-hover: var(--sem-danger-10); }
  [data-sem-tone="info"] { --tone-border: var(--sem-info-6); --tone-soft: var(--sem-info-3); --tone-solid: var(--sem-info-9); --tone-text: var(--sem-info-11); --tone-on-solid: #ffffff; --tone-soft-hover: var(--sem-info-4); --tone-solid-hover: var(--sem-info-10); }
  [data-sem-tone="neutral"] { --tone-border: var(--sem-gray-7); --tone-soft: var(--sem-gray-3); --tone-solid: var(--sem-gray-12); --tone-text: var(--sem-gray-12); --tone-on-solid: var(--sem-gray-1); --tone-soft-hover: var(--sem-gray-4); --tone-solid-hover: light-dark(#2c2c3a, #ffffff); }
  [data-sem-tone="success"] { --tone-border: var(--sem-success-6); --tone-soft: var(--sem-success-3); --tone-solid: var(--sem-success-9); --tone-text: var(--sem-success-11); --tone-on-solid: #ffffff; --tone-soft-hover: var(--sem-success-4); --tone-solid-hover: var(--sem-success-10); }
  [data-sem-tone="warning"] { --tone-border: var(--sem-warning-6); --tone-soft: var(--sem-warning-3); --tone-solid: var(--sem-warning-9); --tone-text: var(--sem-warning-11); --tone-on-solid: #2b1a00; --tone-soft-hover: var(--sem-warning-4); --tone-solid-hover: var(--sem-warning-10); }
  [data-sem-align="baseline"] { align-items: baseline; }
  [data-sem-align="center"] { align-items: center; }
  [data-sem-align="end"] { align-items: flex-end; }
  [data-sem-align="own"] { align-items: var(--sem-own-side); }
  [data-sem-align="start"] { align-items: flex-start; }
  [data-sem-contrast="high"] { --sem-accent: light-dark(#3a2bc4, #b4abff); --sem-border: light-dark(#6b6b7c, #8a8a9e); --sem-faint: light-dark(#4a4a58, #b8b8c8); --sem-muted: light-dark(#26262f, #e4e4ee); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: light-dark(#000000, #ffffff); --sem-accent-strong: light-dark(#2a1d9e, #d4ceff); --sem-border-strong: light-dark(#26262f, #e4e4ee); }
  [data-sem-justify="between"] { justify-content: space-between; }
  [data-sem-justify="center"] { justify-content: center; }
  [data-sem-justify="end"] { justify-content: flex-end; }
  [data-sem-justify="start"] { justify-content: flex-start; }
  [data-sem-motion="none"] { --sem-duration: 0ms; --sem-motion: 0ms linear; --sem-duration-fast: 0ms; --sem-duration-loop: 0ms; --sem-duration-move: 0ms; --sem-duration-slow: 0ms; --sem-move-fade: none; }
  [data-sem-motion="reduced"] { --sem-duration: 80ms; --sem-ease: linear; --sem-motion: 80ms linear; --sem-spring: linear; --sem-duration-fast: 60ms; --sem-duration-loop: 640ms; --sem-duration-move: 0ms; --sem-duration-slow: 120ms; --sem-ease-move: linear; --sem-move-fade: sem-fade-in 80ms linear; }
  [data-sem-row-span="1"] { display: grid; grid-row: span 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  [data-sem-row-span="2"] { display: grid; grid-row: span 2; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  [data-sem-row-span="3"] { display: grid; grid-row: span 3; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  [data-sem-row-span="4"] { display: grid; grid-row: span 4; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  [data-sem-row-span="5"] { display: grid; grid-row: span 5; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  [data-sem-row-span="6"] { display: grid; grid-row: span 6; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  [data-sem-row-span="7"] { display: grid; grid-row: span 7; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  [data-sem-row-span="8"] { display: grid; grid-row: span 8; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  @media (prefers-reduced-motion: reduce) {
    [data-sem-motion="system"] { --sem-duration: 80ms; --sem-ease: linear; --sem-motion: 80ms linear; --sem-spring: linear; --sem-duration-fast: 60ms; --sem-duration-loop: 640ms; --sem-duration-move: 0ms; --sem-duration-slow: 120ms; --sem-ease-move: linear; --sem-move-fade: sem-fade-in 80ms linear; }
  }
}

@layer sem.components {
  .sem-actions > [data-sem-c] { max-width: 100%; white-space: normal; }
  .sem-fullscreen-toggle { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-muted); cursor: pointer; display: inline-grid; flex: none; padding: 0; block-size: 28px; border-radius: var(--sem-radius-control); inline-size: 28px; place-items: center; }
  .sem-fullscreen-toggle::before { content: ""; mask: var(--sem-fullscreen-icon) center / 16px 16px no-repeat; background-color: currentColor; block-size: 16px; inline-size: 16px; -webkit-mask: var(--sem-fullscreen-icon) center / 16px 16px no-repeat; }
  .sem-fullscreen-toggle:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  .sem-fullscreen-toggle:hover { background: var(--sem-surface-hover); color: var(--sem-text); }
  .sem-fullscreen-toggle[aria-pressed=true] { color: var(--sem-accent); border-color: var(--sem-accent); }
  .sem-fullscreen-toggle[data-sem-kind=screen] { --sem-fullscreen-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 6V2h4 M10 2h4v4 M14 10v4h-4 M6 14H2v-4%27/%3E%3C/svg%3E"); }
  .sem-fullscreen-toggle[data-sem-kind=screen][aria-pressed=true] { --sem-fullscreen-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 2v4H2 M14 6h-4V2 M10 14v-4h4 M2 10h4v4%27/%3E%3C/svg%3E"); }
  .sem-fullscreen-toggle[data-sem-kind=viewport] { --sem-fullscreen-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.5 3.5h11v9h-11z M5 8h6 M5 8l1.6-1.6 M5 8l1.6 1.6 M11 8l-1.6-1.6 M11 8l-1.6 1.6%27/%3E%3C/svg%3E"); }
  .sem-fullscreen-toggle[data-sem-kind=viewport][aria-pressed=true] { --sem-fullscreen-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.5 3.5h11v9h-11z M5.5 8h1.8 M7.3 8l-1.4-1.4 M7.3 8l-1.4 1.4 M10.5 8h-1.8 M8.7 8l1.4-1.4 M8.7 8l1.4 1.4%27/%3E%3C/svg%3E"); }
  .sem-fullscreen-toggle[data-sem-tooltip]::after { left: auto; transform: none; inset-inline-end: 0; }
  .sem-fullscreen-toggles { display: inline-flex; flex: none; gap: 4px; margin-inline-start: auto; }
  .sem-kind:is([data-sem-kind=layer], [data-sem-kind=rendering], [data-sem-kind=rule]):not(header > *) { color: var(--sem-code-keyword); }
  .sem-kind[data-sem-kind=class]:not(header > *) { color: var(--sem-code-iri); }
  .sem-kind[data-sem-kind=property]:not(header > *) { color: var(--sem-code-name); }
  .sem-sr { height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; clip-path: inset(50%); white-space: nowrap; }
  .sem-turtle { direction: ltr; unicode-bidi: isolate; }
  .sem-visually-hidden { height: 1px; overflow: hidden; position: absolute; width: 1px; clip-path: inset(50%); white-space: nowrap; }
  .tok-comment { color: var(--sem-code-comment); font-style: italic; }
  .tok-iri { color: var(--sem-code-iri); }
  .tok-keyword { color: var(--sem-code-keyword); font-weight: 600; }
  .tok-number { color: var(--sem-code-var); }
  .tok-pname { color: var(--sem-code-name); }
  .tok-string { color: var(--sem-code-string); }
  .tok-var { color: var(--sem-code-var); }
  .ttl-comment { color: var(--sem-code-comment); font-style: italic; }
  .ttl-iri { color: var(--sem-code-iri); }
  .ttl-keyword { color: var(--sem-code-keyword); font-weight: 500; }
  .ttl-literal { color: var(--sem-code-string); }
  .ttl-number { color: var(--sem-code-var); }
  .ttl-pname { color: var(--sem-code-name); }
  .ttl-punct { color: var(--sem-faint); }
  :has(> [data-sem-c=desktop] > [data-sem-c=taskbar]:is([data-sem-edge=top], [data-sem-edge=bottom], [data-sem-edge=start], [data-sem-edge=end]):not([hidden])) { box-sizing: border-box; padding-block: var(--sem-dock-top, 0px) var(--sem-dock-bottom, 0px); padding-inline: var(--sem-dock-start, 0px) var(--sem-dock-end, 0px); }
  :has(> [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=bottom]:not([hidden])) { --sem-dock-bottom: var(--sem-taskbar-size, 40px); }
  :has(> [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=end]:not([hidden])) { --sem-dock-end: var(--sem-taskbar-span, min(168px, 40vw)); }
  :has(> [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=start]:not([hidden])) { --sem-dock-start: var(--sem-taskbar-span, min(168px, 40vw)); }
  :has(> [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=top]:not([hidden])) { --sem-dock-top: var(--sem-taskbar-size, 40px); }
  :has(> [data-sem-c=status-bar]) { display: flex; flex-direction: column; min-height: 100dvh; }
  :is(.ttl-lang, .ttl-datatype, .ttl-bnode) { color: var(--sem-code-comment); }
  :is(:fullscreen, [data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) .sem-fullscreen-toggle[data-sem-tooltip]::after { bottom: auto; top: calc(100% + 8px); }
  :is([data-sem-c=gallery], [data-sem-c=lightbox]) .sem-glyph { display: inline-block; font-size: 15px; line-height: 1; }
  :is([data-sem-c=gallery], [data-sem-c=lightbox]) .sem-glyph:dir(rtl) { transform: scaleX(-1); }
  :is([data-sem-c=gallery], [data-sem-c=lightbox]) :is(.sem-prev, .sem-next):disabled { cursor: default; opacity: 0.35; }
  :is([data-sem-c=text-area], [data-sem-c=checkbox], [data-sem-c=radio-group], [data-sem-c=toggle-switch], [data-sem-c=slider], [data-sem-c=field], [data-sem-c=file-drop]) > .sem-error { color: var(--sem-danger); font-size: var(--sem-font-size-small); font-weight: 550; line-height: var(--sem-leading-normal); }
  :is([data-sem-c=text-area], [data-sem-c=checkbox], [data-sem-c=radio-group], [data-sem-c=toggle-switch], [data-sem-c=slider], [data-sem-c=field], [data-sem-c=file-drop]) > .sem-help { color: var(--sem-muted); font-size: var(--sem-font-size-small); line-height: var(--sem-leading-normal); }
  :is([data-sem-c=text-field] input, [data-sem-c=shape-field] input:not([type=checkbox]), [data-sem-c=shape-field] select, [data-sem-c=choice] select) { block-size: var(--control-h, var(--sem-control-height)); box-sizing: border-box; padding-block: 0; }
  :is([data-sem-drop-before], [data-sem-drop-after]) { position: relative; }
  :is([data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) { z-index: 2147483000; }
  :is([data-sem-fullscreen]:fullscreen, [data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) { border: 0; color: var(--sem-text); height: 100% !important; inset: 0 !important; margin: 0 !important; overflow: auto; padding: max(var(--sem-space-5), env(safe-area-inset-top)) max(var(--sem-space-5), env(safe-area-inset-right)) max(var(--sem-space-5), env(safe-area-inset-bottom)) max(var(--sem-space-5), env(safe-area-inset-left)); position: fixed !important; width: 100% !important; background-color: var(--sem-canvas); border-radius: 0; box-sizing: border-box !important; max-height: none !important; max-width: none !important; }
  :is([data-sem-layout=aside] > :not(:first-child, [data-sem-c=switch]), [data-sem-layout=aside] > [data-sem-c=switch] > :not([hidden]) > *) { flex: 999 1 0; min-width: min(100%, 55%); }
  :is([data-sem-motion=reduced], [data-sem-motion=none]) [data-sem-c=outline-item] .sem-who.sem-typing { animation: none; box-shadow: 0 0 0 2px var(--sem-accent-7); }
  :is([data-sem-motion=reduced], [data-sem-motion=none]) [data-sem-lifted] { scale: none; }
  :is([data-sem-privacy=conceal], [data-sem-privacy=private]) [data-sem-concealed]:not([data-sem-c=text-field]), [data-sem-privacy=private] [data-sem-sensitive] { filter: blur(9px) saturate(0.3); transition: filter var(--sem-duration-slow) var(--sem-ease); pointer-events: none; user-select: none; }
  :is(button, a, [role=button], [role=switch]):is([data-sem-shortcut], [data-sem-key-hint])::after { border: 1px solid color-mix(in oklab, currentColor 28%, transparent); direction: ltr; font: 600 10px/1 var(--sem-font-mono); opacity: 0.75; padding: 2px 5px; border-radius: 5px; unicode-bidi: isolate; vertical-align: 1px; margin-inline-start: 8px; }
  :is(button, a, [role=button], [role=switch])[data-sem-shortcut]::after { content: attr(data-sem-shortcut-other); }
  :not(.sem-fullscreen-toggle) + .sem-fullscreen-toggle, .sem-fullscreen-toggle:first-child { margin-inline-start: auto; }
  :root:has([data-sem-c=highlight]:not([hidden] *)) [data-sem-highlighted] { outline: 1.5px dashed color-mix(in oklab, var(--sem-accent) 70%, transparent); border-radius: 4px; outline-offset: 4px; }
  :root[data-sem-dragging] [data-sem-c=calendar] .sem-cal-place:not(:has([data-sem-lifted])) { pointer-events: none; }
  :root[data-sem-dragging] [data-sem-c=tabs] > .sem-split-zone, [data-sem-c=tabs] > .sem-split-zone[data-sem-drop-over] { display: block; }
  :root[data-sem-dragging] [data-sem-drop-zone][data-sem-drop=refuses], :root[data-sem-dragging] [data-sem-drop-zone][data-sem-drop=refuses] * { cursor: not-allowed; }
  :root[data-sem-dragging], :root[data-sem-dragging] * { cursor: grabbing; user-select: none; -webkit-user-select: none; }
  :root[data-sem-platform=apple] :is(button, a, [role=button], [role=switch])[data-sem-shortcut]::after { content: attr(data-sem-shortcut-apple); }
  :root[data-sem-platform=apple] [data-sem-c=shortcut-list] .sem-apple { display: inline; }
  :root[data-sem-platform=apple] [data-sem-c=shortcut-list] .sem-other { display: none; }
  :root[data-sem-platform=apple] [data-sem-c=typeahead-option] > .sem-ta-keys > .sem-apple { display: inline; }
  :root[data-sem-platform=apple] [data-sem-c=typeahead-option] > .sem-ta-keys > .sem-other { display: none; }
  :root[data-sem-platform=apple] [data-sem-key-hint]::after { content: attr(data-sem-key-hint-apple); }
  :where([data-sem-anchor][popover]) { background: transparent; border: none; color: inherit; height: auto; overflow: visible; padding: 0; width: auto; }
  :where([data-sem-outlines=shown] [data-sem-outline]) { position: relative; }
  :where(input)::-webkit-calendar-picker-indicator { margin-block: 0; padding-block: 0; }
  :where(input)::-webkit-date-and-time-value { margin-block: 0; text-align: start; }
  :where(input)::-webkit-datetime-edit { padding-block: 0; }
  :where(input)::-webkit-datetime-edit-fields-wrapper { padding-block: 0; }
  :where(input:not([type=checkbox], [type=radio], [type=range], [type=color]), select, textarea) { box-sizing: border-box; max-width: 100%; min-width: 0; }
  :where(input[type=number]) { font-variant-numeric: tabular-nums; }
  :where(select:not([multiple], [size])) { appearance: none; cursor: pointer; background-image: var(--sem-chevron); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-repeat: no-repeat; background-size: 6px 6px; text-overflow: ellipsis; -webkit-appearance: none; padding-inline-end: var(--sem-chevron-space); }
  [aria-busy=true] > * { opacity: 0.45; transition: opacity var(--sem-motion); }
  [aria-busy=true] { cursor: progress; position: relative; }
  [aria-busy=true]::before { animation: sem-shimmer calc(var(--sem-duration-loop) * 4) linear infinite; background: linear-gradient(100deg, transparent 30%, color-mix(in oklab, var(--sem-accent) 14%, transparent) 50%, transparent 70%) 0 0 / 220% 100%; content: ''; inset: 0; position: absolute; border-radius: inherit; z-index: 1; }
  [data-sem-c][hidden] { display: none; }
  [data-sem-concealed], [data-sem-sensitive] { transition: filter var(--sem-duration-slow) var(--sem-ease); }
  [data-sem-drag-live] { height: 1px; overflow: hidden; position: absolute; width: 1px; clip-path: inset(50%); white-space: nowrap; }
  [data-sem-drop-after]::after { bottom: -5px; }
  [data-sem-drop-before]::before { top: -5px; }
  [data-sem-drop-before]::before, [data-sem-drop-after]::after { background: var(--sem-accent-9); content: ""; height: 3px; position: absolute; border-radius: 2px; inset-inline: 0; pointer-events: none; }
  [data-sem-drop-zone][data-sem-drop=accepts] { outline: 2px dashed var(--sem-accent-7); }
  [data-sem-drop-zone][data-sem-drop=accepts][data-sem-drop-over] { outline: 2px solid var(--sem-accent-9); background-color: color-mix(in oklab, var(--sem-accent-9) 8%, transparent); }
  [data-sem-drop-zone][data-sem-drop=refuses] { opacity: 0.55; outline: 2px dashed var(--sem-border-strong); }
  [data-sem-drop-zone][data-sem-drop=refuses][data-sem-drop-over] { opacity: 0.9; outline: 2px solid var(--sem-danger-9); }
  [data-sem-drop-zone][data-sem-drop=refuses][data-sem-drop-over]::after { background: var(--sem-danger-9); color: white; content: attr(data-sem-drop-reason); font: 600 var(--sem-text-xs)/1.35 var(--sem-font); padding: 8px 10px; position: absolute; top: 0; translate: 0 -50%; border-radius: var(--sem-radius-md); box-shadow: var(--sem-shadow-3); inset-inline: 8px; pointer-events: none; text-align: center; z-index: 20; }
  [data-sem-drop-zone][data-sem-drop] { position: relative; transition: outline-color var(--sem-duration-fast) var(--sem-ease), background-color var(--sem-duration-fast) var(--sem-ease), opacity var(--sem-duration-fast) var(--sem-ease); border-radius: var(--sem-radius-md); outline-offset: 3px; }
  [data-sem-drop=refuses] :is([data-sem-drop-before], [data-sem-drop-after])::before, [data-sem-drop=refuses] :is([data-sem-drop-before], [data-sem-drop-after])::after { display: none; }
  [data-sem-fullscreen]::backdrop { background: var(--sem-canvas); }
  [data-sem-gesture=drag] { cursor: grab; transition: box-shadow var(--sem-duration-fast) var(--sem-ease), opacity var(--sem-duration-fast) var(--sem-ease), scale var(--sem-duration-fast) var(--sem-ease); user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; }
  [data-sem-gesture=drag]:focus-visible { outline: 2px solid var(--sem-accent-9); outline-offset: 2px; }
  [data-sem-key-hint]::after { border: 1px solid color-mix(in oklab, currentColor 28%, transparent); color: var(--sem-muted); content: attr(data-sem-key-hint); direction: ltr; flex: none; font: 600 11px/1.2 var(--sem-font-mono); padding: 2px 5px; border-radius: 5px; box-sizing: border-box; min-width: 1.6em; pointer-events: none; text-align: center; unicode-bidi: isolate; }
  [data-sem-key-hint]:not(button, a, [role=button], [role=switch]):focus-within::after { display: none; }
  [data-sem-layout=aside-end] > :last-child:not(:only-child) { flex: 1 1 200px; max-width: min(100%, 260px); min-width: 0; }
  [data-sem-layout=aside-end] > :not(:last-child) { flex: 999 1 0; min-width: min(100%, 55%); }
  [data-sem-layout=aside] > :first-child { flex: 1 1 220px; max-width: 100%; min-width: 0; }
  [data-sem-layout=aside] > :first-child:not(:only-child) { max-width: min(100%, 240px); }
  [data-sem-layout=versus] > :nth-child(2) { align-self: center; justify-self: center; }
  [data-sem-lifted] { outline: 2px solid var(--sem-accent-9); position: relative; scale: 1.02; background-color: var(--sem-surface); border-radius: var(--sem-radius-md); box-shadow: var(--sem-shadow-4); outline-offset: 2px; z-index: 30; }
  [data-sem-outlines=shown] [data-sem-outline] [data-sem-outline] [data-sem-outline]::before { inset-inline-end: auto; inset-inline-start: 0.5em; }
  [data-sem-outlines=shown] [data-sem-outline] [data-sem-outline]::before { inset-inline-end: 0.5em; inset-inline-start: auto; }
  [data-sem-outlines=shown] [data-sem-outline] { outline: 2px dashed var(--sem-accent); outline-offset: var(--sem-outline-offset); }
  [data-sem-outlines=shown] [data-sem-outline]::before { background: var(--sem-accent); border: 0; color: var(--sem-on-accent); content: attr(data-sem-outline) / ""; display: block; margin: 0; opacity: 1; overflow: hidden; padding: 0 0.5em; position: absolute; transform: translateY(-50%); block-size: auto; border-radius: var(--sem-radius-full); box-shadow: 0 0 0 2px var(--sem-surface); font-family: var(--sem-font-mono); font-size: 0.7rem; font-weight: 500; inline-size: max-content; letter-spacing: 0; line-height: 1.5; pointer-events: none; text-overflow: ellipsis; text-transform: none; white-space: nowrap; z-index: 2; inset-block-end: auto; inset-block-start: calc(-1 * var(--sem-outline-offset) - 1px); inset-inline-end: auto; inset-inline-start: 0.5em; max-inline-size: calc(100% - 1em); }
  [data-sem-refused] { animation: sem-drop-refused var(--sem-duration-slow) var(--sem-ease); }
  [data-sem-shape-invalid] { outline: 2px dashed var(--sem-danger-9); outline-offset: 3px; }
  [data-sem-theme] :is([data-sem-c="pagination"] button[aria-current=page], [data-sem-c="stepper"] [data-state=complete] .sem-marker) { color: var(--sem-accent-contrast); }
  [data-sem-theme] :is([data-sem-tone="info"], [data-sem-tone="success"], [data-sem-tone="danger"], [data-sem-intent="danger"]) { --tone-on-solid: var(--sem-on-status); }
  [data-sem-theme] :is(h1, h2, h3, h4, h5, h6, [data-sem-c="heading"], [data-sem-text-style="display"], [data-sem-text-style="title"]) { font-family: var(--sem-font-display); text-transform: var(--sem-display-case); }
  [data-sem-theme] [data-sem-c="checkbox"] > .sem-row > input:checked { background-image: var(--sem-check); }
  [data-sem-theme] [data-sem-c="graph-mark"] .sem-stop-a { stop-color: var(--sem-gradient-from); }
  [data-sem-theme] [data-sem-c="graph-mark"] .sem-stop-b { stop-color: var(--sem-gradient-to); }
  [data-sem-theme] [data-sem-c="graph-mark"] { filter: drop-shadow(0 4px 10px color-mix(in oklab, var(--sem-gradient-from) 35%, transparent)); }
  [data-sem-theme] [data-sem-c="heading"] { font-weight: var(--sem-display-weight); letter-spacing: var(--sem-display-tracking); }
  [data-sem-theme] [data-sem-c="heading"]::after { background: var(--sem-mark); height: var(--sem-mark-height); width: var(--sem-mark-width); border-radius: var(--sem-mark-radius); }
  [data-sem-theme] [data-sem-c="progress"] .sem-fill { background: var(--sem-gradient); border-radius: var(--sem-radius-sm); }
  [data-sem-theme] [data-sem-c="progress"] .sem-track { border-radius: var(--sem-radius-sm); }
  [data-sem-theme] [data-sem-tone="accent"] { --tone-on-solid: var(--sem-accent-contrast); }
  [data-sem-theme][data-sem-c="surface"] { background: var(--sem-backdrop); }
  select:not([multiple], [size]):dir(rtl) { background-position: 14px 50%, 20px 50%; }
  [data-sem-c="shortcut-list"] [data-sem-tooltip], [data-sem-c="shape-report"] [data-sem-tooltip], [data-sem-c="class-doc"] [data-sem-tooltip], [data-sem-c="policy-list"] [data-sem-tooltip], [data-sem-c="sem-island"] [data-sem-tooltip], [data-sem-c="stall-report"] [data-sem-tooltip], [data-sem-c="stack"] [data-sem-tooltip], [data-sem-c="heading"] [data-sem-tooltip], [data-sem-c="button"] [data-sem-tooltip], [data-sem-c="text-field"] [data-sem-tooltip], [data-sem-c="list"] [data-sem-tooltip], [data-sem-c="list-item"] [data-sem-tooltip], [data-sem-c="stream-stats"] [data-sem-tooltip], [data-sem-c="tabs"] [data-sem-tooltip], [data-sem-c="segmented"] [data-sem-tooltip], [data-sem-c="flippable"] [data-sem-tooltip], [data-sem-c="source-back"] [data-sem-tooltip], [data-sem-c="choice"] [data-sem-tooltip], [data-sem-c="chips"] [data-sem-tooltip], [data-sem-c="card"] [data-sem-tooltip], [data-sem-c="app-bar"] [data-sem-tooltip], [data-sem-c="graph-mark"] [data-sem-tooltip], [data-sem-c="source-view"] [data-sem-tooltip], [data-sem-c="emblem"] [data-sem-tooltip], [data-sem-c="metrics"] [data-sem-tooltip], [data-sem-c="toggle"] [data-sem-tooltip], [data-sem-c="query-view"] [data-sem-tooltip], [data-sem-c="element-markup"] [data-sem-tooltip], [data-sem-c="highlight"] [data-sem-tooltip], [data-sem-c="switch"] [data-sem-tooltip], [data-sem-c="host-slot"] [data-sem-tooltip], [data-sem-c="stream-members"] [data-sem-tooltip], [data-sem-c="triples-view"] [data-sem-tooltip], [data-sem-c="desktop"] [data-sem-tooltip], [data-sem-c="taskbar"] [data-sem-tooltip], [data-sem-c="progress"] [data-sem-tooltip], [data-sem-c="gantt-task"] [data-sem-tooltip], [data-sem-c="finding-list"] [data-sem-tooltip], [data-sem-c="specimen"] [data-sem-tooltip], [data-sem-c="swatches"] [data-sem-tooltip], [data-sem-c="surface"] [data-sem-tooltip], [data-sem-c="divider"] [data-sem-tooltip], [data-sem-c="grid"] [data-sem-tooltip], [data-sem-c="spacer"] [data-sem-tooltip], [data-sem-c="status-bar"] [data-sem-tooltip], [data-sem-c="text"] [data-sem-tooltip], [data-sem-c="link"] [data-sem-tooltip], [data-sem-c="kbd"] [data-sem-tooltip], [data-sem-c="code"] [data-sem-tooltip], [data-sem-c="blockquote"] [data-sem-tooltip], [data-sem-c="icon-button"] [data-sem-tooltip], [data-sem-c="button-group"] [data-sem-tooltip], [data-sem-c="menu"] [data-sem-tooltip], [data-sem-c="menu-item"] [data-sem-tooltip], [data-sem-c="text-area"] [data-sem-tooltip], [data-sem-c="checkbox"] [data-sem-tooltip], [data-sem-c="radio-group"] [data-sem-tooltip], [data-sem-c="toggle-switch"] [data-sem-tooltip], [data-sem-c="slider"] [data-sem-tooltip], [data-sem-c="field"] [data-sem-tooltip], [data-sem-c="code-input"] [data-sem-tooltip], [data-sem-c="badge"] [data-sem-tooltip], [data-sem-c="alert"] [data-sem-tooltip], [data-sem-c="tag"] [data-sem-tooltip], [data-sem-c="spinner"] [data-sem-tooltip], [data-sem-c="skeleton"] [data-sem-tooltip], [data-sem-c="empty-state"] [data-sem-tooltip], [data-sem-c="toast-region"] [data-sem-tooltip], [data-sem-c="table"] [data-sem-tooltip], [data-sem-c="description-list"] [data-sem-tooltip], [data-sem-c="stat"] [data-sem-tooltip], [data-sem-c="avatar"] [data-sem-tooltip], [data-sem-c="avatar-group"] [data-sem-tooltip], [data-sem-c="timeline"] [data-sem-tooltip], [data-sem-c="timeline-item"] [data-sem-tooltip], [data-sem-c="tree"] [data-sem-tooltip], [data-sem-c="tree-item"] [data-sem-tooltip], [data-sem-c="breadcrumbs"] [data-sem-tooltip], [data-sem-c="pagination"] [data-sem-tooltip], [data-sem-c="stepper"] [data-sem-tooltip], [data-sem-c="accordion"] [data-sem-tooltip], [data-sem-c="accordion-item"] [data-sem-tooltip], [data-sem-c="code-editor"] [data-sem-tooltip], [data-sem-c="query-workbench"] [data-sem-tooltip], [data-sem-c="data-grid"] [data-sem-tooltip], [data-sem-c="grid-row"] [data-sem-tooltip], [data-sem-c="time-axis"] [data-sem-tooltip], [data-sem-c="tiled-workspace"] [data-sem-tooltip], [data-sem-c="split-view"] [data-sem-tooltip], [data-sem-c="dock-panel"] [data-sem-tooltip], [data-sem-c="json-tree"] [data-sem-tooltip], [data-sem-c="json-node"] [data-sem-tooltip], [data-sem-c="hex-view"] [data-sem-tooltip], [data-sem-c="body-viewer"] [data-sem-tooltip], [data-sem-c="image-view"] [data-sem-tooltip], [data-sem-c="search-field"] [data-sem-tooltip], [data-sem-c="legend"] [data-sem-tooltip], [data-sem-c="live-indicator"] [data-sem-tooltip], [data-sem-c="count-badge"] [data-sem-tooltip], [data-sem-c="message-list"] [data-sem-tooltip], [data-sem-c="message"] [data-sem-tooltip], [data-sem-c="term-tree"] [data-sem-tooltip], [data-sem-c="term-branch"] [data-sem-tooltip], [data-sem-c="term-overview"] [data-sem-tooltip], [data-sem-c="term-alignment"] [data-sem-tooltip], [data-sem-c="term-members"] [data-sem-tooltip], [data-sem-c="term-card"] [data-sem-tooltip], [data-sem-c="money"] [data-sem-tooltip], [data-sem-c="board"] [data-sem-tooltip], [data-sem-c="board-card"] [data-sem-tooltip], [data-sem-c="calendar"] [data-sem-tooltip], [data-sem-c="calendar-entry"] [data-sem-tooltip], [data-sem-c="outline"] [data-sem-tooltip], [data-sem-c="outline-item"] [data-sem-tooltip], [data-sem-c="connector"] [data-sem-tooltip], [data-sem-c="canvas"] [data-sem-tooltip], [data-sem-c="canvas-item"] [data-sem-tooltip], [data-sem-c="walkthrough"] [data-sem-tooltip], [data-sem-c="mention"] [data-sem-tooltip], [data-sem-c="typeahead"] [data-sem-tooltip], [data-sem-c="typeahead-option"] [data-sem-tooltip], [data-sem-c="rdf-editor"] [data-sem-tooltip], [data-sem-c="month-grid"] [data-sem-tooltip], [data-sem-c="date-field"] [data-sem-tooltip], [data-sem-c="time-field"] [data-sem-tooltip], [data-sem-c="file-drop"] [data-sem-tooltip], [data-sem-c="file-item"] [data-sem-tooltip], [data-sem-c="live-example"] [data-sem-tooltip], [data-sem-c="shape-form"] [data-sem-tooltip], [data-sem-c="shape-field"] [data-sem-tooltip], [data-sem-c="sheet"] [data-sem-tooltip], [data-sem-c="sheet-cell"] [data-sem-tooltip], [data-sem-c="gallery"] [data-sem-tooltip], [data-sem-c="ex-schematic"] [data-sem-tooltip], [data-sem-c="ex-fx-rating"] [data-sem-tooltip], [data-sem-c="ex-fx-chart"] [data-sem-tooltip], [data-sem-c="ex-fx-map"] [data-sem-tooltip], [data-sem-c="ex-fx-date"] [data-sem-tooltip], [data-sem-c="toolbar"] [data-sem-tooltip], [data-sem-c="run-query-button"] [data-sem-tooltip], [data-sem-c="theme-switcher"] [data-sem-tooltip], [data-sem-c="nav-list"] [data-sem-tooltip], [data-sem-c="projection-view"] [data-sem-tooltip], [data-sem-c="bar-chart"] [data-sem-tooltip], [data-sem-c="heatmap"] [data-sem-tooltip], [data-sem-c="line-chart"] [data-sem-tooltip], [data-sem-c="gantt-chart"] [data-sem-tooltip], [data-sem-c="walkthrough-step"] [data-sem-tooltip], [data-sem-c="linked-card"] [data-sem-tooltip], [data-sem-c="nav-link"] [data-sem-tooltip], [data-sem-c="toast"] [data-sem-tooltip], [data-sem-c="dialog"] [data-sem-tooltip], [data-sem-c="drawer"] [data-sem-tooltip], [data-sem-c="popover"] [data-sem-tooltip], [data-sem-c="command-palette"] [data-sem-tooltip], [data-sem-c="lightbox"] [data-sem-tooltip], [data-sem-c="query-editor"] [data-sem-tooltip], [data-sem-c="result-table"] [data-sem-tooltip], [data-sem-c="result-graph"] [data-sem-tooltip], [data-sem-c="result-turtle"] [data-sem-tooltip], [data-sem-c="combobox"] [data-sem-tooltip], [data-sem-c="tag-input"] [data-sem-tooltip], [data-sem-c="rdf-term"] [data-sem-tooltip], [data-sem-c="rdf-property"] [data-sem-tooltip], [data-sem-c="date-range-field"] [data-sem-tooltip], [data-sem-c="ex-grid-layout-toolbar"] [data-sem-tooltip], [data-sem-c="window"] [data-sem-tooltip], [data-sem-c="palette"] [data-sem-tooltip] { position: relative; }
  [data-sem-c="shortcut-list"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="shape-report"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="class-doc"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="policy-list"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="sem-island"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="stall-report"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="stack"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="heading"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="button"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="text-field"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="list"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="list-item"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="stream-stats"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="tabs"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="segmented"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="flippable"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="source-back"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="choice"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="chips"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="card"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="app-bar"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="graph-mark"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="source-view"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="emblem"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="metrics"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="toggle"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="query-view"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="element-markup"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="highlight"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="switch"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="host-slot"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="stream-members"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="triples-view"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="desktop"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="taskbar"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="progress"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="gantt-task"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="finding-list"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="specimen"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="swatches"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="surface"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="divider"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="grid"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="spacer"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="status-bar"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="text"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="link"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="kbd"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="code"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="blockquote"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="icon-button"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="button-group"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="menu"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="menu-item"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="text-area"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="checkbox"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="radio-group"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="toggle-switch"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="slider"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="field"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="code-input"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="badge"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="alert"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="tag"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="spinner"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="skeleton"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="empty-state"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="toast-region"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="table"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="description-list"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="stat"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="avatar"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="avatar-group"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="timeline"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="timeline-item"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="tree"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="tree-item"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="breadcrumbs"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="pagination"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="stepper"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="accordion"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="accordion-item"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="code-editor"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="query-workbench"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="data-grid"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="grid-row"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="time-axis"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="tiled-workspace"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="split-view"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="dock-panel"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="json-tree"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="json-node"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="hex-view"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="body-viewer"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="image-view"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="search-field"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="legend"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="live-indicator"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="count-badge"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="message-list"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="message"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="term-tree"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="term-branch"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="term-overview"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="term-alignment"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="term-members"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="term-card"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="money"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="board"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="board-card"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="calendar"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="calendar-entry"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="outline"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="outline-item"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="connector"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="canvas"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="canvas-item"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="walkthrough"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="mention"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="typeahead"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="typeahead-option"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="rdf-editor"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="month-grid"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="date-field"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="time-field"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="file-drop"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="file-item"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="live-example"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="shape-form"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="shape-field"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="sheet"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="sheet-cell"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="gallery"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="ex-schematic"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="ex-fx-rating"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="ex-fx-chart"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="ex-fx-map"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="ex-fx-date"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="toolbar"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="run-query-button"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="theme-switcher"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="nav-list"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="projection-view"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="bar-chart"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="heatmap"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="line-chart"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="gantt-chart"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="walkthrough-step"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="linked-card"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="nav-link"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="toast"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="dialog"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="drawer"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="popover"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="command-palette"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="lightbox"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="query-editor"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="result-table"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="result-graph"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="result-turtle"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="combobox"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="tag-input"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="rdf-term"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="rdf-property"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="date-range-field"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="ex-grid-layout-toolbar"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="window"] [data-sem-tooltip]:is(:hover, :focus-visible)::after, [data-sem-c="palette"] [data-sem-tooltip]:is(:hover, :focus-visible)::after { background: var(--sem-tooltip-bg); bottom: calc(100% + 8px); color: var(--sem-tooltip-fg); content: attr(data-sem-tooltip); font: 500 12px/1.4 var(--sem-font); left: 50%; padding: 6px 9px; position: absolute; transform: translateX(-50%); width: max-content; border-radius: 8px; box-shadow: var(--sem-shadow-raised); max-width: 320px; pointer-events: none; text-align: start; white-space: pre-line; z-index: 60; }
  [data-sem-c="accordion"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: flex; overflow: hidden; width: 100%; border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-1); box-sizing: border-box; flex-direction: column; font-family: var(--sem-font); }
  [data-sem-c="accordion-item"] .sem-chevron { color: var(--sem-muted); flex: 0 0 auto; height: 7px; transform: translateY(-2px) rotate(45deg); transition: transform var(--sem-duration) var(--sem-ease), color var(--sem-duration) var(--sem-ease); width: 7px; border-bottom: 1.75px solid currentColor; border-right: 1.75px solid currentColor; margin-right: 4px; }
  [data-sem-c="accordion-item"] .sem-help { color: var(--sem-muted); font-size: var(--sem-text-sm); font-weight: 400; line-height: var(--sem-leading-tight); }
  [data-sem-c="accordion-item"] .sem-label { font-size: var(--sem-text-md); font-weight: 600; letter-spacing: -0.01em; line-height: var(--sem-leading-tight); }
  [data-sem-c="accordion-item"] .sem-title { display: grid; gap: 2px; min-width: 0; }
  [data-sem-c="accordion-item"] .sem-trigger { background: transparent; border: 0; color: var(--sem-text); cursor: pointer; display: flex; font: inherit; gap: var(--sem-space-4); padding: var(--sem-space-3) var(--sem-space-4); transition: background var(--sem-duration-fast) var(--sem-ease), box-shadow var(--sem-duration-fast) var(--sem-ease); width: 100%; align-items: center; border-radius: 0; justify-content: space-between; min-height: var(--sem-control-lg); text-align: start; }
  [data-sem-c="accordion-item"] .sem-trigger:focus-visible { outline: none; box-shadow: inset 0 0 0 2px color-mix(in oklab, var(--sem-accent) 60%, transparent); }
  [data-sem-c="accordion-item"] .sem-trigger:hover { background: var(--sem-surface-hover); }
  [data-sem-c="accordion-item"] > .sem-heading { font: inherit; margin: 0; }
  [data-sem-c="accordion-item"] > .sem-panel .sem-panel-body { color: var(--sem-muted); display: grid; gap: var(--sem-space-3); padding: 0 var(--sem-space-4) var(--sem-space-4); font-size: var(--sem-text-sm); line-height: var(--sem-leading-normal); }
  [data-sem-c="accordion-item"] > .sem-panel > .sem-panel-clip { overflow: hidden; min-height: 0; }
  [data-sem-c="accordion-item"] > .sem-panel { display: grid; opacity: 0; transition: grid-template-rows var(--sem-duration) var(--sem-ease), opacity var(--sem-duration) var(--sem-ease); grid-template-rows: 0fr; }
  [data-sem-c="accordion-item"] { display: block; transition: background var(--sem-duration) var(--sem-ease); }
  [data-sem-c="accordion-item"]:not(:first-child) { border-top: 1px solid var(--sem-border); }
  [data-sem-c="accordion-item"][data-expanded=true] > .sem-heading .sem-chevron { color: var(--sem-text); transform: translateY(2px) rotate(-135deg); }
  [data-sem-c="accordion-item"][data-expanded=true] > .sem-panel { opacity: 1; grid-template-rows: 1fr; }
  [data-sem-c="accordion-item"][data-expanded=true] { background: color-mix(in oklab, var(--sem-surface-sunken) 55%, transparent); }
  [data-sem-c="alert"] > .sem-actions { display: flex; gap: var(--sem-space-2); flex-wrap: wrap; }
  [data-sem-c="alert"] > .sem-content p { color: var(--sem-muted); margin: 0; }
  [data-sem-c="alert"] > .sem-content strong { color: var(--tone-text, var(--sem-text)); font-weight: 650; }
  [data-sem-c="alert"] > .sem-content { display: grid; gap: 2px; padding-top: 1px; }
  [data-sem-c="alert"] > .sem-icon { background: var(--tone-solid, var(--sem-gray-12)); color: var(--tone-on-solid, var(--sem-gray-1)); display: grid; font: 700 12px/1 var(--sem-font); height: 22px; width: 22px; border-radius: var(--sem-radius-full); place-items: center; }
  [data-sem-c="alert"] { background: var(--tone-soft, var(--sem-gray-3)); border: 1px solid var(--tone-border, var(--sem-gray-6)); color: var(--sem-text); display: grid; gap: var(--sem-space-3); padding: var(--sem-space-3) var(--sem-space-4); align-items: start; border-radius: var(--sem-radius-lg); font-family: var(--sem-font); font-size: var(--sem-text-sm); line-height: var(--sem-leading-normal); grid-template-columns: auto minmax(0, 1fr) auto; }
  [data-sem-c="app-bar"] .sem-brand > .sem-byline [data-sem-c=link] { color: var(--sem-muted); }
  [data-sem-c="app-bar"] .sem-brand > .sem-byline [data-sem-c=text] { color: inherit; font-size: inherit; line-height: inherit; }
  [data-sem-c="app-bar"] .sem-brand > .sem-byline { color: var(--sem-faint); font-size: 11px; line-height: 1; border-inline-start: 1px solid var(--sem-border); padding-inline-start: 10px; }
  [data-sem-c="app-bar"] .sem-brand > span { color: var(--sem-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="app-bar"] .sem-brand strong { font-size: 16px; font-weight: 700; letter-spacing: -0.02em; }
  [data-sem-c="app-bar"] .sem-brand { display: flex; gap: 10px; align-items: center; min-width: 0; }
  [data-sem-c="app-bar"] .sem-home { color: inherit; display: flex; gap: 10px; align-items: center; border-radius: var(--sem-radius); min-width: 0; text-decoration: none; }
  [data-sem-c="app-bar"] .sem-home:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="app-bar"] .sem-more, [data-sem-c="app-bar"] .sem-more-body { display: contents; }
  [data-sem-c="app-bar"] .sem-more-toggle { display: none; }
  [data-sem-c="app-bar"] > .sem-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; max-width: 100%; min-width: 0; }
  [data-sem-c="app-bar"] { background: color-mix(in oklab, var(--sem-surface-sunken) 78%, transparent); color: var(--sem-text); display: flex; gap: 12px 16px; padding: 12px 24px; position: sticky; top: var(--sem-dock-top, 0px); align-items: center; backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid var(--sem-border); flex-wrap: wrap; font-family: var(--sem-font); justify-content: space-between; z-index: 20; }
  [data-sem-c="avatar"] img { display: block; height: 100%; width: 100%; object-fit: cover; }
  [data-sem-c="avatar"] { background: light-dark(oklch(0.92 0.06 var(--avatar-hue, 280)), oklch(0.36 0.08 var(--avatar-hue, 280))); color: light-dark(oklch(0.38 0.13 var(--avatar-hue, 280)), oklch(0.93 0.05 var(--avatar-hue, 280))); display: inline-grid; flex: none; font: 650 calc(var(--avatar-size) * 0.38)/1 var(--sem-font); height: var(--avatar-size); overflow: hidden; width: var(--avatar-size); border-radius: var(--sem-radius-full); box-shadow: inset 0 0 0 1px color-mix(in oklab, currentColor 14%, transparent); letter-spacing: 0.02em; place-items: center; user-select: none; --avatar-size: var(--control-h, var(--sem-control-md)); }
  [data-sem-c="avatar-group"] > * + * { margin-inline-start: calc(var(--control-h, var(--sem-control-md)) * -0.22); }
  [data-sem-c="avatar-group"] > .sem-more { background: var(--sem-gray-4); color: var(--sem-gray-11); display: inline-grid; font: 650 12px/1 var(--sem-font); height: var(--control-h, var(--sem-control-md)); width: var(--control-h, var(--sem-control-md)); border-radius: var(--sem-radius-full); place-items: center; font-variant-numeric: tabular-nums; }
  [data-sem-c="avatar-group"] > :is([data-sem-c], .sem-more) { box-shadow: 0 0 0 2px var(--sem-surface); }
  [data-sem-c="avatar-group"] { display: inline-flex; isolation: isolate; align-items: center; }
  [data-sem-c="badge"] .sem-icon { font-size: 11px; }
  [data-sem-c="badge"] { background: var(--tone-soft, var(--sem-gray-3)); border: 1px solid transparent; color: var(--tone-text, var(--sem-gray-12)); display: inline-flex; font: 600 12px/1 var(--sem-font); gap: 4px; height: 22px; padding: 0 8px; align-items: center; border-radius: var(--sem-radius-full); letter-spacing: 0.01em; white-space: nowrap; }
  [data-sem-c="badge"] { justify-self: start; }
  [data-sem-c="bar-chart"] .sem-empty, [data-sem-c="heatmap"] .sem-empty, [data-sem-c="line-chart"] .sem-empty, [data-sem-c="gantt-chart"] .sem-empty { color: var(--sem-muted); margin: 0; }
  [data-sem-c="bar-chart"] .sem-legend i, [data-sem-c="heatmap"] .sem-legend i, [data-sem-c="line-chart"] .sem-legend i, [data-sem-c="gantt-chart"] .sem-legend i { display: inline-block; height: 10px; width: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
  [data-sem-c="bar-chart"] .sem-legend, [data-sem-c="heatmap"] .sem-legend, [data-sem-c="line-chart"] .sem-legend, [data-sem-c="gantt-chart"] .sem-legend { color: var(--sem-muted); display: flex; gap: 6px 14px; margin: 4px 0 0; padding: 0; flex-wrap: wrap; font-size: 12px; list-style: none; }
  [data-sem-c="bar-chart"] figcaption, [data-sem-c="heatmap"] figcaption, [data-sem-c="line-chart"] figcaption, [data-sem-c="gantt-chart"] figcaption { color: var(--sem-muted); font-size: var(--sem-font-size-micro); font-weight: 600; letter-spacing: 0.07em; margin-bottom: 8px; text-transform: uppercase; }
  [data-sem-c="bar-chart"] figure, [data-sem-c="heatmap"] figure, [data-sem-c="line-chart"] figure, [data-sem-c="gantt-chart"] figure { margin: 0 0 18px; min-width: 0; }
  [data-sem-c="bar-chart"], [data-sem-c="heatmap"], [data-sem-c="line-chart"], [data-sem-c="gantt-chart"] { color: var(--sem-text); font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="blockquote"] > footer cite { font-style: normal; font-weight: 550; }
  [data-sem-c="blockquote"] > footer { color: var(--sem-muted); font-size: var(--sem-text-sm); }
  [data-sem-c="blockquote"] > p { color: var(--sem-text); margin: 0; font-size: var(--sem-text-lg); letter-spacing: -0.01em; line-height: var(--sem-leading-normal); }
  [data-sem-c="blockquote"] { display: grid; gap: var(--sem-space-2); margin: 0; padding: var(--sem-space-1) var(--sem-space-4); border-left: 3px solid var(--tone-border, var(--sem-accent-7)); font-family: var(--sem-font); max-width: 64ch; }
  [data-sem-c="board"] > .sem-lane > header > h3 { color: var(--sem-muted); margin: 0; font-size: var(--sem-text-sm); font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; }
  [data-sem-c="board"] > .sem-lane > header { display: flex; gap: var(--sem-space-2); align-items: center; justify-content: space-between; padding-inline: 2px; }
  [data-sem-c="board"] > .sem-lane > ul { display: grid; gap: var(--sem-space-2); margin: 0; padding: 0; align-content: start; list-style: none; min-height: 3.5rem; }
  [data-sem-c="board"] > .sem-lane > ul:empty { border: 1px dashed var(--sem-border-strong); border-radius: var(--sem-radius-md); }
  [data-sem-c="board"] > .sem-lane { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); display: grid; gap: var(--sem-space-3); padding: var(--sem-space-3); transition: border-color var(--sem-duration) var(--sem-ease); border-radius: var(--sem-radius-card); grid-row: span 2; min-width: 0; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  [data-sem-c="board"] > .sem-lane.sem-full { border-color: var(--sem-warning-6); }
  [data-sem-c="board"] { display: grid; gap: var(--sem-space-4); align-items: start; min-width: 0; grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); }
  [data-sem-c="board-card"] .sem-moves { display: inline-flex; gap: 2px; margin-inline-start: auto; }
  [data-sem-c="board-card"] .sem-person { color: var(--sem-muted); overflow: hidden; font-size: var(--sem-text-xs); text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="board-card"] .sem-step { display: inline-flex; }
  [data-sem-c="board-card"] .sem-step:dir(rtl) { transform: scaleX(-1); }
  [data-sem-c="board-card"] .sem-title { font-size: var(--sem-text-sm); font-weight: 600; line-height: var(--sem-leading-tight); overflow-wrap: anywhere; }
  [data-sem-c="board-card"] > .sem-card-foot { display: flex; gap: var(--sem-space-2); align-items: center; min-height: 28px; }
  [data-sem-c="board-card"] > .sem-card-head { display: flex; gap: var(--sem-space-2); align-items: flex-start; justify-content: space-between; }
  [data-sem-c="board-card"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: grid; gap: var(--sem-space-2); outline: none; padding: 10px 12px; transition: border-color var(--sem-duration-fast) var(--sem-ease), box-shadow var(--sem-duration-fast) var(--sem-ease); border-radius: var(--sem-radius-md); box-shadow: var(--sem-shadow-1); }
  [data-sem-c="board-card"].sem-refused { animation: sem-shake var(--sem-duration-slow) var(--sem-ease); border-color: var(--sem-warning-6); }
  [data-sem-c="board-card"]:focus-visible { border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="body-viewer"] .sem-head { display: flex; gap: var(--sem-space-3); align-items: center; flex-wrap: wrap; }
  [data-sem-c="body-viewer"] .sem-meta { color: var(--sem-muted); font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); }
  [data-sem-c="body-viewer"] .sem-views > button { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; font: inherit; padding: 3px 10px; transition: color var(--sem-duration-fast) var(--sem-ease), background var(--sem-duration-fast) var(--sem-ease); border-radius: var(--sem-radius-full); font-size: var(--sem-text-xs); font-weight: 600; }
  [data-sem-c="body-viewer"] .sem-views > button:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="body-viewer"] .sem-views > button:hover { color: var(--sem-text); }
  [data-sem-c="body-viewer"] .sem-views > button[aria-pressed=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); }
  [data-sem-c="body-viewer"] .sem-views { background: var(--sem-surface); border: 1px solid var(--sem-border); display: inline-flex; gap: 2px; padding: 2px; border-radius: var(--sem-radius-full); }
  [data-sem-c="body-viewer"] > pre { overflow: auto; max-height: 24rem; overflow-wrap: anywhere; white-space: pre-wrap; }
  [data-sem-c="body-viewer"] { display: flex; flex: 1 1 100%; gap: var(--sem-space-2); flex-direction: column; font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="body-viewer"].sem-empty { color: var(--sem-muted); margin: 0; }
  [data-sem-c="breadcrumbs"] .sem-current { color: var(--sem-text); font-weight: 600; }
  [data-sem-c="breadcrumbs"] .sem-sep { color: var(--sem-faint); padding: 0 2px; user-select: none; }
  [data-sem-c="breadcrumbs"] :is(.sem-crumb, .sem-current) { background: transparent; border: 0; color: inherit; font: inherit; padding: 3px 6px; border-radius: var(--sem-radius-sm); white-space: nowrap; }
  [data-sem-c="breadcrumbs"] :is(a, button).sem-crumb { cursor: pointer; transition: background var(--sem-duration-fast) var(--sem-ease), color var(--sem-duration-fast) var(--sem-ease); text-decoration: none; }
  [data-sem-c="breadcrumbs"] :is(a, button).sem-crumb:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="breadcrumbs"] :is(a, button).sem-crumb:hover { background: var(--sem-gray-3); color: var(--sem-text); }
  [data-sem-c="breadcrumbs"] > ol { display: flex; gap: 2px; margin: 0; padding: 0; align-items: center; flex-wrap: wrap; list-style: none; }
  [data-sem-c="breadcrumbs"] li { display: inline-flex; gap: 2px; align-items: center; min-width: 0; }
  [data-sem-c="breadcrumbs"] { color: var(--sem-muted); font-family: var(--sem-font); font-size: var(--sem-text-sm); }
  [data-sem-c="button"], [data-sem-c="run-query-button"] { background: var(--sem-surface); border: 1px solid var(--sem-border-strong); color: var(--sem-text); cursor: pointer; display: inline-flex; font: inherit; gap: var(--sem-space-2); padding: 0 var(--control-px, var(--sem-space-4)); transition: background var(--sem-motion), border-color var(--sem-motion), box-shadow var(--sem-motion), transform var(--sem-motion), filter var(--sem-motion); align-items: center; border-radius: var(--control-radius, var(--sem-radius-control)); box-shadow: var(--sem-shadow); font-size: var(--control-font, inherit); font-weight: 600; justify-content: center; letter-spacing: -0.005em; line-height: 1.2; min-height: var(--control-h, var(--sem-control-height)); }
  [data-sem-c="button"]:active, [data-sem-c="run-query-button"]:active { transform: translateY(1px) scale(0.99); }
  [data-sem-c="button"]:disabled, [data-sem-c="run-query-button"]:disabled { cursor: not-allowed; opacity: 0.45; transform: none; box-shadow: none; }
  [data-sem-c="button"]:focus-visible, [data-sem-c="run-query-button"]:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="button"]:hover, [data-sem-c="run-query-button"]:hover { background: var(--sem-surface-hover); border-color: var(--sem-faint); }
  [data-sem-c="button-group"] > [data-sem-c] + [data-sem-c] { margin-inline-start: -1px; }
  [data-sem-c="button-group"] > [data-sem-c] { margin: 0; border-radius: 0; box-shadow: none; }
  [data-sem-c="button-group"] > [data-sem-c]:active { transform: none; }
  [data-sem-c="button-group"] > [data-sem-c]:first-child { border-end-start-radius: var(--control-radius, var(--sem-radius-control)); border-start-start-radius: var(--control-radius, var(--sem-radius-control)); }
  [data-sem-c="button-group"] > [data-sem-c]:is(:hover, :focus-visible, [aria-pressed=true]) { position: relative; z-index: 1; }
  [data-sem-c="button-group"] > [data-sem-c]:last-child { border-end-end-radius: var(--control-radius, var(--sem-radius-control)); border-start-end-radius: var(--control-radius, var(--sem-radius-control)); }
  [data-sem-c="button-group"] { display: inline-flex; isolation: isolate; align-items: stretch; border-radius: var(--control-radius, var(--sem-radius-control)); box-shadow: var(--sem-shadow); }
  [data-sem-c="calendar"] .sem-cal-cell { height: var(--sem-cal-hour); position: relative; border-top: 1px solid color-mix(in oklab, var(--sem-border) 60%, transparent); border-inline-start: 1px solid var(--sem-border); }
  [data-sem-c="calendar"] .sem-cal-cell[data-sem-drop=accepts]:not([data-sem-drop-over]) { outline: none; }
  [data-sem-c="calendar"] .sem-cal-cell[data-sem-drop=refuses] { background-color: color-mix(in oklab, var(--sem-danger-9) 7%, transparent); }
  [data-sem-c="calendar"] .sem-cal-cell[data-sem-drop] { border-radius: 0; outline-offset: -2px; }
  [data-sem-c="calendar"] .sem-cal-corner { background: var(--sem-surface-sunken); }
  [data-sem-c="calendar"] .sem-cal-day { color: var(--sem-muted); padding: 8px 6px; font-size: var(--sem-text-xs); font-weight: 650; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; border-inline-start: 1px solid var(--sem-border); }
  [data-sem-c="calendar"] .sem-cal-head { background: var(--sem-surface-sunken); position: sticky; top: 0; border-bottom: 1px solid var(--sem-border); z-index: 3; }
  [data-sem-c="calendar"] .sem-cal-head, [data-sem-c="calendar"] .sem-cal-row { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; }
  [data-sem-c="calendar"] .sem-cal-hour { color: var(--sem-muted); padding: 2px 6px; translate: 0 -0.6em; font-size: var(--sem-text-xs); text-align: end; font-variant-numeric: tabular-nums; }
  [data-sem-c="calendar"] .sem-cal-hour, [data-sem-c="calendar"] .sem-cal-corner { background: var(--sem-surface); position: sticky; z-index: 2; inset-inline-start: 0; }
  [data-sem-c="calendar"] .sem-cal-place { height: calc(var(--sem-span) / 60 * 100% - 3px); position: absolute; top: calc(var(--sem-start) / 60 * 100% + 1px); width: calc(100% / var(--sem-lanes) - 4px); z-index: 1; inset-inline-start: calc(var(--sem-lane) / var(--sem-lanes) * 100% + 2px); }
  [data-sem-c="calendar"] .sem-cal-place:has([data-sem-lifted]) { z-index: 30; }
  [data-sem-c="calendar"] .sem-cal-row:first-of-type .sem-cal-cell { border-top: none; }
  [data-sem-c="calendar"] .sem-cal-row:first-of-type .sem-cal-hour { translate: none; }
  [data-sem-c="calendar"] > .sem-cal-grid { display: grid; min-width: max-content; grid-template-columns: 3.25rem repeat(var(--sem-cal-days, 5), minmax(6.5rem, 1fr)); }
  [data-sem-c="calendar"] { background: var(--sem-surface); border: 1px solid var(--sem-border); border-radius: var(--sem-radius-card); max-width: 100%; overflow-x: auto; --sem-cal-hour: 3.5rem; }
  [data-sem-c="calendar-entry"] .sem-conflict-note { color: var(--sem-danger-11); font-weight: 600; }
  [data-sem-c="calendar-entry"] .sem-conflict-note::before { content: "⚠ "; }
  [data-sem-c="calendar-entry"] .sem-title { hyphens: auto; font-weight: 650; overflow-wrap: break-word; }
  [data-sem-c="calendar-entry"] .sem-title { unicode-bidi: plaintext; }
  [data-sem-c="calendar-entry"] .sem-when { direction: ltr; unicode-bidi: isolate; font-variant-numeric: tabular-nums; }
  [data-sem-c="calendar-entry"] :is(.sem-title, .sem-when) { align-self: flex-start; max-width: 100%; }
  [data-sem-c="calendar-entry"] :is(.sem-when, .sem-detail) { opacity: 0.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="calendar-entry"] { background: color-mix(in oklab, var(--tone-soft) 85%, var(--sem-surface)); border: 1px solid var(--tone-border); color: var(--tone-text); display: flex; gap: 1px; height: 100%; overflow: hidden; padding: 3px 6px; border-radius: var(--sem-radius-sm); box-sizing: border-box; flex-direction: column; font-size: var(--sem-text-xs); line-height: var(--sem-leading-tight); border-inline-start: 3px solid var(--tone-solid); }
  [data-sem-c="calendar-entry"].sem-conflict { outline: 2px solid var(--sem-danger-9); background-image: repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in oklab, var(--sem-danger-9) 12%, transparent) 6px 12px); outline-offset: -1px; }
  [data-sem-c="canvas"] > .sem-canvas-grip { background: linear-gradient(135deg, transparent 0 55%, var(--sem-border-strong, var(--sem-border)) 55% 62%, transparent 62% 72%, var(--sem-border-strong, var(--sem-border)) 72% 79%, transparent 79%); bottom: 0; cursor: nwse-resize; height: 18px; position: absolute; right: 0; width: 18px; touch-action: none; z-index: 3; }
  [data-sem-c="canvas"] { background: var(--sem-surface-sunken); border: 1px dashed var(--sem-border); display: flex; gap: var(--sem-space-5); overflow: hidden; padding: var(--sem-space-4); position: relative; width: 100%; align-items: flex-start; border-radius: var(--sem-radius); box-sizing: border-box; flex-wrap: wrap; justify-content: space-between; max-width: 100%; min-height: 200px; min-width: 0; }
  [data-sem-c="canvas-item"] { cursor: grab; position: relative; max-width: 100%; touch-action: none; user-select: none; z-index: 1; }
  [data-sem-c="canvas-item"]:active { cursor: grabbing; }
  [data-sem-c="canvas-item"][data-sem-placed] { margin: 0; position: absolute; }
  [data-sem-c="card"] > .sem-card-body { padding: var(--sem-space-4) var(--sem-space-5); min-width: 0; }
  [data-sem-c="card"] > header .sem-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; max-width: 100%; min-width: 0; margin-inline-start: auto; }
  [data-sem-c="card"] > header .sem-badge { background: var(--sem-accent-soft); color: var(--sem-accent-strong); font: 500 11px/1 var(--sem-mono); padding: 4px 7px; border-radius: 6px; }
  [data-sem-c="card"] > header h2 { margin: 0; font-size: 13px; font-weight: 650; }
  [data-sem-c="card"] > header p { color: var(--sem-muted); margin: 0; flex-basis: 100%; font-size: 12px; }
  [data-sem-c="card"] > header { display: flex; gap: 4px 10px; padding: var(--sem-space-3) var(--sem-space-4); align-items: center; border-bottom: 1px solid var(--sem-border); flex-wrap: wrap; }
  [data-sem-c="card"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: grid; border-radius: var(--sem-radius-card); box-shadow: var(--sem-shadow-raised); font-family: var(--sem-font); min-width: 0; row-gap: 0; grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="card"]:not([data-sem-row-span]) { grid-template-rows: auto 1fr; }
  [data-sem-c="checkbox"] > .sem-row > input { appearance: none; background: var(--sem-surface) no-repeat center / 78%; border: 1.5px solid var(--sem-gray-8); cursor: pointer; flex: none; height: var(--check-size); margin: 0; transition: background-color var(--sem-motion), border-color var(--sem-motion), box-shadow var(--sem-motion); width: var(--check-size); border-radius: calc(var(--check-size) * 0.3); }
  [data-sem-c="checkbox"] > .sem-row > input:checked { background-color: var(--tone-solid, var(--sem-accent-9)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); border-color: var(--tone-solid, var(--sem-accent-9)); }
  [data-sem-c="checkbox"] > .sem-row > input:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="checkbox"] > .sem-row > input:not(:disabled):hover { border-color: var(--tone-solid, var(--sem-accent-9)); }
  [data-sem-c="checkbox"] > .sem-row > input[aria-invalid=true] { border-color: var(--sem-danger); }
  [data-sem-c="checkbox"] > .sem-row > label { color: var(--sem-text); cursor: pointer; line-height: 1.35; user-select: none; }
  [data-sem-c="checkbox"] > .sem-row { display: flex; gap: 10px; align-items: center; }
  [data-sem-c="checkbox"] > .sem-row:has(> input:disabled) > * { cursor: not-allowed; }
  [data-sem-c="checkbox"] > .sem-row:has(> input:disabled) { opacity: 0.5; }
  [data-sem-c="checkbox"] > :is(.sem-help, .sem-error) { padding-inline-start: calc(var(--check-size) + 10px); }
  [data-sem-c="checkbox"] { display: grid; gap: 2px; font-family: var(--sem-font); font-size: var(--control-font, 14px); --check-size: calc(var(--control-h, 36px) * 0.5); }
  [data-sem-c="chips"] > span { color: var(--sem-muted); font-size: var(--sem-font-size-micro); font-weight: 600; letter-spacing: 0.07em; margin-right: 2px; text-transform: uppercase; }
  [data-sem-c="chips"] button > .sem-count { opacity: 0.75; font-size: var(--sem-text-xs); font-weight: 500; font-variant-numeric: tabular-nums; margin-inline-start: 6px; }
  [data-sem-c="chips"] button > .sem-count.sem-zero { opacity: 0.45; }
  [data-sem-c="chips"] button { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-muted); cursor: pointer; font: inherit; padding: 6px 13px; transition: color var(--sem-motion), background var(--sem-motion), border-color var(--sem-motion); border-radius: 999px; box-shadow: var(--sem-shadow); font-size: var(--sem-font-size-small); font-weight: 600; white-space: nowrap; }
  [data-sem-c="chips"] button:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="chips"] button:hover { color: var(--sem-text); }
  [data-sem-c="chips"] button[aria-pressed=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); border-color: color-mix(in oklab, var(--sem-accent) 35%, transparent); }
  [data-sem-c="chips"] { display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; font-family: var(--sem-font); }
  [data-sem-c="choice"] > span { font-size: var(--sem-font-size-small); font-weight: 600; letter-spacing: 0.005em; }
  [data-sem-c="choice"] select { border: 1px solid var(--sem-border-strong); color: var(--sem-text); font: inherit; transition: border-color var(--sem-motion), box-shadow var(--sem-motion), background-color var(--sem-motion); background-color: var(--sem-surface-sunken); border-radius: var(--sem-radius-control); min-width: 0; padding-inline: var(--sem-space-3) var(--sem-chevron-space); }
  [data-sem-c="choice"] select:disabled { cursor: not-allowed; }
  [data-sem-c="choice"] select:focus-visible { outline: none; background-color: var(--sem-surface); border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="choice"] select:not(:disabled):hover { border-color: var(--sem-faint); }
  [data-sem-c="choice"] { color: var(--sem-text); display: grid; gap: var(--sem-space-2); font-family: var(--sem-font); min-width: 0; grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="choice"]:has(> select:disabled) { cursor: not-allowed; opacity: 0.55; }
  [data-sem-c="class-doc"] .ttl-comment { color: var(--sem-faint); font-style: italic; }
  [data-sem-c="class-doc"] { animation: sem-rise-in var(--sem-duration) var(--sem-ease); background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); font: 12px/1.55 var(--sem-font-mono); margin: 0; overflow: auto; padding: var(--sem-space-4); border-radius: var(--sem-radius-lg); max-height: 420px; white-space: pre-wrap; }
  [data-sem-c="code"] { background: var(--sem-gray-3); border: 1px solid var(--sem-border); color: var(--sem-gray-12); direction: ltr; padding: 0.12em 0.4em; border-radius: var(--sem-radius-sm); font-family: var(--sem-font-mono); font-size: 0.88em; overflow-wrap: anywhere; unicode-bidi: isolate; font-variant-ligatures: none; }
  [data-sem-c="code"]:is(pre) > .sem-language { color: var(--sem-faint); font: 650 10px/1 var(--sem-font); position: absolute; right: var(--sem-space-3); top: var(--sem-space-2); letter-spacing: 0.08em; text-transform: uppercase; user-select: none; }
  [data-sem-c="code"]:is(pre) > code { font: inherit; }
  [data-sem-c="code"]:is(pre) { background: var(--sem-surface-sunken); display: block; margin: 0; padding: var(--sem-space-4) var(--sem-space-4); position: relative; width: 100%; border-radius: var(--sem-radius-lg); box-sizing: border-box; font-size: var(--sem-text-sm); line-height: 1.6; overflow-wrap: normal; overflow-x: auto; tab-size: 2; white-space: pre; }
  [data-sem-c="code-editor"] .sem-code, [data-sem-c="query-editor"] .sem-code { display: grid; min-height: 100%; grid-template-columns: auto minmax(max-content, 1fr); }
  [data-sem-c="code-editor"] .sem-detail, [data-sem-c="query-editor"] .sem-detail { color: var(--sem-muted); font-size: var(--sem-text-xs); grid-column: 2; white-space: normal; }
  [data-sem-c="code-editor"] .sem-gutter, [data-sem-c="query-editor"] .sem-gutter { background: var(--sem-code-bg); color: var(--sem-faint); font: 12.5px/20px var(--sem-font-mono); margin: 0; padding: var(--sem-editor-pad) 8px var(--sem-editor-pad) 12px; position: sticky; text-align: end; user-select: none; z-index: 1; border-inline-end: 1px solid var(--sem-border); inset-inline-start: 0; }
  [data-sem-c="code-editor"] .sem-highlight, [data-sem-c="query-editor"] .sem-highlight { color: var(--sem-text); pointer-events: none; }
  [data-sem-c="code-editor"] .sem-hint, [data-sem-c="query-editor"] .sem-hint { color: var(--sem-faint); margin: 0; font-size: var(--sem-text-xs); }
  [data-sem-c="code-editor"] .sem-hint, [data-sem-c="query-editor"] .sem-hint { text-align: start; unicode-bidi: plaintext; }
  [data-sem-c="code-editor"] .sem-input, [data-sem-c="query-editor"] .sem-input { background: transparent; color: transparent; height: 100%; outline: none; overflow: hidden; resize: none; width: 100%; caret-color: var(--sem-text); min-height: 0; -webkit-text-fill-color: transparent; }
  [data-sem-c="code-editor"] .sem-input::selection, [data-sem-c="query-editor"] .sem-input::selection { background: color-mix(in oklab, var(--sem-accent) 28%, transparent); }
  [data-sem-c="code-editor"] .sem-kind, [data-sem-c="query-editor"] .sem-kind { background: var(--sem-gray-3); color: var(--sem-muted); font: 700 10px/1 var(--sem-font-mono); padding: 3px 0; border-radius: 4px; text-align: center; }
  [data-sem-c="code-editor"] .sem-kind-class, [data-sem-c="query-editor"] .sem-kind-class { color: var(--sem-code-iri); }
  [data-sem-c="code-editor"] .sem-kind-property, [data-sem-c="query-editor"] .sem-kind-property { color: var(--sem-code-name); }
  [data-sem-c="code-editor"] .sem-kind-variable, [data-sem-c="query-editor"] .sem-kind-variable { color: var(--sem-code-var); }
  [data-sem-c="code-editor"] .sem-option code, [data-sem-c="query-editor"] .sem-option code { color: var(--sem-code-name); font-family: var(--sem-font-mono); font-size: 12px; }
  [data-sem-c="code-editor"] .sem-option, [data-sem-c="query-editor"] .sem-option { cursor: pointer; display: grid; gap: 0 8px; padding: 4px 8px; align-items: baseline; border-radius: 4px; font-family: var(--sem-font); font-size: var(--sem-text-sm); line-height: 1.3; grid-template-columns: 16px auto; }
  [data-sem-c="code-editor"] .sem-option:hover, [data-sem-c="query-editor"] .sem-option:hover { background: var(--sem-gray-3); }
  [data-sem-c="code-editor"] .sem-option[aria-selected=true], [data-sem-c="query-editor"] .sem-option[aria-selected=true] { background: var(--sem-accent-soft); }
  [data-sem-c="code-editor"] .sem-scroll, [data-sem-c="query-editor"] .sem-scroll { background: var(--sem-code-bg); border: 1px solid var(--sem-border); transition: border-color var(--sem-duration-fast) var(--sem-ease), box-shadow var(--sem-duration-fast) var(--sem-ease); border-radius: var(--sem-radius); min-height: 7rem; overflow-x: auto; }
  [data-sem-c="code-editor"] .sem-scroll:focus-within, [data-sem-c="query-editor"] .sem-scroll:focus-within { border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="code-editor"] .sem-suggestions, [data-sem-c="query-editor"] .sem-suggestions { background: var(--sem-surface-overlay); border: 1px solid var(--sem-border-strong); font: 12.5px/20px var(--sem-font-mono); margin: 0; padding: 4px; position: absolute; top: calc(var(--line) * var(--sem-editor-line) + var(--sem-editor-pad) + 3px); width: max-content; border-radius: var(--sem-radius-sm); box-shadow: var(--sem-shadow-3); list-style: none; max-width: 26rem; min-width: 14rem; z-index: 2; inset-inline-start: max(4px, min(calc((var(--digits) + var(--col)) * 1ch + 35px - 30px), calc(100% - 22rem))); }
  [data-sem-c="code-editor"] .sem-text, [data-sem-c="query-editor"] .sem-text { display: grid; position: relative; min-width: 0; }
  [data-sem-c="code-editor"] :is(.sem-highlight, .sem-input), [data-sem-c="query-editor"] :is(.sem-highlight, .sem-input) { border: 0; font: 12.5px/20px var(--sem-font-mono); margin: 0; padding: var(--sem-editor-pad) 14px; box-sizing: border-box; grid-area: 1 / 1; letter-spacing: 0; overflow-wrap: normal; tab-size: 2; white-space: pre; }
  [data-sem-c="code-editor"] :is(.sem-kind-keyword, .sem-kind-function), [data-sem-c="query-editor"] :is(.sem-kind-keyword, .sem-kind-function) { color: var(--sem-code-keyword); }
  [data-sem-c="code-editor"], [data-sem-c="query-editor"] { direction: ltr; unicode-bidi: isolate; }
  [data-sem-c="code-editor"], [data-sem-c="query-editor"] { display: flex; gap: 4px; position: relative; flex-direction: column; min-width: 0; }
  [data-sem-c="code-input"] .sem-code-cell { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border-strong); color: var(--sem-text); display: grid; height: calc(var(--control-h, var(--sem-control-height)) * 1.3); position: relative; transition: border-color var(--sem-motion), box-shadow var(--sem-motion), background var(--sem-motion); width: calc(var(--control-h, var(--sem-control-height)) * 1.05); border-radius: var(--control-radius, var(--sem-radius-control)); box-sizing: border-box; font-family: var(--sem-font-mono); font-size: calc(var(--control-h, var(--sem-control-height)) * 0.55); font-weight: 600; place-items: center; }
  [data-sem-c="code-input"] .sem-code-sep { background: var(--sem-faint); height: 2px; width: calc(var(--control-h, var(--sem-control-height)) * 0.3); border-radius: var(--sem-radius-full); }
  [data-sem-c="code-input"] > .sem-code-box > .sem-code-cells { display: flex; gap: calc(var(--control-h, var(--sem-control-height)) * 0.16); align-items: center; flex-wrap: wrap; }
  [data-sem-c="code-input"] > .sem-code-box > input { border: 0; cursor: text; height: 100%; inset: 0; margin: 0; opacity: 0; padding: 0; position: absolute; width: 100%; font-size: 16px; z-index: 1; }
  [data-sem-c="code-input"] > .sem-code-box > input:disabled { cursor: not-allowed; }
  [data-sem-c="code-input"] > .sem-code-box { position: relative; max-width: 100%; }
  [data-sem-c="code-input"] > .sem-code-box:focus-within .sem-code-cell[data-state=active] { background: var(--sem-surface); border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="code-input"] > .sem-code-box:focus-within .sem-code-cell[data-state=active]::after { animation: sem-caret-blink calc(var(--sem-duration-loop) * 3.5) steps(1, end) infinite; background: var(--sem-accent); content: ""; height: 45%; width: 2px; border-radius: 1px; }
  [data-sem-c="code-input"] > .sem-code-box:has(> input:disabled) .sem-code-cells { opacity: 0.55; }
  [data-sem-c="code-input"] > .sem-code-box:has(> input[aria-invalid=true]) .sem-code-cell { border-color: var(--sem-danger); }
  [data-sem-c="code-input"] > .sem-code-box:hover .sem-code-cell { border-color: var(--sem-faint); }
  [data-sem-c="code-input"] > .sem-error { color: var(--sem-danger); font-size: var(--sem-font-size-small); font-weight: 550; }
  [data-sem-c="code-input"] > .sem-help { color: var(--sem-muted); font-size: var(--sem-font-size-small); }
  [data-sem-c="code-input"] > label { font-size: var(--sem-font-size-small); font-weight: 600; }
  [data-sem-c="code-input"] { display: grid; gap: var(--sem-space-2); font-family: var(--sem-font); justify-items: start; }
  [data-sem-c="code-input"][data-complete=true] .sem-code-cell { border-color: var(--sem-success); }
  [data-sem-c="connector"] .sem-connector-leader { fill: none; opacity: 0.55; stroke: var(--sem-connector-ink); stroke-dasharray: 1.5 3; stroke-linecap: round; stroke-width: 1.2; }
  [data-sem-c="connector"] .sem-connector-line { fill: none; opacity: 0.82; stroke: var(--sem-connector-ink); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
  [data-sem-c="connector"] :is(.sem-connector-head, .sem-connector-start) { fill: var(--sem-connector-ink); opacity: 0.82; }
  [data-sem-c="connector"] { height: 100%; inset: 0; overflow: visible; position: absolute; width: 100%; pointer-events: none; z-index: 2; --sem-connector-ink: var(--sem-accent); }
  [data-sem-c="connector"]:not([data-sem-drawn]) { visibility: hidden; }
  [data-sem-c="connector"][data-sem-away] .sem-connector-line { stroke-dasharray: 2 4; }
  [data-sem-c="connector"][data-sem-emphasis=solid] .sem-connector-leader { opacity: 0.9; }
  [data-sem-c="connector"][data-sem-emphasis=solid] .sem-connector-line { opacity: 1; stroke-width: 2.4; }
  [data-sem-c="connector"][data-sem-emphasis=solid] :is(.sem-connector-head, .sem-connector-start) { opacity: 1; }
  [data-sem-c="connector"][data-sem-line=dashed] .sem-connector-line { stroke-dasharray: 4 3; }
  [data-sem-c="connector"][data-sem-tone] { --sem-connector-ink: var(--tone-solid); }
  [data-sem-c="count-badge"] { background: var(--tone-soft, var(--sem-gray-3)); border: 1px solid transparent; color: var(--tone-text, var(--sem-gray-12)); display: inline-flex; font: 650 11px/1 var(--sem-font); height: 20px; padding: 0 7px; align-items: center; border-radius: var(--sem-radius-full); justify-content: center; min-width: 22px; white-space: nowrap; font-variant-numeric: tabular-nums; }
  [data-sem-c="count-badge"] { justify-self: start; }
  [data-sem-c="data-grid"] .sem-bar { background: var(--bar, var(--sem-accent-9)); height: 8px; position: absolute; top: 50%; width: max(3px, calc((var(--to, var(--scale-end)) - var(--from)) / (var(--scale-end) - var(--scale-start)) * (100% - 2 * var(--sem-space-3)))); border-radius: 3px; margin-top: -4px; inset-inline-start: calc(var(--sem-space-3) + (var(--from) - var(--scale-start)) / (var(--scale-end) - var(--scale-start)) * (100% - 2 * var(--sem-space-3))); }
  [data-sem-c="data-grid"] .sem-bar.sem-open { animation: sem-shimmer calc(var(--sem-duration-loop) * 8) linear infinite; background-image: repeating-linear-gradient(-45deg, transparent 0 4px, color-mix(in oklab, var(--sem-canvas) 45%, transparent) 4px 8px); background-size: 200% 100%; }
  [data-sem-c="data-grid"] .sem-bar[data-sem-tone] { background: var(--tone-solid); }
  [data-sem-c="data-grid"] .sem-cell-badge { background: var(--tone-soft); border: 1px solid var(--tone-border); color: var(--tone-text); display: inline-flex; padding: 1px 8px; align-items: center; border-radius: var(--sem-radius-full); font-size: var(--sem-text-xs); font-weight: 550; }
  [data-sem-c="data-grid"] .sem-cell-image { background: var(--sem-gray-3); border: 1px solid var(--sem-border); display: block; block-size: 1.5rem; border-radius: var(--sem-radius-sm); inline-size: 1.5rem; margin-block: -0.25rem; object-fit: cover; }
  [data-sem-c="data-grid"] .sem-center { text-align: center; }
  [data-sem-c="data-grid"] .sem-detail { color: var(--sem-muted); display: block; overflow: hidden; font-size: var(--sem-text-xs); text-overflow: ellipsis; }
  [data-sem-c="data-grid"] .sem-follow[aria-pressed=true] { background: var(--sem-accent-3); color: var(--sem-accent-11); border-color: var(--sem-accent-7); }
  [data-sem-c="data-grid"] .sem-grid-footer button { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); cursor: pointer; font: inherit; padding: 2px 10px; transition: background var(--sem-duration-fast) var(--sem-ease), border-color var(--sem-duration-fast) var(--sem-ease); border-radius: var(--sem-radius-sm); }
  [data-sem-c="data-grid"] .sem-grid-footer button:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="data-grid"] .sem-grid-footer button:hover:not([disabled]) { background: var(--sem-gray-3); }
  [data-sem-c="data-grid"] .sem-grid-footer button[disabled] { cursor: default; opacity: 0.45; }
  [data-sem-c="data-grid"] .sem-grid-footer { background: var(--sem-surface-sunken); color: var(--sem-muted); display: flex; gap: var(--sem-space-2); padding: var(--sem-space-2) var(--sem-space-3); align-items: center; border-top: 1px solid var(--sem-border); flex-wrap: wrap; font-size: var(--sem-text-xs); }
  [data-sem-c="data-grid"] .sem-head-label { display: block; padding: var(--sem-space-2) var(--sem-space-3); }
  [data-sem-c="data-grid"] .sem-jump { background: transparent; color: var(--sem-accent-11); border-color: transparent; font-weight: 600; }
  [data-sem-c="data-grid"] .sem-resize { bottom: 0; cursor: col-resize; outline: none; position: absolute; top: 0; width: 8px; touch-action: none; z-index: 2; inset-inline-end: -4px; }
  [data-sem-c="data-grid"] .sem-resize::after { background: var(--sem-border); bottom: 20%; content: ""; position: absolute; top: 20%; transition: background var(--sem-duration-fast) var(--sem-ease); width: 2px; border-radius: 1px; inset-inline-start: 3px; }
  [data-sem-c="data-grid"] .sem-resize:is(:hover, :focus-visible)::after { background: var(--sem-accent); bottom: 0; top: 0; }
  [data-sem-c="data-grid"] .sem-scroll { flex: 1 1 auto; overflow: auto; min-height: 0; }
  [data-sem-c="data-grid"] .sem-sort { background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; font: inherit; gap: 6px; overflow: hidden; padding: var(--sem-space-2) var(--sem-space-3); transition: background var(--sem-duration-fast) var(--sem-ease), color var(--sem-duration-fast) var(--sem-ease); width: 100%; align-items: center; text-align: inherit; text-overflow: ellipsis; }
  [data-sem-c="data-grid"] .sem-sort-icon { opacity: 0.35; font-size: var(--sem-text-xs); }
  [data-sem-c="data-grid"] .sem-sort:focus-visible { outline: 2px solid var(--sem-accent); outline-offset: -2px; }
  [data-sem-c="data-grid"] .sem-sort:hover { background: var(--sem-gray-3); color: var(--sem-text); }
  [data-sem-c="data-grid"] .sem-status { flex: 1 1 auto; min-width: 0; }
  [data-sem-c="data-grid"] .sem-value { display: block; overflow: hidden; text-overflow: ellipsis; }
  [data-sem-c="data-grid"] table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--sem-text-sm); table-layout: fixed; font-variant-numeric: tabular-nums; }
  [data-sem-c="data-grid"] tbody td { overflow: hidden; padding: var(--sem-space-2) var(--sem-space-3); border-bottom: 1px solid var(--sem-border); line-height: var(--sem-leading-tight); text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
  [data-sem-c="data-grid"] tbody tr:last-child > td { border-bottom: 0; }
  [data-sem-c="data-grid"] tbody tr[role=row] { cursor: default; transition: background var(--sem-duration-fast) var(--sem-ease); }
  [data-sem-c="data-grid"] tbody tr[role=row]:focus-visible { outline: 2px solid var(--sem-accent); outline-offset: -2px; }
  [data-sem-c="data-grid"] tbody tr[role=row]:hover { background: var(--sem-gray-2); }
  [data-sem-c="data-grid"] tbody tr[role=row][aria-selected=true] { background: var(--sem-accent-3); box-shadow: inset 3px 0 0 var(--sem-accent-9); }
  [data-sem-c="data-grid"] tbody tr[role=row][aria-selected=true]:hover { background: var(--sem-accent-4); }
  [data-sem-c="data-grid"] td code { background: var(--sem-gray-3); color: var(--sem-gray-11); padding: 1px 6px; border-radius: var(--sem-radius-sm); font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); }
  [data-sem-c="data-grid"] td.sem-bars { padding: 0; position: relative; }
  [data-sem-c="data-grid"] td.sem-empty { color: var(--sem-muted); padding: var(--sem-space-6); text-align: center; white-space: normal; }
  [data-sem-c="data-grid"] td.sem-end { text-align: end; }
  [data-sem-c="data-grid"] th.sem-end { text-align: end; }
  [data-sem-c="data-grid"] th[aria-sort] .sem-sort-icon { color: var(--sem-accent); opacity: 1; }
  [data-sem-c="data-grid"] thead th [data-sem-c=time-axis] { margin-block-end: 2px; }
  [data-sem-c="data-grid"] thead th { background: var(--sem-surface-sunken); color: var(--sem-muted); padding: 0; position: sticky; top: 0; border-bottom: 1px solid var(--sem-border-strong); font-weight: 600; text-align: start; vertical-align: bottom; white-space: nowrap; z-index: 1; }
  [data-sem-c="data-grid"] thead th.sem-end .sem-sort { flex-direction: row-reverse; }
  [data-sem-c="data-grid"] thead th:last-child .sem-resize { inset-inline-end: 0; }
  [data-sem-c="data-grid"] thead th[aria-sort] { color: var(--sem-text); }
  [data-sem-c="data-grid"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: flex; flex: 1 1 100%; overflow: hidden; border-radius: var(--sem-radius-lg); box-sizing: border-box; flex-direction: column; font-family: var(--sem-font); max-height: 100%; min-width: 0; }
  [data-sem-c="date-field"] > .sem-date-popup, [data-sem-c="date-range-field"] > .sem-date-popup { animation: sem-scale-in var(--sem-duration-fast) var(--sem-ease); background: var(--sem-surface-overlay); border: 1px solid var(--sem-border-strong); color: var(--sem-text); padding: var(--sem-space-3); position: absolute; top: 100%; width: max-content; border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-3); box-sizing: border-box; margin-top: -4px; max-width: calc(100vw - 32px); transform-origin: top; z-index: 40; inset-inline-end: 0; }
  [data-sem-c="date-field"] > .sem-date-popup[hidden], [data-sem-c="date-range-field"] > .sem-date-popup[hidden] { display: none; }
  [data-sem-c="date-field"] > .sem-date-row > .sem-date-dash, [data-sem-c="date-range-field"] > .sem-date-row > .sem-date-dash { color: var(--sem-muted); flex: none; }
  [data-sem-c="date-field"] > .sem-date-row > [data-sem-c=icon-button] > .sem-icon, [data-sem-c="date-range-field"] > .sem-date-row > [data-sem-c=icon-button] > .sem-icon { border: 1.5px solid currentColor; display: block; height: 13px; width: 14px; border-radius: 3px; box-sizing: border-box; font-size: 0; border-top-width: 4px; }
  [data-sem-c="date-field"] > .sem-date-row > [data-sem-c=icon-button], [data-sem-c="date-range-field"] > .sem-date-row > [data-sem-c=icon-button] { color: var(--sem-muted); flex: none; height: calc(var(--control-h, var(--sem-control-height)) - 6px); width: calc(var(--control-h, var(--sem-control-height)) - 6px); }
  [data-sem-c="date-field"] > .sem-date-row > input, [data-sem-c="date-range-field"] > .sem-date-row > input { background: transparent; border: 0; color: inherit; flex: 1 1 10ch; font: inherit; outline: none; padding: 0; box-shadow: none; font-size: var(--control-font, inherit); min-height: calc(var(--control-h, var(--sem-control-height)) - 8px); min-width: 0; font-variant-numeric: tabular-nums; }
  [data-sem-c="date-field"] > .sem-date-row > input::placeholder, [data-sem-c="date-range-field"] > .sem-date-row > input::placeholder { color: var(--sem-faint); }
  [data-sem-c="date-field"] > .sem-date-row, [data-sem-c="date-range-field"] > .sem-date-row { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border-strong); color: var(--sem-text); display: flex; gap: 4px; padding: 2px 3px 2px var(--control-px, 12px); transition: border-color var(--sem-motion), box-shadow var(--sem-motion), background var(--sem-motion); align-items: center; border-radius: var(--control-radius, var(--sem-radius-control)); box-sizing: border-box; min-height: var(--control-h, var(--sem-control-height)); }
  [data-sem-c="date-field"] > .sem-date-row:focus-within, [data-sem-c="date-range-field"] > .sem-date-row:focus-within { background: var(--sem-surface); border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="date-field"] > .sem-date-row:has(> input:disabled), [data-sem-c="date-range-field"] > .sem-date-row:has(> input:disabled) { cursor: not-allowed; opacity: 0.55; border-color: var(--sem-border); }
  [data-sem-c="date-field"] > .sem-date-row:has(> input[aria-invalid=true]), [data-sem-c="date-range-field"] > .sem-date-row:has(> input[aria-invalid=true]) { border-color: var(--sem-danger); }
  [data-sem-c="date-field"] > .sem-date-row:hover, [data-sem-c="date-range-field"] > .sem-date-row:hover { border-color: var(--sem-faint); }
  [data-sem-c="date-field"] > .sem-error, [data-sem-c="date-range-field"] > .sem-error { color: var(--sem-danger); font-size: var(--sem-font-size-small); font-weight: 550; line-height: var(--sem-leading-normal); }
  [data-sem-c="date-field"] > .sem-help, [data-sem-c="date-range-field"] > .sem-help { color: var(--sem-muted); font-size: var(--sem-font-size-small); line-height: var(--sem-leading-normal); }
  [data-sem-c="date-field"] > label, [data-sem-c="date-range-field"] > label { font-size: var(--sem-font-size-small); font-weight: 600; letter-spacing: 0.005em; }
  [data-sem-c="date-field"], [data-sem-c="date-range-field"] { display: grid; gap: var(--sem-space-2); position: relative; width: min(100%, 300px); font-family: var(--sem-font); grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="description-list"] > .sem-pair { display: grid; padding: var(--sem-space-2) var(--sem-space-1); border-bottom: 1px solid var(--sem-border); column-gap: var(--sem-space-5); grid-column: 1 / -1; grid-template-columns: subgrid; }
  [data-sem-c="description-list"] > .sem-pair:last-child { border-bottom: 0; }
  [data-sem-c="description-list"] dd { color: var(--sem-text); margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
  [data-sem-c="description-list"] dt { color: var(--sem-muted); font-weight: 500; }
  [data-sem-c="description-list"] { display: grid; margin: 0; font-family: var(--sem-font); font-size: var(--sem-text-sm); grid-template-columns: minmax(7rem, max-content) minmax(0, 1fr); }
  [data-sem-c="description-list"]:where([data-sem-direction=row] > *) { flex: 1 1 320px; align-self: start; }
  [data-sem-c="desktop"] > .sem-frames > * { z-index: 0; }
  [data-sem-c="desktop"] > .sem-frames { position: relative; z-index: 50; }
  [data-sem-c="desktop"] > [data-sem-c="taskbar"] { animation: sem-rise-in var(--sem-duration) var(--sem-ease); left: 50%; position: fixed; translate: -50% 0; box-shadow: var(--sem-shadow-3); box-sizing: border-box; max-width: calc(100vw - 32px); z-index: 55; inset-block-end: 88px; }
  [data-sem-c="desktop"] > [data-sem-c="taskbar"]:is([data-sem-edge="start"], [data-sem-edge="end"]) { align-items: stretch; flex-direction: column; inline-size: var(--sem-taskbar-span, min(168px, 40vw)); inset-block: 0; overflow-x: hidden; overflow-y: auto; }
  [data-sem-c="desktop"] > [data-sem-c="taskbar"]:is([data-sem-edge="top"], [data-sem-edge="bottom"]) { block-size: var(--sem-taskbar-size, 40px); inset-inline: 0; overflow-x: auto; overflow-y: hidden; }
  [data-sem-c="desktop"] > [data-sem-c="taskbar"]:is([data-sem-edge="top"], [data-sem-edge="bottom"], [data-sem-edge="start"], [data-sem-edge="end"]) { animation: none; translate: none; border-radius: 0; border-width: 0; box-shadow: none; flex-wrap: nowrap; max-width: none; scrollbar-width: thin; }
  [data-sem-c="desktop"] > [data-sem-c="taskbar"][data-sem-edge="bottom"] { inset-block: auto 0; border-block-start-width: 1px; }
  [data-sem-c="desktop"] > [data-sem-c="taskbar"][data-sem-edge="end"] { inset-inline: auto 0; border-inline-start-width: 1px; }
  [data-sem-c="desktop"] > [data-sem-c="taskbar"][data-sem-edge="none"] { right: auto; translate: none; inset-block-end: auto; }
  [data-sem-c="desktop"] > [data-sem-c="taskbar"][data-sem-edge="start"] { inset-inline: 0 auto; border-inline-end-width: 1px; }
  [data-sem-c="desktop"] > [data-sem-c="taskbar"][data-sem-edge="top"] { inset-block: 0 auto; border-block-end-width: 1px; }
  [data-sem-c="desktop"]:has(> .sem-frames > [data-sem-edge="bottom"]:not([hidden], [data-sem-window-state="minimized"], [data-sem-window-state="maximized"])) > [data-sem-c="taskbar"]:not([data-sem-edge]) { position-anchor: --sem-bottom-dock; inset-block-end: calc(anchor(top) + 12px); }
  [data-sem-c="divider"] { border: 0; color: var(--sem-muted); flex: 0 0 auto; margin: 0; align-self: stretch; }
  [data-sem-c="divider"]:is(hr) { background: var(--sem-border); display: block; height: 1px; width: 100%; }
  [data-sem-c="divider"]:is(hr)[aria-orientation=vertical] { height: auto; width: 1px; min-height: 1.5em; }
  [data-sem-c="divider"]:not(hr) { display: flex; gap: var(--sem-space-3); width: 100%; align-items: center; flex-direction: row; font-family: var(--sem-font); font-size: var(--sem-text-xs); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
  [data-sem-c="divider"]:not(hr)::after { background: var(--sem-border); content: ''; flex: 1 1 0; height: 1px; }
  [data-sem-c="divider"]:not(hr)::before { background: var(--sem-border); content: ''; flex: 1 1 0; height: 1px; }
  [data-sem-c="divider"]:not(hr)[aria-orientation=vertical] { width: auto; flex-direction: column; min-height: 4em; }
  [data-sem-c="divider"]:not(hr)[aria-orientation=vertical]::after { height: auto; width: 1px; }
  [data-sem-c="divider"]:not(hr)[aria-orientation=vertical]::before { height: auto; width: 1px; }
  [data-sem-c="dock-panel"] .sem-dock-actions { display: flex; gap: var(--sem-space-2); align-items: center; margin-inline-start: auto; }
  [data-sem-c="dock-panel"] .sem-dock-badge { background: var(--sem-gray-3); color: var(--sem-muted); padding: 1px 8px; border-radius: var(--sem-radius-full); font-size: var(--sem-text-xs); font-variant-numeric: tabular-nums; }
  [data-sem-c="dock-panel"] .sem-dock-body { display: flex; flex: 1 1 auto; overflow: auto; flex-direction: column; min-height: 0; }
  [data-sem-c="dock-panel"] .sem-dock-footer { background: var(--sem-surface-sunken); color: var(--sem-muted); flex: none; padding: var(--sem-space-1) var(--sem-space-4); border-top: 1px solid var(--sem-border); font-size: var(--sem-text-xs); }
  [data-sem-c="dock-panel"] .sem-dock-toolbar { flex: none; padding: var(--sem-space-2) var(--sem-space-4); border-bottom: 1px solid var(--sem-border); }
  [data-sem-c="dock-panel"] .sem-fold .sem-chevron { height: 6px; transform: rotate(45deg) translate(-1px, -1px); transition: transform var(--sem-duration-fast) var(--sem-ease); width: 6px; border-bottom: 1.5px solid currentColor; border-right: 1.5px solid currentColor; }
  [data-sem-c="dock-panel"] > .sem-dock-handle { cursor: row-resize; height: 8px; position: absolute; top: -4px; inset-inline: 0; touch-action: none; z-index: 1; }
  [data-sem-c="dock-panel"] > .sem-dock-handle:is(:hover, :focus-visible) { background: color-mix(in oklab, var(--sem-accent) 45%, transparent); outline: none; }
  [data-sem-c="dock-panel"] > .sem-dock-header > .sem-fold { background: transparent; border: 0; color: var(--sem-text); cursor: pointer; display: inline-flex; font: 600 var(--sem-text-sm)/1.2 var(--sem-font); gap: var(--sem-space-2); padding: 4px 8px; align-items: center; border-radius: var(--sem-radius-md); margin-inline-start: -8px; }
  [data-sem-c="dock-panel"] > .sem-dock-header > .sem-fold:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="dock-panel"] > .sem-dock-header > .sem-fold:hover { background: var(--sem-surface-hover); }
  [data-sem-c="dock-panel"] > .sem-dock-header { background: var(--sem-surface-sunken); display: flex; flex: none; gap: var(--sem-space-3); padding: var(--sem-space-1) var(--sem-space-4); align-items: center; border-bottom: 1px solid var(--sem-border); min-height: 40px; }
  [data-sem-c="dock-panel"] > .sem-dock-main { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
  [data-sem-c="dock-panel"] > .sem-dock-main[hidden] { display: none; }
  [data-sem-c="dock-panel"] { background: var(--sem-surface); bottom: 0; color: var(--sem-text); display: flex; flex: 0 0 auto; height: var(--dock-size, 280px); position: sticky; align-self: stretch; border-top: 1px solid var(--sem-border-strong); box-shadow: var(--sem-shadow-2); flex-direction: column; font-family: var(--sem-font); font-size: var(--sem-text-sm); margin-top: auto; min-height: 0; min-width: 0; z-index: 30; }
  [data-sem-c="dock-panel"][data-expanded=false] .sem-fold .sem-chevron { transform: rotate(-135deg) translate(-1px, -1px); }
  [data-sem-c="dock-panel"][data-expanded=false] > .sem-dock-header { border-bottom: 0; }
  [data-sem-c="dock-panel"][data-expanded=false] { height: auto; width: auto; }
  [data-sem-c="dock-panel"][data-viewport] { position: fixed; inset-inline: 0; }
  [data-sem-c="dock-panel"][data-viewport]:is([data-sem-edge=start], [data-sem-edge=end]) { inset-block: 0; inset-inline: auto; }
  [data-sem-c="dock-panel"][data-viewport][data-sem-edge=end] { inset-inline-end: 0; }
  [data-sem-c="dock-panel"][data-viewport][data-sem-edge=start] { inset-inline-start: 0; }
  [data-sem-c="element-markup"].sem-empty { color: var(--sem-muted); }
  [data-sem-c="element-markup"]:not(.sem-empty) { background: var(--sem-code-bg); color: var(--sem-text); font: 12px/1.6 var(--sem-mono); margin: 0; overflow: auto; padding: var(--sem-space-4) var(--sem-space-4); border-radius: var(--sem-radius); max-height: min(50vh, 480px); }
  [data-sem-c="emblem"] { flex: none; height: 1.15em; width: auto; vertical-align: -0.2em; }
  [data-sem-c="empty-state"] > .sem-actions { display: flex; gap: var(--sem-space-2); flex-wrap: wrap; justify-content: center; margin-top: var(--sem-space-2); }
  [data-sem-c="empty-state"] > .sem-body { color: var(--sem-muted); margin: 0; font-size: var(--sem-text-sm); line-height: var(--sem-leading-normal); max-width: 44ch; }
  [data-sem-c="empty-state"] > .sem-icon { background: var(--tone-soft, var(--sem-accent-3)); color: var(--tone-text, var(--sem-accent-11)); display: grid; font: 600 22px/1 var(--sem-font); height: 48px; width: 48px; border-radius: var(--sem-radius-full); margin-bottom: var(--sem-space-1); place-items: center; }
  [data-sem-c="empty-state"] > .sem-title { margin: 0; font-size: var(--sem-text-md); font-weight: 650; letter-spacing: -0.01em; }
  [data-sem-c="empty-state"] { background: var(--sem-surface); border: 1px dashed var(--sem-border-strong); color: var(--sem-text); display: grid; gap: var(--sem-space-2); padding: var(--sem-space-6) var(--sem-space-5); width: 100%; border-radius: var(--sem-radius-lg); font-family: var(--sem-font); justify-items: center; text-align: center; }
  [data-sem-c="ex-schematic"] .ex-schematic-caption { color: var(--sem-muted); font-size: var(--sem-text-xs); }
  [data-sem-c="ex-schematic"] .ex-schematic-shadow rect { fill: var(--sem-accent-soft); stroke: var(--sem-accent); fill-opacity: 0.7; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
  [data-sem-c="ex-schematic"] .ex-schematic-shadow text { fill: var(--sem-text); font-family: var(--sem-font); }
  [data-sem-c="ex-schematic"] .ex-schematic-viewport { fill: var(--sem-surface-sunken); stroke: var(--sem-border); stroke-width: 2; vector-effect: non-scaling-stroke; }
  [data-sem-c="ex-schematic"] svg { overflow: hidden; block-size: auto; border-radius: var(--sem-radius-md); inline-size: 100%; }
  [data-sem-c="ex-schematic"] { display: grid; gap: var(--sem-space-1); inline-size: 100%; }
  [data-sem-c="field"] > .sem-field-label { color: var(--sem-text); font-size: var(--sem-font-size-small); font-weight: 600; letter-spacing: 0.005em; }
  [data-sem-c="field"] > :is([data-sem-c=choice], [data-sem-c=segmented], [data-sem-c=chips], [data-sem-c=toggle-switch], [data-sem-c=checkbox]) { justify-self: start; }
  [data-sem-c="field"] > [data-sem-c]:not([data-sem-c=choice], [data-sem-c=segmented], [data-sem-c=chips], [data-sem-c=toggle-switch], [data-sem-c=checkbox]) { width: auto; justify-self: stretch; }
  [data-sem-c="field"] { display: grid; gap: var(--sem-space-2); font-family: var(--sem-font); justify-items: stretch; max-width: 520px; min-width: min(100%, 260px); }
  [data-sem-c="file-drop"] > .sem-files { display: grid; gap: var(--sem-space-2); margin: 0; padding: 0; list-style: none; }
  [data-sem-c="file-drop"] > .sem-files:empty { display: none; }
  [data-sem-c="file-drop"] > .sem-zone > .sem-glyph { color: var(--sem-accent); font-size: var(--sem-text-2xl); line-height: 1; }
  [data-sem-c="file-drop"] > .sem-zone > .sem-prompt { color: var(--sem-muted); font-size: var(--sem-font-size-small); }
  [data-sem-c="file-drop"] > .sem-zone > .sem-title { font-size: var(--sem-text-md); font-weight: 600; }
  [data-sem-c="file-drop"] > .sem-zone { background: var(--sem-surface-sunken); border: 2px dashed var(--sem-border-strong); color: var(--sem-text); cursor: pointer; display: grid; font: inherit; gap: var(--sem-space-1); padding: var(--sem-space-5) var(--sem-space-4); transition: border-color var(--sem-duration-fast) var(--sem-ease), background-color var(--sem-duration-fast) var(--sem-ease), box-shadow var(--sem-duration-fast) var(--sem-ease); width: 100%; border-radius: var(--sem-radius-lg); box-sizing: border-box; justify-items: center; text-align: center; }
  [data-sem-c="file-drop"] > .sem-zone:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="file-drop"] > .sem-zone:is(:disabled, [aria-disabled=true]) { cursor: not-allowed; opacity: 0.6; }
  [data-sem-c="file-drop"] > .sem-zone:is(:hover, :focus-visible):not(:disabled, [aria-disabled=true]) { background: color-mix(in oklab, var(--sem-accent-9) 6%, var(--sem-surface-sunken)); border-color: var(--sem-accent); }
  [data-sem-c="file-drop"] { display: grid; gap: var(--sem-space-2); width: min(100%, 520px); font-family: var(--sem-font); grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="file-item"] > .sem-actions { display: flex; gap: 2px; grid-area: actions; }
  [data-sem-c="file-item"] > .sem-kind { background: var(--sem-accent-3); color: var(--sem-accent-11); font: 700 var(--sem-text-xs)/1 var(--sem-font-mono); padding: 6px 4px; border-radius: var(--sem-radius-sm); grid-area: kind; letter-spacing: 0.02em; min-width: 4.2ch; text-align: center; }
  [data-sem-c="file-item"] > .sem-meta > .sem-reason { flex-basis: 100%; }
  [data-sem-c="file-item"] > .sem-meta > .sem-state::before { content: "·"; margin-inline-end: var(--sem-space-2); }
  [data-sem-c="file-item"] > .sem-meta { color: var(--sem-muted); display: flex; gap: 0 var(--sem-space-2); flex-wrap: wrap; font-size: var(--sem-font-size-small); grid-area: meta; font-variant-numeric: tabular-nums; }
  [data-sem-c="file-item"] > .sem-name { overflow: hidden; font-weight: 550; grid-area: name; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="file-item"] > [data-sem-c=progress] > .sem-track { flex: 1 1 auto; width: auto; }
  [data-sem-c="file-item"] > [data-sem-c=progress] { display: flex; flex-wrap: nowrap; grid-area: progress; min-width: 0; }
  [data-sem-c="file-item"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: grid; padding: var(--sem-space-2) var(--sem-space-2) var(--sem-space-2) var(--sem-space-3); align-items: center; border-radius: var(--sem-radius-md); column-gap: var(--sem-space-3); row-gap: 2px; grid-template-areas: "kind name actions" "kind meta meta" "kind progress progress"; grid-template-columns: auto minmax(0, 1fr) auto; }
  [data-sem-c="file-item"]:is([data-sem-file-state=refused], [data-sem-file-state=failed]) > .sem-kind { background: var(--sem-danger-3); color: var(--sem-danger-11); }
  [data-sem-c="file-item"]:is([data-sem-file-state=refused], [data-sem-file-state=failed]) > .sem-meta { color: var(--sem-danger-11); }
  [data-sem-c="file-item"]:is([data-sem-file-state=refused], [data-sem-file-state=failed]) { background: color-mix(in oklab, var(--sem-danger-9) 6%, var(--sem-surface)); border-color: var(--sem-danger-6); }
  [data-sem-c="file-item"][data-sem-file-state=refused] > .sem-name { text-decoration: line-through; text-decoration-color: color-mix(in oklab, currentColor 45%, transparent); }
  [data-sem-c="file-item"][data-sem-file-state=uploaded] > .sem-meta > .sem-state { color: var(--sem-success-11); }
  [data-sem-c="finding-list"] .sem-concern b { background: var(--sem-flag); }
  [data-sem-c="finding-list"] .sem-concern { background: color-mix(in oklab, var(--sem-flag) 12%, transparent); color: var(--sem-flag); }
  [data-sem-c="finding-list"] .sem-good b { background: var(--sem-good); }
  [data-sem-c="finding-list"] .sem-good { background: color-mix(in oklab, var(--sem-good) 12%, transparent); color: var(--sem-good); }
  [data-sem-c="finding-list"] .sem-insight b { background: var(--sem-accent); }
  [data-sem-c="finding-list"] .sem-insight { background: var(--sem-accent-soft); color: var(--sem-accent-strong); }
  [data-sem-c="finding-list"] .sem-verdict b { color: white; display: inline-grid; height: 16px; width: 16px; border-radius: 50%; font-size: 10px; place-items: center; }
  [data-sem-c="finding-list"] .sem-verdict { display: inline-flex; gap: 5px; padding: 2px 8px 2px 3px; align-items: center; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; }
  [data-sem-c="finding-list"] h3 { color: var(--sem-muted); margin: 16px 0 8px; font-size: var(--sem-font-size-micro); font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; }
  [data-sem-c="finding-list"] li p { margin: 0; font-size: 13px; line-height: 1.45; }
  [data-sem-c="finding-list"] li { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); display: grid; gap: 10px; padding: 10px 12px; align-items: start; border-radius: var(--sem-radius-control); grid-template-columns: auto 1fr; }
  [data-sem-c="finding-list"] section:first-child h3 { margin-top: 0; }
  [data-sem-c="finding-list"] ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
  [data-sem-c="finding-list"] { color: var(--sem-text); font-family: var(--sem-font); }
  [data-sem-c="flippable"] .sem-back-header { display: flex; align-items: center; font-size: 15px; justify-content: space-between; margin-bottom: var(--sem-space-4); }
  [data-sem-c="flippable"] .sem-back-header { padding-right: 110px; }
  [data-sem-c="flippable"] .sem-code { background: var(--sem-code-bg); border: 1px solid var(--sem-border); font: 11.5px/1.6 var(--sem-mono); margin: 0; padding: var(--sem-space-3) var(--sem-space-4); border-radius: var(--sem-radius); overflow-x: auto; white-space: pre; }
  [data-sem-c="flippable"] .sem-face, [data-sem-c="flippable"] .sem-face-bar, [data-sem-c="flippable"] .sem-flip { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
  [data-sem-c="flippable"] .sem-face-bar { position: absolute; right: var(--sem-space-3); top: var(--sem-space-3); z-index: 3; }
  [data-sem-c="flippable"] .sem-flip { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-muted); cursor: pointer; display: inline-flex; font: 600 11px/1 var(--sem-mono); gap: 6px; padding: 6px 10px; transition: color var(--sem-motion), border-color var(--sem-motion), box-shadow var(--sem-motion); align-items: center; border-radius: 999px; box-shadow: var(--sem-shadow); letter-spacing: 0.02em; }
  [data-sem-c="flippable"] .sem-flip:hover { color: var(--sem-accent-strong); border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="flippable"] .sem-rule + .sem-rule { margin-top: var(--sem-space-5); }
  [data-sem-c="flippable"] .sem-rule h4 { color: var(--sem-accent-strong); font: 600 13px/1.3 var(--sem-mono); margin: 0; }
  [data-sem-c="flippable"] .sem-rule p { color: var(--sem-muted); margin: 4px 0 8px; font-size: var(--sem-font-size-micro); letter-spacing: 0.06em; text-transform: uppercase; }
  [data-sem-c="flippable"] > .sem-faces > .sem-back { background: var(--sem-surface); border: 1px solid var(--sem-border); inset: 0; overflow: auto; padding: var(--sem-space-5); position: absolute; transform: rotateY(180deg); border-radius: var(--sem-radius-card); box-shadow: var(--sem-shadow-raised); min-height: 320px; }
  [data-sem-c="flippable"] > .sem-faces > .sem-back { transition: visibility 0s linear calc(var(--sem-duration-move) / 2); visibility: hidden; }
  [data-sem-c="flippable"] > .sem-faces > .sem-front { position: relative; }
  [data-sem-c="flippable"] > .sem-faces > .sem-front { transition: visibility 0s linear calc(var(--sem-duration-move) / 2); }
  [data-sem-c="flippable"] > .sem-faces { position: relative; transition: transform var(--sem-duration-move) var(--sem-ease-move); transform-style: preserve-3d; }
  [data-sem-c="flippable"] { color: var(--sem-text); perspective: 2000px; font-family: var(--sem-font); }
  [data-sem-c="flippable"]:not([data-flipped=true]) > .sem-faces > .sem-front { animation: var(--sem-move-fade); }
  [data-sem-c="flippable"][data-flipped=true] > .sem-faces > .sem-back { animation: var(--sem-move-fade); visibility: visible; }
  [data-sem-c="flippable"][data-flipped=true] > .sem-faces > .sem-front { visibility: hidden; }
  [data-sem-c="flippable"][data-flipped=true] > .sem-faces { transform: rotateY(180deg); }
  [data-sem-c="gallery"] .sem-cell > img { height: 100%; transition: transform var(--sem-duration-slow) var(--sem-ease), filter var(--sem-duration) var(--sem-ease); width: 100%; object-fit: cover; }
  [data-sem-c="gallery"] .sem-cell { background: var(--sem-surface-sunken); border: 0; display: block; overflow: hidden; padding: 0; aspect-ratio: 1; border-radius: var(--sem-radius-md); box-shadow: inset 0 0 0 1px var(--sem-border); }
  [data-sem-c="gallery"] .sem-dot { background: none; border: 0; cursor: pointer; display: grid; height: 24px; padding: 0; width: 24px; border-radius: var(--sem-radius-full); place-items: center; }
  [data-sem-c="gallery"] .sem-dot::before { background: var(--sem-border-strong); content: ''; height: 8px; transition: width var(--sem-duration) var(--sem-ease), background var(--sem-duration) var(--sem-ease); width: 8px; border-radius: 4px; }
  [data-sem-c="gallery"] .sem-dot:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="gallery"] .sem-dot:hover::before { background: var(--sem-muted); }
  [data-sem-c="gallery"] .sem-dot[aria-current=true]::before { background: var(--sem-accent); width: 18px; }
  [data-sem-c="gallery"] .sem-photo > img { height: auto; width: 100%; aspect-ratio: 4 / 3; border-radius: 1px; object-fit: cover; }
  [data-sem-c="gallery"] .sem-photo { background: var(--sem-print); border: 0; padding: 6px 6px 8px; position: absolute; top: 50%; transform: translate(-50%, -50%) translate(calc(var(--x) + var(--dx) * var(--sem-pile-jitter)), calc(var(--dy) * var(--sem-pile-jitter))) rotate(calc(var(--tilt) * var(--sem-pile-tilt) * var(--fan, 1))); transition: transform var(--sem-duration-move) var(--sem-ease-move), box-shadow var(--sem-duration) var(--sem-ease); width: min(46cqi, 220px); border-radius: 3px; box-shadow: var(--sem-print-shadow); z-index: var(--i); --x: calc((var(--i) - (var(--n) + 1) / 2) * var(--pile-spread) * var(--fan, 1)); inset-inline-start: 50%; }
  [data-sem-c="gallery"] .sem-photo:dir(rtl) { transform: translate(50%, -50%) translate(calc(-1 * (var(--x) + var(--dx) * var(--sem-pile-jitter))), calc(var(--dy) * var(--sem-pile-jitter))) rotate(calc(var(--tilt) * var(--sem-pile-tilt) * var(--fan, 1))); }
  [data-sem-c="gallery"] .sem-slide { flex: 0 0 100%; position: relative; width: 100%; aspect-ratio: 3 / 2; max-height: min(420px, 70vh); scroll-snap-align: center; scroll-snap-stop: always; }
  [data-sem-c="gallery"] .sem-slide-item > img { height: 100%; width: 100%; object-fit: contain; }
  [data-sem-c="gallery"] .sem-slide-item { background: none; border: 0; inset: 0; padding: 0; position: absolute; border-radius: inherit; }
  [data-sem-c="gallery"] .sem-slide-item:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--sem-accent); }
  [data-sem-c="gallery"] :is(.sem-cell, .sem-photo, .sem-prev, .sem-next):focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="gallery"] > .sem-cells { display: grid; gap: var(--sem-space-2); grid-template-columns: repeat(var(--gallery-columns, 3), minmax(0, 1fr)); }
  [data-sem-c="gallery"] > .sem-controls > .sem-dots { display: flex; flex: 1; gap: 2px; flex-wrap: wrap; justify-content: center; }
  [data-sem-c="gallery"] > .sem-controls > :is(.sem-prev, .sem-next) { background: var(--sem-surface); border: 1px solid var(--sem-border-strong); cursor: pointer; display: grid; height: 32px; padding: 0; transition: background var(--sem-motion), opacity var(--sem-motion); width: 32px; border-radius: var(--sem-radius-full); place-items: center; }
  [data-sem-c="gallery"] > .sem-controls > :is(.sem-prev, .sem-next):hover:not(:disabled) { background: var(--sem-surface-hover); }
  [data-sem-c="gallery"] > .sem-controls { display: flex; gap: var(--sem-space-2); align-items: center; }
  [data-sem-c="gallery"] > .sem-pile > .sem-photo:is(:hover, :focus-visible) { transform: translate(-50%, -50%) translate(var(--x), -10px) rotate(0deg) scale(1.08); box-shadow: var(--sem-print-lift); z-index: calc(var(--n) + 1); }
  [data-sem-c="gallery"] > .sem-pile > .sem-photo:is(:hover, :focus-visible):dir(rtl) { transform: translate(50%, -50%) translate(calc(-1 * var(--x)), -10px) rotate(0deg) scale(1.08); }
  [data-sem-c="gallery"] > .sem-pile > .sem-photo:is(:hover, :focus-visible):focus-visible { box-shadow: var(--sem-ring), var(--sem-print-lift); }
  [data-sem-c="gallery"] > .sem-pile { height: clamp(220px, 60cqi, 300px); isolation: isolate; position: relative; --pile-spread: min(64px, calc(min(100cqi, 560px) * 0.55 / var(--n))); }
  [data-sem-c="gallery"] > .sem-pile:has(> .sem-photo:is(:hover, :focus-visible)) > .sem-photo:not(:hover, :focus-visible) { --fan: 1.35; }
  [data-sem-c="gallery"] > .sem-track { background: var(--sem-surface-sunken); display: flex; border-radius: var(--sem-radius-lg); box-shadow: inset 0 0 0 1px var(--sem-border); overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; }
  [data-sem-c="gallery"] > .sem-track::-webkit-scrollbar { display: none; }
  [data-sem-c="gallery"] button { color: inherit; font: inherit; }
  [data-sem-c="gallery"] button.sem-cell { cursor: zoom-in; }
  [data-sem-c="gallery"] button.sem-cell:is(:hover, :focus-visible) > img { transform: scale(1.04); }
  [data-sem-c="gallery"] button.sem-photo { cursor: zoom-in; }
  [data-sem-c="gallery"] button.sem-slide-item { cursor: zoom-in; }
  [data-sem-c="gallery"] img { display: block; user-select: none; -webkit-user-drag: none; }
  [data-sem-c="gallery"] { color: var(--sem-text); display: grid; flex: 1 1 100%; gap: var(--sem-space-2); container-type: inline-size; font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="gantt-task"] .sem-gantt-bar { background: var(--tone-solid, var(--sem-accent-9)); border-radius: 4px; inset-block: 9px; }
  [data-sem-c="gantt-task"] .sem-gantt-baseline { border: 1px dashed var(--sem-muted); border-radius: 5px; inset-block: 4px; }
  [data-sem-c="gantt-task"] .sem-gantt-label { background: inherit; color: var(--sem-text); overflow: hidden; position: sticky; align-self: stretch; line-height: var(--row); padding-inline: var(--sem-space-2); text-overflow: ellipsis; white-space: nowrap; z-index: 1; inset-inline-start: 0; }
  [data-sem-c="gantt-task"] .sem-gantt-lead { block-size: 0; inset-block: calc(50% - 0.75px) auto; border-block-start: 1.5px dashed var(--sem-muted); }
  [data-sem-c="gantt-task"] .sem-gantt-lead::after { content: ''; position: absolute; border-block: 4px solid transparent; border-inline-start: 6px solid var(--sem-muted); inset-block-start: -4.75px; inset-inline-end: -1px; }
  [data-sem-c="gantt-task"] .sem-gantt-track > .sem-gantt-milestone { background: var(--tone-solid, var(--sem-accent-9)); transform: rotate(45deg) scale(0.75); inline-size: 14px; inset-block: 8px; margin-inline-start: calc(var(--day) / 2 - 7px); }
  [data-sem-c="gantt-task"] .sem-gantt-track > span { position: absolute; box-sizing: border-box; inline-size: calc((var(--to) - var(--from) + 1) * var(--day)); inset-inline-start: calc((var(--from) - var(--first)) * var(--day)); }
  [data-sem-c="gantt-task"] .sem-gantt-track { position: relative; align-self: stretch; }
  [data-sem-c="gantt-task"] .sem-gantt-uncertainty { background: linear-gradient(var(--sem-muted), var(--sem-muted)) center / 100% 1.5px no-repeat; inset-block: 10px; border-inline-end: 1.5px solid var(--sem-muted); }
  [data-sem-c="gantt-task"] a { color: inherit; }
  [data-sem-c="gantt-task"] { background: var(--sem-surface); display: grid; align-items: center; grid-template-columns: var(--label) calc(var(--days) * var(--day)); min-block-size: var(--row); }
  [data-sem-c="gantt-task"]:nth-child(even) { background: var(--sem-surface-sunken); }
  [data-sem-c="graph-mark"] .sem-echo { stroke-opacity: 0.35; }
  [data-sem-c="graph-mark"] .sem-node { fill: white; }
  [data-sem-c="graph-mark"] .sem-stop-a { stop-color: #8f86ff; }
  [data-sem-c="graph-mark"] .sem-stop-b { stop-color: #ff7ac6; }
  [data-sem-c="graph-mark"] :is(.sem-edge, .sem-echo) { fill: none; stroke: white; stroke-linecap: round; stroke-width: 2; }
  [data-sem-c="graph-mark"] { filter: drop-shadow(0 4px 10px rgb(91 76 240 / 0.35)); flex: none; height: 28px; width: 28px; }
  [data-sem-c="grid"] { display: grid; width: 100%; align-items: stretch; min-width: 0; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--grid-min, 240px)), 1fr)); }
  [data-sem-c="grid"]:not([data-sem-gap]) { gap: var(--sem-space-4); }
  [data-sem-c="grid"][data-columns] { grid-template-columns: repeat(auto-fit, minmax(min(100%, max(var(--grid-min, 160px), calc((100% - (var(--grid-columns) - 1) * var(--sem-space-8)) / var(--grid-columns)))), 1fr)); }
  [data-sem-c="heading"] { margin: 0; font-size: var(--sem-font-size-title); font-weight: 700; letter-spacing: -0.025em; line-height: 1.15; }
  [data-sem-c="heading"]::after { background: linear-gradient(90deg, var(--sem-accent), color-mix(in oklab, var(--sem-accent) 30%, #ff7ac6)); content: ''; display: block; height: 3px; width: 28px; border-radius: 3px; margin-top: var(--sem-space-3); }
  [data-sem-c="hex-view"] .sem-ascii { color: var(--sem-code-string); }
  [data-sem-c="hex-view"] .sem-more { color: var(--sem-muted); margin: var(--sem-space-2) 0 0; font-family: var(--sem-font); }
  [data-sem-c="hex-view"] .sem-offset { color: var(--sem-faint); }
  [data-sem-c="hex-view"] :is(th, td) { padding: 1px 0; font-weight: 400; text-align: start; white-space: pre; padding-inline-end: var(--sem-space-4); }
  [data-sem-c="hex-view"] table { border-collapse: collapse; font-variant-numeric: tabular-nums; }
  [data-sem-c="hex-view"] thead th { color: var(--sem-muted); border-bottom: 1px solid var(--sem-border); font-family: var(--sem-font); font-weight: 600; }
  [data-sem-c="hex-view"] { background: var(--sem-code-bg); border: 1px solid var(--sem-border); color: var(--sem-text); flex: 1 1 100%; overflow: auto; padding: var(--sem-space-2) var(--sem-space-3); border-radius: var(--sem-radius-md); font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); max-height: 24rem; min-width: 0; }
  [data-sem-c="hex-view"]:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="icon-button"] .sem-icon { display: block; line-height: 1; pointer-events: none; }
  [data-sem-c="icon-button"] { background: var(--sem-surface); border: 1px solid var(--tone-border, var(--sem-border-strong)); color: var(--tone-text, var(--sem-text)); cursor: pointer; display: inline-grid; flex: none; font: 600 calc(var(--control-font, 15px) * 1.1)/1 var(--sem-font); height: var(--control-h, var(--sem-control-height)); padding: 0; transition: background var(--sem-motion), border-color var(--sem-motion), color var(--sem-motion), box-shadow var(--sem-motion), transform var(--sem-motion); width: var(--control-h, var(--sem-control-height)); border-radius: var(--control-radius, var(--sem-radius-control)); box-shadow: var(--sem-shadow); place-items: center; }
  [data-sem-c="icon-button"]:disabled { cursor: not-allowed; opacity: 0.45; box-shadow: none; }
  [data-sem-c="icon-button"]:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="icon-button"]:not(:disabled):active { transform: translateY(1px) scale(0.96); }
  [data-sem-c="icon-button"]:not(:disabled):hover { background: var(--tone-soft, var(--sem-surface-hover)); }
  [data-sem-c="icon-button"][aria-pressed=true] { background: var(--tone-soft, var(--sem-accent-soft)); color: var(--tone-text, var(--sem-accent-strong)); border-color: var(--tone-border, color-mix(in oklab, var(--sem-accent) 40%, transparent)); box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.08); }
  [data-sem-c="image-view"] img { display: block; block-size: auto; border-radius: var(--sem-radius-sm); object-fit: contain; max-block-size: min(70vh, 40rem); max-inline-size: 100%; }
  [data-sem-c="image-view"] { background: var(--sem-gray-2); border: 1px solid var(--sem-border); display: flex; padding: var(--sem-space-2); border-radius: var(--sem-radius-md); justify-content: center; min-width: 0; }
  [data-sem-c="image-view"].sem-empty { background: none; border: 0; color: var(--sem-muted); margin: 0; padding: 0; justify-content: start; }
  [data-sem-c="json-tree"] .sem-json-boolean { color: var(--sem-code-keyword); }
  [data-sem-c="json-tree"] .sem-json-null { color: var(--sem-code-comment); font-style: italic; }
  [data-sem-c="json-tree"] .sem-json-number { color: var(--sem-code-iri); }
  [data-sem-c="json-tree"] .sem-json-string { color: var(--sem-code-string); }
  [data-sem-c="json-tree"] .sem-label { color: var(--sem-code-name); padding: 1px 4px; border-radius: var(--sem-radius-sm); white-space: nowrap; }
  [data-sem-c="json-tree"] .sem-label::after { color: var(--sem-muted); content: ":"; }
  [data-sem-c="json-tree"] .sem-leaf, [data-sem-c="rdf-editor"] .sem-leaf { flex: none; width: 18px; }
  [data-sem-c="json-tree"] .sem-note { color: var(--sem-warning-11); margin: 0 0 var(--sem-space-2); font-family: var(--sem-font); }
  [data-sem-c="json-tree"] .sem-raw { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
  [data-sem-c="json-tree"] .sem-row { display: flex; gap: 2px; align-items: center; border-radius: var(--sem-radius-sm); min-height: 22px; padding-inline: calc(var(--tree-level, 0) * 16px) var(--sem-space-2); }
  [data-sem-c="json-tree"] .sem-row:hover { background: var(--sem-gray-3); }
  [data-sem-c="json-tree"] .sem-summary { color: var(--sem-muted); }
  [data-sem-c="json-tree"] .sem-twisty > span, [data-sem-c="rdf-editor"] .sem-twisty > span { transition: transform var(--sem-duration-fast) var(--sem-ease); }
  [data-sem-c="json-tree"] .sem-twisty, [data-sem-c="rdf-editor"] .sem-twisty { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: grid; flex: none; height: 18px; padding: 0; width: 18px; border-radius: var(--sem-radius-sm); font-size: 10px; place-items: center; }
  [data-sem-c="json-tree"] .sem-twisty:hover, [data-sem-c="rdf-editor"] .sem-twisty:hover { background: var(--sem-gray-5); color: var(--sem-text); }
  [data-sem-c="json-tree"] .sem-value { overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="json-tree"] :is(.sem-twisty, .sem-label):focus-visible, [data-sem-c="rdf-editor"] :is(.sem-twisty, .sem-label):focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="json-tree"] [aria-expanded=false] > .sem-row > .sem-twisty > span:dir(rtl), [data-sem-c="rdf-editor"] [aria-expanded=false] > .sem-row > .sem-twisty > span:dir(rtl), [data-sem-c="tree"] [aria-expanded=false] > .sem-row > .sem-twisty > span:dir(rtl), [data-sem-c="term-tree"] [aria-expanded=false] > .sem-row > .sem-twisty > span:dir(rtl) { transform: scaleX(-1); }
  [data-sem-c="json-tree"] [aria-expanded=true] > .sem-row > .sem-twisty > span, [data-sem-c="rdf-editor"] [aria-expanded=true] > .sem-row > .sem-twisty > span { transform: rotate(90deg); }
  [data-sem-c="json-tree"] [aria-expanded] > .sem-row > .sem-label { cursor: pointer; }
  [data-sem-c="json-tree"] [role=group] { margin: 0; padding: 0; list-style: none; }
  [data-sem-c="json-tree"] { background: var(--sem-code-bg); border: 1px solid var(--sem-border); color: var(--sem-text); flex: 1 1 100%; margin: 0; overflow: auto; padding: var(--sem-space-2); border-radius: var(--sem-radius-md); font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); list-style: none; max-height: 28rem; min-width: 0; }
  [data-sem-c="kbd"] > kbd { background: linear-gradient(var(--sem-surface), var(--sem-surface-sunken)); border: 1px solid var(--sem-border-strong); color: var(--sem-text); display: inline-flex; font: 600 11px/1 var(--sem-font); height: 22px; padding: 0 6px; align-items: center; border-radius: var(--sem-radius-sm); justify-content: center; min-width: 22px; white-space: nowrap; border-bottom-width: 2px; }
  [data-sem-c="kbd"] { display: inline-flex; gap: 3px; align-items: center; font-family: var(--sem-font); vertical-align: baseline; }
  [data-sem-c="kbd"] { justify-self: start; }
  [data-sem-c="kbd"]:not(:has(kbd)) { background: linear-gradient(var(--sem-surface), var(--sem-surface-sunken)); border: 1px solid var(--sem-border-strong); color: var(--sem-text); height: 22px; padding: 0 6px; border-radius: var(--sem-radius-sm); font-size: var(--sem-text-xs); font-weight: 600; justify-content: center; line-height: 1; min-width: 22px; white-space: nowrap; border-bottom-width: 2px; }
  [data-sem-c="legend"] .sem-swatch { background: var(--swatch, var(--sem-gray-8)); flex: none; height: 10px; width: 10px; border-radius: 3px; }
  [data-sem-c="legend"] .sem-swatch[data-sem-tone] { background: var(--tone-solid); }
  [data-sem-c="legend"] > li { display: inline-flex; gap: 6px; align-items: center; white-space: nowrap; }
  [data-sem-c="legend"] { color: var(--sem-muted); display: flex; gap: var(--sem-space-1) var(--sem-space-4); margin: 0; padding: 0; align-items: center; flex-wrap: wrap; font-family: var(--sem-font); font-size: var(--sem-text-xs); list-style: none; }
  [data-sem-c="link"] .sem-external, [data-sem-c="linked-card"] .sem-external, [data-sem-c="nav-link"] .sem-external { display: inline-block; transition: transform var(--sem-duration-fast) var(--sem-ease); font-size: 0.85em; text-decoration: none; margin-inline-start: 0.15em; }
  [data-sem-c="link"] .sem-sr, [data-sem-c="linked-card"] .sem-sr, [data-sem-c="nav-link"] .sem-sr { height: 1px; overflow: hidden; position: absolute; width: 1px; clip-path: inset(50%); white-space: nowrap; }
  [data-sem-c="link"] > [data-sem-c=emblem], [data-sem-c="linked-card"] > [data-sem-c=emblem], [data-sem-c="nav-link"] > [data-sem-c=emblem] { height: 0.72em; align-self: baseline; vertical-align: baseline; }
  [data-sem-c="link"], [data-sem-c="linked-card"], [data-sem-c="nav-link"] { color: var(--sem-accent-11); cursor: pointer; transition: color var(--sem-duration-fast) var(--sem-ease), text-decoration-color var(--sem-duration-fast) var(--sem-ease); border-radius: 3px; font-weight: 550; text-decoration: underline; text-decoration-color: color-mix(in oklab, currentColor 35%, transparent); text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
  [data-sem-c="link"]:focus-visible, [data-sem-c="linked-card"]:focus-visible, [data-sem-c="nav-link"]:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="link"]:has(> [data-sem-c=emblem], > [data-sem-c=graph-mark]), [data-sem-c="linked-card"]:has(> [data-sem-c=emblem], > [data-sem-c=graph-mark]), [data-sem-c="nav-link"]:has(> [data-sem-c=emblem], > [data-sem-c=graph-mark]) { display: inline-flex; gap: 0.3em; align-items: baseline; font-weight: 600; text-decoration-color: transparent; }
  [data-sem-c="link"]:has(> [data-sem-c=emblem], > [data-sem-c=graph-mark]):hover, [data-sem-c="linked-card"]:has(> [data-sem-c=emblem], > [data-sem-c=graph-mark]):hover, [data-sem-c="nav-link"]:has(> [data-sem-c=emblem], > [data-sem-c=graph-mark]):hover { text-decoration-color: currentColor; }
  [data-sem-c="link"]:hover .sem-external, [data-sem-c="linked-card"]:hover .sem-external, [data-sem-c="nav-link"]:hover .sem-external { transform: translate(1px, -1px); }
  [data-sem-c="link"]:hover, [data-sem-c="linked-card"]:hover, [data-sem-c="nav-link"]:hover { text-decoration-color: currentColor; }
  [data-sem-c="link"][aria-current=page], [data-sem-c="linked-card"][aria-current=page], [data-sem-c="nav-link"][aria-current=page] { font-weight: 600; text-decoration-color: currentColor; }
  [data-sem-c="link"][data-sem-tone], [data-sem-c="linked-card"][data-sem-tone], [data-sem-c="nav-link"][data-sem-tone] { color: var(--tone-text); }
  [data-sem-c="list"] { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); margin: 0; padding: var(--sem-space-1); border-radius: var(--sem-radius); list-style: none; }
  [data-sem-c="list-item"] > .sem-thumb { background: var(--sem-surface-sunken); flex: none; height: 30px; width: 40px; border-radius: var(--sem-radius-sm); object-fit: cover; }
  [data-sem-c="list-item"] input { appearance: none; background: var(--sem-surface) center / 12px no-repeat; border: 1.5px solid var(--sem-border-strong); cursor: pointer; flex: none; height: 20px; margin: 0; transition: background-color var(--sem-motion), border-color var(--sem-motion), box-shadow var(--sem-motion); width: 20px; border-radius: 7px; }
  [data-sem-c="list-item"] input:checked + label { color: var(--sem-faint); text-decoration: line-through; text-decoration-color: var(--sem-faint); }
  [data-sem-c="list-item"] input:checked { background-color: var(--sem-accent); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); border-color: var(--sem-accent); }
  [data-sem-c="list-item"] input:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="list-item"] input:hover { border-color: var(--sem-accent); }
  [data-sem-c="list-item"] label { cursor: pointer; flex: 1; transition: color var(--sem-motion); }
  [data-sem-c="list-item"] { display: flex; gap: var(--sem-space-3); padding: var(--sem-space-3) var(--sem-space-3); transition: background var(--sem-motion); align-items: center; border-radius: var(--sem-radius-control); }
  [data-sem-c="list-item"]:hover { background: var(--sem-surface); }
  [data-sem-c="live-example"] .sem-live-actions { display: flex; gap: 4px; align-items: center; margin-inline-start: auto; }
  [data-sem-c="live-example"] .sem-live-data { display: flex; min-width: 0; }
  [data-sem-c="live-example"] .sem-live-flow { color: var(--sem-muted); margin: 0; padding: var(--sem-space-2) var(--sem-space-3); border-bottom: 1px solid var(--sem-border); font-size: var(--sem-text-sm); grid-column: 1 / -1; }
  [data-sem-c="live-example"] .sem-live-links { inset: 0; position: absolute; pointer-events: none; }
  [data-sem-c="live-example"] .sem-live-message { min-width: 0; }
  [data-sem-c="live-example"] .sem-live-modality { color: var(--sem-muted); margin: 0; font-size: var(--sem-font-size-micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
  [data-sem-c="live-example"] .sem-live-pane { display: flex; gap: var(--sem-space-3); padding: var(--sem-space-3); flex-direction: column; min-width: 0; border-inline-start: 1px solid var(--sem-border); }
  [data-sem-c="live-example"] .sem-live-preview { background: var(--sem-canvas); display: flex; gap: var(--sem-space-3); overflow: auto; padding: var(--sem-space-3); flex-direction: column; min-width: 0; }
  [data-sem-c="live-example"] .sem-live-problem { background: var(--tone-soft, var(--sem-surface-sunken)); color: var(--tone-text, var(--sem-text)); display: flex; gap: 2px 8px; padding: 6px 10px; border-radius: var(--sem-radius-sm); flex-wrap: wrap; overflow-wrap: anywhere; border-inline-start: 3px solid var(--tone-border, var(--sem-border-strong)); }
  [data-sem-c="live-example"] .sem-live-problems { display: flex; gap: 4px; margin: 0; padding: 0; flex-direction: column; list-style: none; }
  [data-sem-c="live-example"] .sem-live-screen { min-width: 0; }
  [data-sem-c="live-example"] .sem-live-sources [data-sem-c=code-editor] .sem-hint { display: none; }
  [data-sem-c="live-example"] .sem-live-sources [data-sem-c=code-editor] .sem-scroll { border-color: transparent; max-height: 32rem; overflow-y: auto; }
  [data-sem-c="live-example"] .sem-live-sources { background: var(--sem-code-bg); padding: var(--sem-space-2); min-width: 0; }
  [data-sem-c="live-example"] .sem-live-status { display: flex; gap: 6px; flex-direction: column; font-size: var(--sem-text-sm); }
  [data-sem-c="live-example"] .sem-live-summary { color: var(--sem-muted); margin: 0; }
  [data-sem-c="live-example"] .sem-live-tab { background: transparent; border: 1px solid transparent; color: var(--sem-muted); cursor: pointer; font: 500 12px/1.6 var(--sem-font-mono); padding: 3px 10px; transition: background var(--sem-duration-fast) var(--sem-ease), color var(--sem-duration-fast) var(--sem-ease); border-radius: var(--sem-radius-control); }
  [data-sem-c="live-example"] .sem-live-tab:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="live-example"] .sem-live-tab:hover { background: var(--sem-surface-hover); color: var(--sem-text); }
  [data-sem-c="live-example"] .sem-live-tab[aria-selected=true] { background: var(--sem-surface); color: var(--sem-text); border-color: var(--sem-border); }
  [data-sem-c="live-example"] .sem-live-tabs { display: flex; gap: 4px; flex-wrap: wrap; min-width: 0; }
  [data-sem-c="live-example"] .sem-live-text :is(div, p, li) { unicode-bidi: plaintext; }
  [data-sem-c="live-example"] .sem-live-text { background: var(--sem-code-bg); font: 12px/1.55 var(--sem-font-mono); margin: 0; padding: var(--sem-space-2); border-radius: var(--sem-radius); overflow-x: auto; white-space: pre-wrap; }
  [data-sem-c="live-example"] .sem-live-time { color: var(--sem-faint); font: 11px/1 var(--sem-font-mono); text-align: end; font-variant-numeric: tabular-nums; min-inline-size: 8ch; padding-inline-end: 6px; }
  [data-sem-c="live-example"] .sem-live-where { font: 600 12px/1.6 var(--sem-font-mono); }
  [data-sem-c="live-example"] > .sem-live-bar { background: var(--sem-surface-sunken); display: flex; gap: var(--sem-space-2); padding: 6px var(--sem-space-3); align-items: center; border-bottom: 1px solid var(--sem-border); flex-wrap: wrap; justify-content: space-between; }
  [data-sem-c="live-example"] > .sem-live-body { display: grid; position: relative; min-width: 0; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); }
  [data-sem-c="live-example"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: flex; overflow: clip; border-radius: var(--sem-radius-card); flex-direction: column; font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="live-example"][data-sem-fullscreen]:is(:fullscreen, [data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) > .sem-live-body { flex: 1 1 auto; min-height: 0; }
  [data-sem-c="live-example"][data-sem-fullscreen]:is(:fullscreen, [data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) { background: var(--sem-surface); border: 0; padding: 0; border-radius: 0; }
  [data-sem-c="live-example"][data-sem-sources=hidden] > .sem-live-body > .sem-live-flow { flex: 1 0 100%; }
  [data-sem-c="live-example"][data-sem-sources=hidden] > .sem-live-body > .sem-live-pane:has(.sem-live-data) { flex-grow: 1.4; }
  [data-sem-c="live-example"][data-sem-sources=hidden] > .sem-live-body > :is(.sem-live-preview, .sem-live-pane) { flex: 1 1 15rem; }
  [data-sem-c="live-example"][data-sem-sources=hidden] > .sem-live-body { display: flex; column-gap: var(--sem-space-5); flex-wrap: wrap; }
  [data-sem-c="live-example"][data-sem-state=stale] .sem-live-screen { filter: saturate(0.6); opacity: 0.55; transition: opacity var(--sem-duration) var(--sem-ease); }
  [data-sem-c="live-indicator"] .sem-dot { background: var(--live-color); flex: none; height: 8px; width: 8px; border-radius: var(--sem-radius-full); }
  [data-sem-c="live-indicator"] { background: transparent; border: 1px solid transparent; color: var(--sem-text); cursor: pointer; display: inline-flex; font: 600 12px/1 var(--sem-font); gap: 7px; height: 26px; padding: 0 10px 0 8px; transition: background var(--sem-duration-fast) var(--sem-ease); align-items: center; border-radius: var(--sem-radius-full); white-space: nowrap; --live-color: var(--sem-success-9); }
  [data-sem-c="live-indicator"]:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="live-indicator"]:hover { background: var(--sem-gray-3); }
  [data-sem-c="live-indicator"][data-live=false] { color: var(--sem-muted); --live-color: var(--sem-gray-8); }
  [data-sem-c="live-indicator"][data-live=true] .sem-dot { animation: sem-pulse calc(var(--sem-duration-loop) * 6) var(--sem-ease-out) infinite; }
  [data-sem-c="mention"] { background: none; border: 0; color: var(--sem-accent-strong); cursor: pointer; font: inherit; margin: 0 -1px; padding: 0 2px; transition: background-color var(--sem-motion), border-color var(--sem-motion); border-bottom: 1.5px dotted color-mix(in oklab, var(--sem-accent) 70%, transparent); border-radius: 3px 3px 0 0; font-weight: 560; text-decoration: none; }
  [data-sem-c="mention"]:focus-visible { box-shadow: 0 0 0 2px var(--sem-ring); }
  [data-sem-c="mention"]:is(:hover, :focus-visible, [data-sem-lit]) { background: var(--sem-accent-soft); outline: none; border-bottom-style: solid; }
  [data-sem-c="mention"]:is(a)::after { content: "↗"; font-size: 0.75em; vertical-align: super; margin-inline-start: 1px; }
  [data-sem-c="menu"] > .sem-menu-popup { background: var(--sem-surface-overlay); border: 1px solid var(--sem-border-strong); color: var(--sem-text); display: grid; gap: 1px; padding: 5px; position: absolute; top: calc(100% + 6px); border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-3); font-size: var(--sem-text-sm); max-width: min(360px, calc(100vw - 32px)); min-width: max(100%, 200px); transform-origin: top left; z-index: 40; inset-inline-start: -1px; --tone-border: initial; --tone-soft: initial; --tone-solid: initial; --tone-text: initial; --tone-soft-hover: initial; }
  [data-sem-c="menu"] > button .sem-caret { display: inline-block; opacity: 0.65; transition: transform var(--sem-motion); font-size: 0.9em; line-height: 1; }
  [data-sem-c="menu"] > button { background: transparent; border: 0; color: inherit; cursor: pointer; display: inline-flex; font: inherit; gap: var(--sem-space-2); padding: 0 calc(var(--control-px, var(--sem-space-4)) - 2px) 0 var(--control-px, var(--sem-space-4)); align-items: center; border-radius: inherit; font-size: var(--control-font, inherit); font-weight: 600; line-height: 1.2; white-space: nowrap; }
  [data-sem-c="menu"] > button:disabled { cursor: not-allowed; }
  [data-sem-c="menu"] > button:focus-visible { outline: none; }
  [data-sem-c="menu"] > button[data-sem-shortcut]::after { opacity: 0.55; margin-inline-start: 2px; }
  [data-sem-c="menu"] { background: var(--sem-surface); border: 1px solid var(--tone-border, var(--sem-border-strong)); color: var(--tone-text, var(--sem-text)); display: inline-flex; position: relative; transition: background var(--sem-motion), border-color var(--sem-motion), box-shadow var(--sem-motion); border-radius: var(--control-radius, var(--sem-radius-control)); box-shadow: var(--sem-shadow); font-family: var(--sem-font); min-height: var(--control-h, var(--sem-control-height)); }
  [data-sem-c="menu"]:has(> button:disabled) { opacity: 0.45; box-shadow: none; }
  [data-sem-c="menu"]:has(> button:focus-visible) { box-shadow: var(--sem-ring); }
  [data-sem-c="menu"]:has(> button:not(:disabled):hover) { background: var(--tone-soft, var(--sem-surface-hover)); }
  [data-sem-c="menu"][data-open] > button .sem-caret { transform: rotate(180deg); }
  [data-sem-c="menu"][data-open] { background: var(--tone-soft, var(--sem-surface-hover)); }
  [data-sem-c="menu-item"] .sem-icon { color: var(--tone-text, var(--sem-muted)); width: 18px; text-align: center; }
  [data-sem-c="menu-item"] { background: transparent; border: 0; color: var(--tone-text, var(--sem-text)); cursor: pointer; display: flex; font: inherit; gap: 10px; padding: 4px 10px; transition: background var(--sem-duration-fast) var(--sem-ease); width: 100%; align-items: center; border-radius: var(--sem-radius-sm); font-weight: 500; min-height: 32px; overflow-wrap: anywhere; text-align: start; white-space: normal; }
  [data-sem-c="menu-item"]:disabled { cursor: default; opacity: 0.45; }
  [data-sem-c="menu-item"]:focus-visible { box-shadow: inset 0 0 0 2px color-mix(in oklab, var(--sem-accent) 45%, transparent); }
  [data-sem-c="menu-item"]:not(:disabled):is(:hover, :focus-visible) { background: var(--tone-soft, var(--sem-gray-3)); outline: none; }
  [data-sem-c="message"] .sem-author { color: var(--sem-text); font-weight: 650; }
  [data-sem-c="message"] .sem-dots > span { animation: sem-typing-dot calc(var(--sem-duration-loop) * 4) var(--sem-ease) infinite; background: var(--sem-muted); height: 6px; opacity: 0.35; width: 6px; border-radius: var(--sem-radius-full); }
  [data-sem-c="message"] .sem-dots > span:nth-child(2) { animation-delay: calc(var(--sem-duration-loop) * 0.5); }
  [data-sem-c="message"] .sem-dots > span:nth-child(3) { animation-delay: var(--sem-duration-loop); }
  [data-sem-c="message"] .sem-dots { display: inline-flex; gap: 4px; padding-block: 4px; }
  [data-sem-c="message"] .sem-message-body { color: var(--sem-text); margin: 2px 0 0; font-size: var(--sem-text-sm); line-height: var(--sem-leading-normal); }
  [data-sem-c="message"] .sem-message-main { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); padding: var(--sem-space-2) var(--sem-space-3); border-radius: var(--sem-radius-lg); min-width: 0; border-end-start-radius: var(--sem-radius-sm); }
  [data-sem-c="message"] .sem-message-meta { color: var(--sem-muted); display: flex; gap: var(--sem-space-2); align-items: baseline; flex-wrap: wrap; font-size: var(--sem-text-xs); }
  [data-sem-c="message"] .sem-typing { margin: 4px 0 2px; line-height: 1; }
  [data-sem-c="message"] .sem-visually-hidden { height: 1px; overflow: hidden; position: absolute; width: 1px; clip-path: inset(50%); white-space: nowrap; }
  [data-sem-c="message"] p.sem-message-body { overflow-wrap: anywhere; white-space: pre-wrap; }
  [data-sem-c="message"] time { font-variant-numeric: tabular-nums; }
  [data-sem-c="message"] { display: flex; gap: var(--sem-space-2); align-items: flex-end; max-width: min(36rem, 92%); }
  [data-sem-c="message"].sem-mine .sem-message-main { background: var(--sem-accent-soft); border-color: transparent; border-end-end-radius: var(--sem-radius-sm); border-end-start-radius: var(--sem-radius-lg); }
  [data-sem-c="message"].sem-mine { align-self: var(--sem-own-side); flex-direction: row-reverse; }
  [data-sem-c="message-list"] { display: flex; gap: var(--sem-space-3); margin: 0; padding: 0; flex-direction: column; font-family: var(--sem-font); list-style: none; }
  [data-sem-c="metrics"] .sem-lead b { color: var(--sem-accent-strong); font-family: var(--sem-font); }
  [data-sem-c="metrics"] .sem-metric b { color: var(--sem-text); font: 600 12px/1.4 var(--sem-mono); }
  [data-sem-c="metrics"] .sem-metric { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-muted); display: inline-flex; gap: 6px; padding: 4px 10px; align-items: baseline; border-radius: 8px; font-size: 12px; }
  [data-sem-c="metrics"] { display: flex; gap: 6px; flex-wrap: wrap; font-family: var(--sem-font); }
  [data-sem-c="metrics"][hidden] { display: none; }
  [data-sem-c="money"] { unicode-bidi: isolate; white-space: nowrap; font-variant-numeric: tabular-nums; }
  [data-sem-c="month-grid"] .sem-mg-day { background: transparent; border: 0; color: inherit; cursor: pointer; display: inline-grid; font: inherit; height: 34px; padding: 0; transition: background var(--sem-duration-fast) var(--sem-ease), color var(--sem-duration-fast) var(--sem-ease); width: 34px; border-radius: var(--sem-radius-full); box-sizing: border-box; font-size: var(--sem-text-sm); place-items: center; }
  [data-sem-c="month-grid"] .sem-mg-day:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="month-grid"] .sem-mg-day:hover { background: var(--sem-surface-hover); }
  [data-sem-c="month-grid"] .sem-mg-day[aria-current=date] { color: var(--sem-accent-strong); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--sem-accent) 45%, transparent); font-weight: 700; }
  [data-sem-c="month-grid"] .sem-mg-day[aria-disabled=true] { background: transparent; color: var(--sem-faint); cursor: not-allowed; text-decoration: line-through; }
  [data-sem-c="month-grid"] .sem-mg-day[data-outside] { color: var(--sem-faint); }
  [data-sem-c="month-grid"] > .sem-mg-days td { padding: 1px 0; text-align: center; }
  [data-sem-c="month-grid"] > .sem-mg-days th { color: var(--sem-muted); overflow: hidden; padding: 0 0 4px; width: 36px; font-size: var(--sem-text-xs); font-weight: 600; text-align: center; text-overflow: ellipsis; text-transform: none; white-space: nowrap; }
  [data-sem-c="month-grid"] > .sem-mg-days { margin: 0 auto; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
  [data-sem-c="month-grid"] > .sem-mg-head > .sem-mg-title { flex: 1; font-size: var(--sem-text-md); font-weight: 650; text-align: center; }
  [data-sem-c="month-grid"] > .sem-mg-head { display: flex; gap: var(--sem-space-2); align-items: center; justify-content: space-between; }
  [data-sem-c="month-grid"] td:is([data-range~=inside], [data-range~=preview]) { background: var(--sem-accent-soft); }
  [data-sem-c="month-grid"] td[aria-selected=true] > .sem-mg-day { background: var(--sem-accent); color: var(--sem-on-accent); box-shadow: none; font-weight: 650; }
  [data-sem-c="month-grid"] td[aria-selected=true] > .sem-mg-day:focus-visible { box-shadow: var(--sem-ring); }
  [data-sem-c="month-grid"] td[data-range~=preview]:not([data-range~=inside]) { background: color-mix(in oklab, var(--sem-accent-soft) 55%, transparent); box-shadow: inset 0 1px 0 color-mix(in oklab, var(--sem-accent) 40%, transparent), inset 0 -1px 0 color-mix(in oklab, var(--sem-accent) 40%, transparent); }
  [data-sem-c="month-grid"] { color: var(--sem-text); display: grid; gap: var(--sem-space-2); font-family: var(--sem-font); justify-items: stretch; user-select: none; font-variant-numeric: tabular-nums; -webkit-user-select: none; }
  [data-sem-c="outline"] { display: grid; gap: 2px; min-width: 0; }
  [data-sem-c="outline-item"] .sem-who { display: inline-flex; border-radius: var(--sem-radius-full); }
  [data-sem-c="outline-item"] .sem-who.sem-typing { animation: sem-typing-pulse calc(var(--sem-duration-loop) * 4) var(--sem-ease) infinite; }
  [data-sem-c="outline-item"] > .sem-flag { color: var(--sem-warning-11); flex-basis: 100%; font-size: var(--sem-text-xs); padding-inline-start: calc(3.5rem + var(--sem-space-2)); }
  [data-sem-c="outline-item"] > .sem-flag::before { content: "⚠ "; }
  [data-sem-c="outline-item"] > .sem-note { color: var(--sem-muted); font-size: var(--sem-text-xs); white-space: nowrap; }
  [data-sem-c="outline-item"] > .sem-people { display: inline-flex; gap: 2px; min-width: 3.5rem; }
  [data-sem-c="outline-item"] > .sem-text { color: var(--sem-text); flex: 1 1 12rem; font: inherit; min-width: 0; overflow-wrap: break-word; text-align: start; }
  [data-sem-c="outline-item"] > button.sem-text { background: none; border: 0; cursor: pointer; margin: -2px -4px; padding: 2px 4px; border-radius: var(--sem-radius-sm); }
  [data-sem-c="outline-item"] > button.sem-text:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="outline-item"] > button.sem-text:hover { background: var(--sem-surface-sunken); }
  [data-sem-c="outline-item"] > button.sem-text[aria-pressed=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); }
  [data-sem-c="outline-item"] { display: flex; padding: 6px 8px; transition: background-color var(--sem-duration-fast) var(--sem-ease), border-color var(--sem-duration-fast) var(--sem-ease); align-items: center; border-radius: var(--sem-radius-md); column-gap: var(--sem-space-2); flex-wrap: wrap; row-gap: 2px; border-inline-start: 3px solid transparent; padding-inline-start: calc(8px + var(--sem-level, 0) * 1.5rem); }
  [data-sem-c="outline-item"].sem-busy { background-color: color-mix(in oklab, var(--sem-accent-9) 6%, transparent); }
  [data-sem-c="outline-item"].sem-flagged { background-color: color-mix(in oklab, var(--sem-warning-9) 8%, transparent); border-inline-start-color: var(--sem-warning-9); }
  [data-sem-c="pagination"] .sem-gap { color: var(--sem-faint); min-width: 20px; text-align: center; user-select: none; }
  [data-sem-c="pagination"] > ul { display: flex; gap: 4px; margin: 0; padding: 0; align-items: center; flex-wrap: wrap; list-style: none; }
  [data-sem-c="pagination"] button { background: transparent; border: 1px solid transparent; color: var(--sem-text); cursor: pointer; display: inline-grid; font: 550 13px/1 var(--sem-font); height: var(--control-h, 32px); padding: 0 8px; transition: background var(--sem-duration-fast) var(--sem-ease), border-color var(--sem-duration-fast) var(--sem-ease); border-radius: var(--sem-radius-md); min-width: var(--control-h, 32px); place-items: center; font-variant-numeric: tabular-nums; }
  [data-sem-c="pagination"] button.sem-step { color: var(--sem-muted); border-color: var(--sem-border-strong); font-size: var(--sem-text-md); }
  [data-sem-c="pagination"] button:disabled { cursor: default; opacity: 0.4; }
  [data-sem-c="pagination"] button:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="pagination"] button:hover:not(:disabled, [aria-current]) { background: var(--sem-gray-3); }
  [data-sem-c="pagination"] button[aria-current=page] { background: var(--sem-accent-9); color: #ffffff; cursor: default; border-color: var(--sem-accent-9); }
  [data-sem-c="pagination"] { font-family: var(--sem-font); }
  [data-sem-c="policy-list"] .sem-forget { background: transparent; border: 1px solid var(--sem-border); color: var(--sem-muted); cursor: pointer; height: 28px; width: 28px; border-radius: var(--sem-radius-md); }
  [data-sem-c="policy-list"] .sem-forget:disabled { cursor: default; opacity: 0.4; }
  [data-sem-c="policy-list"] .sem-what span { color: var(--sem-muted); font-size: var(--sem-text-xs); }
  [data-sem-c="policy-list"] .sem-what { display: grid; gap: 2px; min-width: 0; }
  [data-sem-c="policy-list"] :is([role=switch], .sem-forget):focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="policy-list"] > li { background: var(--sem-surface); border: 1px solid var(--sem-border); display: grid; gap: var(--sem-space-3); padding: var(--sem-space-2) var(--sem-space-3); align-items: center; border-radius: var(--sem-radius-md); grid-template-columns: auto 1fr auto; }
  [data-sem-c="policy-list"] [role=switch] > span { background: var(--sem-muted); height: 14px; position: absolute; top: 2px; transition: transform var(--sem-motion), background var(--sem-motion); width: 14px; border-radius: 50%; inset-inline-start: 2px; }
  [data-sem-c="policy-list"] [role=switch] { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border-strong); cursor: pointer; height: 20px; padding: 0; position: relative; transition: background var(--sem-motion), border-color var(--sem-motion); width: 34px; border-radius: var(--sem-radius-full); }
  [data-sem-c="policy-list"] [role=switch][aria-checked=true] > span { background: #ffffff; transform: translateX(14px); }
  [data-sem-c="policy-list"] [role=switch][aria-checked=true] { background: var(--sem-accent); border-color: var(--sem-accent); }
  [data-sem-c="policy-list"] { display: grid; gap: 2px; margin: 0; padding: 0; width: 100%; font-family: var(--sem-font); font-size: var(--sem-text-sm); list-style: none; }
  [data-sem-c="progress"] .sem-fill { background: linear-gradient(90deg, var(--sem-accent), #ff7ac6); display: block; height: 100%; transition: width var(--sem-duration-slow) var(--sem-ease); width: var(--sem-progress, 0%); border-radius: 6px; }
  [data-sem-c="progress"] .sem-status { color: var(--sem-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
  [data-sem-c="progress"] .sem-track { background: var(--sem-border); height: 6px; overflow: hidden; width: 160px; border-radius: 6px; max-width: 100%; }
  [data-sem-c="progress"] { display: inline-flex; gap: 2px 10px; align-items: center; flex-wrap: wrap; font-family: var(--sem-font); max-width: 100%; min-width: min(100%, 260px); }
  [data-sem-c="progress"][hidden] { display: none; }
  [data-sem-c="query-view"] { background: var(--sem-code-bg); color: var(--sem-text); font: 12px/1.6 var(--sem-mono); margin: 0; overflow: auto; padding: var(--sem-space-4) var(--sem-space-4); border-radius: var(--sem-radius); max-height: min(70vh, 640px); white-space: pre; }
  [data-sem-c="query-view"].sem-empty { color: var(--sem-muted); font-family: var(--sem-font); white-space: normal; }
  [data-sem-c="query-workbench"] .sem-form { background: var(--sem-gray-3); color: var(--sem-code-keyword); font: 600 10.5px/1.6 var(--sem-font-mono); padding: 2px 8px; border-radius: var(--sem-radius-full); }
  [data-sem-c="query-workbench"] .sem-sample { background: var(--sem-surface); border: 1px solid var(--sem-border); color: inherit; cursor: pointer; display: inline-flex; font: inherit; gap: 6px; padding: 4px 10px; transition: background var(--sem-duration-fast) var(--sem-ease), border-color var(--sem-duration-fast) var(--sem-ease); align-items: baseline; border-radius: var(--sem-radius-full); font-size: var(--sem-text-sm); }
  [data-sem-c="query-workbench"] .sem-sample-form { color: var(--sem-code-keyword); font: 600 9px/1 var(--sem-font-mono); letter-spacing: 0.04em; }
  [data-sem-c="query-workbench"] .sem-sample-label { font-weight: 500; }
  [data-sem-c="query-workbench"] .sem-sample-list { display: flex; gap: 6px; flex-wrap: wrap; }
  [data-sem-c="query-workbench"] .sem-sample:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="query-workbench"] .sem-sample:hover { background: var(--sem-gray-3); }
  [data-sem-c="query-workbench"] .sem-sample[aria-pressed=true] { background: var(--sem-accent-soft); border-color: color-mix(in oklab, var(--sem-accent) 45%, transparent); }
  [data-sem-c="query-workbench"] .sem-samples > h3 { color: var(--sem-muted); margin: 0; font-size: var(--sem-font-size-micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
  [data-sem-c="query-workbench"] .sem-status { color: var(--sem-muted); overflow: hidden; font-size: var(--sem-text-sm); min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="query-workbench"] .sem-toolbar { display: flex; gap: var(--sem-space-3); align-items: center; flex-wrap: wrap; }
  [data-sem-c="query-workbench"] > .sem-main { display: flex; gap: var(--sem-space-3); flex-direction: column; min-width: 0; }
  [data-sem-c="query-workbench"] > .sem-samples { display: flex; gap: 6px 10px; align-items: center; flex-wrap: wrap; }
  [data-sem-c="query-workbench"] { color: var(--sem-text); display: flex; gap: var(--sem-space-3); flex-direction: column; font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="radio-group"] .sem-option-label { color: var(--sem-text); font-weight: 600; }
  [data-sem-c="radio-group"] .sem-option-note { color: var(--sem-muted); font-size: 0.88em; }
  [data-sem-c="radio-group"] .sem-option-text { display: grid; gap: 2px; line-height: 1.35; }
  [data-sem-c="radio-group"] .sem-radio > input { appearance: none; background: var(--sem-surface); border: 1.5px solid var(--sem-gray-8); cursor: inherit; flex: none; height: var(--radio-size); margin: 1px 0 0; transition: border-color var(--sem-motion), background var(--sem-motion); width: var(--radio-size); border-radius: 50%; }
  [data-sem-c="radio-group"] .sem-radio > input:checked { background: radial-gradient(circle, var(--tone-on-solid, #ffffff) 0 28%, var(--tone-solid, var(--sem-accent-9)) 32%); border-color: var(--tone-solid, var(--sem-accent-9)); }
  [data-sem-c="radio-group"] .sem-radio > input:focus-visible { outline: none; }
  [data-sem-c="radio-group"] .sem-radio { background: var(--sem-surface); border: 1px solid var(--sem-border); cursor: pointer; display: flex; gap: 10px; padding: 10px 12px; transition: border-color var(--sem-motion), background var(--sem-motion), box-shadow var(--sem-motion); align-items: flex-start; border-radius: var(--control-radius, var(--sem-radius-control)); }
  [data-sem-c="radio-group"] .sem-radio:has(> input:checked) { background: var(--tone-soft, var(--sem-accent-soft)); border-color: color-mix(in oklab, var(--tone-solid, var(--sem-accent-9)) 55%, transparent); }
  [data-sem-c="radio-group"] .sem-radio:has(> input:disabled) { cursor: not-allowed; opacity: 0.5; }
  [data-sem-c="radio-group"] .sem-radio:has(> input:focus-visible) { box-shadow: var(--sem-ring); }
  [data-sem-c="radio-group"] .sem-radio:hover { border-color: var(--sem-border-strong); }
  [data-sem-c="radio-group"] > .sem-caption { font-size: var(--sem-font-size-small); font-weight: 600; letter-spacing: 0.005em; }
  [data-sem-c="radio-group"] > .sem-options { display: grid; gap: 6px; }
  [data-sem-c="radio-group"] { display: grid; gap: var(--sem-space-2); align-content: start; font-family: var(--sem-font); font-size: var(--control-font, 14px); max-width: 560px; --radio-size: calc(var(--control-h, 36px) * 0.5); }
  [data-sem-c="radio-group"][data-sem-direction=row] > .sem-options { grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr)); }
  [data-sem-c="rdf-editor"] .sem-adding > .sem-edit { min-width: min(32ch, 100%); }
  [data-sem-c="rdf-editor"] .sem-adding { display: grid; gap: 4px; padding: 4px var(--sem-space-2) 6px; position: relative; justify-items: start; }
  [data-sem-c="rdf-editor"] .sem-datatype { background: var(--sem-gray-4); color: var(--sem-muted); padding: 0 6px; border-radius: var(--sem-radius-full); font-family: var(--sem-font); font-size: var(--sem-text-xs); font-weight: 500; line-height: 1.5; white-space: nowrap; }
  [data-sem-c="rdf-editor"] .sem-edit { background: var(--sem-surface); border: 1px solid var(--sem-border-strong); color: var(--sem-text); height: 24px; padding: 0 6px; border-radius: var(--sem-radius-sm); box-sizing: border-box; field-sizing: content; max-width: 100%; min-width: 16ch; }
  [data-sem-c="rdf-editor"] .sem-edit::placeholder { color: var(--sem-faint); }
  [data-sem-c="rdf-editor"] .sem-edit:focus-visible { outline: none; border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="rdf-editor"] .sem-invalid > .sem-row > .sem-label { text-decoration: underline wavy var(--sem-danger-9); text-underline-offset: 3px; }
  [data-sem-c="rdf-editor"] .sem-iri { color: var(--sem-code-name); }
  [data-sem-c="rdf-editor"] .sem-key > kbd { margin-inline-end: 4px; }
  [data-sem-c="rdf-editor"] .sem-keys { display: flex; gap: 4px 10px; flex-wrap: wrap; margin-inline-start: auto; }
  [data-sem-c="rdf-editor"] .sem-label { padding: 1px 4px; border-radius: var(--sem-radius-sm); min-width: 0; overflow-wrap: break-word; }
  [data-sem-c="rdf-editor"] .sem-label:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="rdf-editor"] .sem-literal { color: var(--sem-code-string); }
  [data-sem-c="rdf-editor"] .sem-literal { unicode-bidi: plaintext; }
  [data-sem-c="rdf-editor"] .sem-menu { background: var(--sem-surface-overlay); border: 1px solid var(--sem-border-strong); color: var(--sem-text); display: grid; gap: 1px; padding: 5px; position: absolute; top: calc(100% + 6px); border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-3); font-family: var(--sem-font); font-size: var(--sem-text-sm); max-width: min(320px, calc(100vw - 32px)); min-width: 220px; z-index: 40; inset-inline-start: 22px; }
  [data-sem-c="rdf-editor"] .sem-menuitem > kbd { margin-inline-start: auto; }
  [data-sem-c="rdf-editor"] .sem-menuitem { background: transparent; border: 0; color: var(--sem-text); cursor: pointer; display: flex; font: inherit; gap: 10px; padding: 4px 10px; align-items: center; border-radius: var(--sem-radius-sm); font-weight: 500; min-height: 32px; text-align: start; }
  [data-sem-c="rdf-editor"] .sem-menuitem.sem-danger { color: var(--sem-danger-11); }
  [data-sem-c="rdf-editor"] .sem-menuitem.sem-danger:is(:hover, :focus-visible) { background: var(--sem-danger-3); }
  [data-sem-c="rdf-editor"] .sem-menuitem:focus-visible { box-shadow: inset 0 0 0 2px color-mix(in oklab, var(--sem-accent) 45%, transparent); }
  [data-sem-c="rdf-editor"] .sem-menuitem:is(:hover, :focus-visible) { background: var(--sem-gray-3); outline: none; }
  [data-sem-c="rdf-editor"] .sem-mode { background: var(--sem-gray-3); color: var(--sem-text); padding: 1px 8px; border-radius: var(--sem-radius-full); font-weight: 600; }
  [data-sem-c="rdf-editor"] .sem-mode-adding { background: var(--sem-success-3); color: var(--sem-success-11); }
  [data-sem-c="rdf-editor"] .sem-mode-editing { background: var(--sem-accent-soft); color: var(--sem-accent-strong); }
  [data-sem-c="rdf-editor"] .sem-note { color: var(--sem-faint); flex: 0 1000 auto; overflow: hidden; font-size: var(--sem-text-xs); min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="rdf-editor"] .sem-option > .sem-detail { color: var(--sem-muted); font-family: var(--sem-font); font-size: var(--sem-text-xs); margin-inline-start: auto; }
  [data-sem-c="rdf-editor"] .sem-option { background: transparent; border: 0; color: var(--sem-text); cursor: pointer; display: flex; gap: 8px; padding: 0 8px; align-items: center; border-radius: var(--sem-radius-sm); min-height: 28px; text-align: start; white-space: nowrap; }
  [data-sem-c="rdf-editor"] .sem-option:hover { background: var(--sem-gray-3); }
  [data-sem-c="rdf-editor"] .sem-option[aria-selected=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--sem-accent) 35%, transparent); }
  [data-sem-c="rdf-editor"] .sem-predicate { color: var(--sem-text); font-family: var(--sem-font); font-size: var(--sem-text-sm); font-weight: 500; }
  [data-sem-c="rdf-editor"] .sem-problem { background: var(--sem-danger-3); color: var(--sem-danger-11); padding: 0 6px; border-radius: var(--sem-radius-sm); font-size: var(--sem-text-xs); font-weight: 550; line-height: 1.6; }
  [data-sem-c="rdf-editor"] .sem-problems { display: flex; gap: 4px; flex-wrap: wrap; padding-block-end: 4px; padding-inline-start: calc(18px + 6px + var(--sem-space-2)); }
  [data-sem-c="rdf-editor"] .sem-property > .sem-problems { grid-column: 1 / -1; }
  [data-sem-c="rdf-editor"] .sem-property > [role=group] > .sem-term > [role=group] { margin-inline-start: calc(-1 * var(--rdf-pred)); padding-inline-start: 18px; }
  [data-sem-c="rdf-editor"] .sem-property { display: grid; align-items: start; grid-template-columns: minmax(0, min(var(--rdf-pred), 38%)) minmax(0, 1fr); }
  [data-sem-c="rdf-editor"] .sem-property[aria-expanded=false] { display: block; }
  [data-sem-c="rdf-editor"] .sem-required > .sem-detail { color: var(--sem-accent-strong); font-weight: 550; }
  [data-sem-c="rdf-editor"] .sem-resource + .sem-resource { margin-block-start: var(--sem-space-3); }
  [data-sem-c="rdf-editor"] .sem-resource > .sem-row > .sem-label { color: var(--sem-text); font-family: var(--sem-font); font-size: var(--sem-text-sm); font-weight: 600; }
  [data-sem-c="rdf-editor"] .sem-resource > .sem-row { min-height: 30px; }
  [data-sem-c="rdf-editor"] .sem-resource { content-visibility: auto; contain-intrinsic-size: auto 2.5em; }
  [data-sem-c="rdf-editor"] .sem-resource:has(.sem-menu, .sem-suggestions) { content-visibility: visible; }
  [data-sem-c="rdf-editor"] .sem-row > .sem-label { flex: 0 1 auto; }
  [data-sem-c="rdf-editor"] .sem-row > .sem-leaf { background: radial-gradient(circle, var(--sem-gray-7) 2px, transparent 2.5px); height: 18px; }
  [data-sem-c="rdf-editor"] .sem-row > :is(.sem-twisty, .sem-leaf) { align-self: flex-start; margin-block-start: 4px; }
  [data-sem-c="rdf-editor"] .sem-row { display: flex; gap: 6px; align-items: center; border-radius: var(--sem-radius-md); min-height: 26px; min-width: 0; padding-inline: 2px var(--sem-space-2); }
  [data-sem-c="rdf-editor"] .sem-row { position: relative; }
  [data-sem-c="rdf-editor"] .sem-row:hover { background: var(--sem-gray-3); }
  [data-sem-c="rdf-editor"] .sem-status { background: var(--sem-surface); bottom: calc(-1 * var(--sem-space-2)); color: var(--sem-muted); display: flex; gap: 4px 12px; margin: var(--sem-space-2) calc(-1 * var(--sem-space-3)) calc(-1 * var(--sem-space-2)); padding: 6px var(--sem-space-3); position: sticky; align-items: center; border-top: 1px solid var(--sem-border); flex-wrap: wrap; font-size: var(--sem-text-xs); z-index: 1; }
  [data-sem-c="rdf-editor"] .sem-status { overflow-x: auto; scrollbar-width: none; }
  [data-sem-c="rdf-editor"] .sem-suggestions { background: var(--sem-surface-overlay); border: 1px solid var(--sem-border-strong); display: grid; padding: 4px; position: absolute; top: calc(100% - 2px); border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-3); max-height: min(232px, 40vh); min-width: min(32ch, 100%); overflow-y: auto; z-index: 40; inset-inline-start: var(--sem-space-2); }
  [data-sem-c="rdf-editor"] .sem-suggestions:empty { display: none; }
  [data-sem-c="rdf-editor"] .sem-term > [role=group] { padding-inline-start: 18px; }
  [data-sem-c="rdf-editor"] .sem-where { color: var(--sem-text); direction: ltr; overflow: hidden; font-family: var(--sem-font-mono); min-width: 0; text-overflow: ellipsis; unicode-bidi: isolate; white-space: nowrap; }
  [data-sem-c="rdf-editor"] :is(.sem-blank, .sem-list, .sem-triple) { color: var(--sem-muted); }
  [data-sem-c="rdf-editor"] :is(.sem-iri, .sem-literal, .sem-blank, .sem-list, .sem-triple, .sem-option, .sem-edit) { font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); }
  [data-sem-c="rdf-editor"] :is(.sem-iri, .sem-predicate, .sem-blank, .sem-list, .sem-triple, .sem-datatype, .sem-option) { direction: ltr; unicode-bidi: isolate; }
  [data-sem-c="rdf-editor"] :is(.sem-menuitem, .sem-key) > kbd { background: linear-gradient(var(--sem-surface), var(--sem-surface-sunken)); border: 1px solid var(--sem-border-strong); color: var(--sem-text); display: inline-flex; height: 18px; padding: 0 5px; align-items: center; border-radius: var(--sem-radius-sm); font-family: var(--sem-font); font-size: 11px; font-weight: 600; justify-content: center; line-height: 1; min-width: 18px; white-space: nowrap; border-bottom-width: 2px; }
  [data-sem-c="rdf-editor"] :is(.sem-status, .sem-keys) { flex-wrap: nowrap; white-space: nowrap; }
  [data-sem-c="rdf-editor"] :is(.sem-tree, [role=group]) { margin: 0; padding: 0; list-style: none; min-width: 0; }
  [data-sem-c="rdf-editor"] [aria-current=true] > .sem-row > .sem-label { color: var(--sem-accent-strong); }
  [data-sem-c="rdf-editor"] [aria-current=true] > .sem-row { background: var(--sem-accent-soft); }
  [data-sem-c="rdf-editor"] [aria-current=true] > .sem-row:hover { background: color-mix(in oklab, var(--sem-accent-soft), var(--sem-accent) 14%); }
  [data-sem-c="rdf-editor"] [data-sem-c=connector] { opacity: 0.55; }
  [data-sem-c="rdf-editor"] [data-sem-change=added] > .sem-row { background: var(--sem-success-3); --sem-change-bar: var(--sem-success-9); }
  [data-sem-c="rdf-editor"] [data-sem-change=removed] > .sem-row > :is(.sem-label, .sem-datatype) { opacity: 0.8; text-decoration: line-through; text-decoration-color: var(--sem-danger-9); }
  [data-sem-c="rdf-editor"] [data-sem-change=removed] > .sem-row { background: var(--sem-danger-3); --sem-change-bar: var(--sem-danger-9); }
  [data-sem-c="rdf-editor"] [data-sem-change] > .sem-row { box-shadow: inset 3px 0 0 var(--sem-change-bar); }
  [data-sem-c="rdf-editor"] [data-sem-change] > .sem-row:dir(rtl) { box-shadow: inset -3px 0 0 var(--sem-change-bar); }
  [data-sem-c="rdf-editor"] [data-sem-link] { cursor: pointer; transition: text-decoration-color var(--sem-duration-fast) var(--sem-ease); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
  [data-sem-c="rdf-editor"] [data-sem-link]:hover { text-decoration-color: currentColor; }
  [data-sem-c="rdf-editor"] { background: var(--sem-code-bg); border: 1px solid var(--sem-border); color: var(--sem-text); flex: 1 1 100%; overflow: auto; padding: var(--sem-space-2) var(--sem-space-3); position: relative; border-radius: var(--sem-radius-md); font-family: var(--sem-font); font-size: var(--sem-text-sm); max-height: 28rem; min-width: 0; --rdf-pred: 11rem; }
  [data-sem-c="result-table"] > .sem-more, [data-sem-c="result-graph"] > .sem-more, [data-sem-c="result-turtle"] > .sem-more { padding: 0; font-size: var(--sem-text-xs); }
  [data-sem-c="result-table"] > .sem-result-bar > .sem-actions, [data-sem-c="result-graph"] > .sem-result-bar > .sem-actions, [data-sem-c="result-turtle"] > .sem-result-bar > .sem-actions { display: flex; flex: none; gap: var(--sem-space-1); }
  [data-sem-c="result-table"] > .sem-result-bar, [data-sem-c="result-graph"] > .sem-result-bar, [data-sem-c="result-turtle"] > .sem-result-bar { display: flex; gap: var(--sem-space-2); align-items: center; justify-content: space-between; min-width: 0; }
  [data-sem-c="result-table"] > .sem-summary, [data-sem-c="result-table"] > .sem-result-bar > .sem-summary, [data-sem-c="result-graph"] > .sem-summary, [data-sem-c="result-graph"] > .sem-result-bar > .sem-summary, [data-sem-c="result-turtle"] > .sem-summary, [data-sem-c="result-turtle"] > .sem-result-bar > .sem-summary { color: var(--sem-muted); margin: 0; font-size: var(--sem-text-xs); font-variant-numeric: tabular-nums; }
  [data-sem-c="result-table"] > :is(.sem-empty, .sem-more), [data-sem-c="result-graph"] > :is(.sem-empty, .sem-more), [data-sem-c="result-turtle"] > :is(.sem-empty, .sem-more) { color: var(--sem-muted); margin: 0; padding: var(--sem-space-3); font-size: var(--sem-text-sm); }
  [data-sem-c="result-table"], [data-sem-c="result-graph"], [data-sem-c="result-turtle"] { display: flex; gap: var(--sem-space-2); flex-direction: column; font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="search-field"] .sem-clear { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: grid; flex: none; height: 22px; padding: 0; width: 22px; border-radius: var(--sem-radius-full); font-size: var(--sem-text-xs); place-items: center; }
  [data-sem-c="search-field"] .sem-clear:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="search-field"] .sem-clear:hover { background: var(--sem-gray-4); color: var(--sem-text); }
  [data-sem-c="search-field"] .sem-icon { color: var(--sem-muted); font-size: var(--sem-text-md); line-height: 1; }
  [data-sem-c="search-field"] input { background: transparent; border: 0; color: inherit; flex: 1 1 auto; font: inherit; height: 100%; outline: none; padding: 0 4px; min-width: 0; }
  [data-sem-c="search-field"] input::-webkit-search-cancel-button { appearance: none; }
  [data-sem-c="search-field"] input::placeholder { color: var(--sem-faint); }
  [data-sem-c="search-field"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: inline-flex; flex: 1 1 14rem; gap: var(--sem-space-1); height: var(--control-h, var(--sem-control-sm)); padding: 0 4px 0 10px; transition: border-color var(--sem-duration-fast) var(--sem-ease), box-shadow var(--sem-duration-fast) var(--sem-ease); align-items: center; border-radius: var(--sem-radius-control); font-family: var(--sem-font); font-size: var(--sem-text-sm); max-width: 26rem; min-width: 10rem; }
  [data-sem-c="search-field"]:focus-within { border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="segmented"] .sem-count > [aria-hidden], [data-sem-c="theme-switcher"] .sem-count > [aria-hidden], [data-sem-c="nav-list"] .sem-count > [aria-hidden], [data-sem-c="link"] .sem-count > [aria-hidden], [data-sem-c="linked-card"] .sem-count > [aria-hidden], [data-sem-c="nav-link"] .sem-count > [aria-hidden] { background: var(--sem-accent); color: var(--sem-on-accent); display: inline-block; padding: 1px 6px; border-radius: var(--sem-radius-full); font-size: var(--sem-text-xs); font-weight: 650; line-height: 1.4; min-width: 1.5em; text-align: center; font-variant-numeric: tabular-nums; }
  [data-sem-c="segmented"] .sem-count, [data-sem-c="theme-switcher"] .sem-count, [data-sem-c="nav-list"] .sem-count, [data-sem-c="link"] .sem-count, [data-sem-c="linked-card"] .sem-count, [data-sem-c="nav-link"] .sem-count { text-decoration: none; margin-inline-start: auto; padding-inline-start: var(--sem-space-2); }
  [data-sem-c="segmented"] .sem-visually-hidden, [data-sem-c="theme-switcher"] .sem-visually-hidden, [data-sem-c="nav-list"] .sem-visually-hidden { height: 1px; overflow: hidden; position: absolute; width: 1px; clip-path: inset(50%); white-space: nowrap; }
  [data-sem-c="segmented"] > *, [data-sem-c="theme-switcher"] > *, [data-sem-c="nav-list"] > * { flex: none; }
  [data-sem-c="segmented"] > .sem-picker, [data-sem-c="theme-switcher"] > .sem-picker, [data-sem-c="nav-list"] > .sem-picker { display: none; }
  [data-sem-c="segmented"] button > span:first-child, [data-sem-c="theme-switcher"] button > span:first-child, [data-sem-c="nav-list"] button > span:first-child { font-size: 14px; line-height: 1; }
  [data-sem-c="segmented"] button, [data-sem-c="theme-switcher"] button, [data-sem-c="nav-list"] button { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: inline-flex; font: inherit; gap: 6px; padding: 5px 11px; transition: color var(--sem-motion), background var(--sem-motion); align-items: center; border-radius: 999px; font-size: var(--sem-font-size-small); font-weight: 600; white-space: nowrap; }
  [data-sem-c="segmented"] button:focus-visible, [data-sem-c="theme-switcher"] button:focus-visible, [data-sem-c="nav-list"] button:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="segmented"] button:hover, [data-sem-c="theme-switcher"] button:hover, [data-sem-c="nav-list"] button:hover { color: var(--sem-text); }
  [data-sem-c="segmented"] button[aria-pressed=true], [data-sem-c="theme-switcher"] button[aria-pressed=true], [data-sem-c="nav-list"] button[aria-pressed=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); }
  [data-sem-c="segmented"], [data-sem-c="theme-switcher"], [data-sem-c="nav-list"] { background: var(--sem-surface); border: 1px solid var(--sem-border); display: inline-flex; gap: 2px; padding: 3px; width: fit-content; border-radius: 18px; box-shadow: var(--sem-shadow); flex-wrap: wrap; font-family: var(--sem-font); max-width: 100%; }
  [data-sem-c="sem-island"] > .sem-island-mount, [data-sem-c="ex-fx-rating"] > .sem-island-mount, [data-sem-c="ex-fx-chart"] > .sem-island-mount, [data-sem-c="ex-fx-map"] > .sem-island-mount, [data-sem-c="ex-fx-date"] > .sem-island-mount { display: contents; }
  [data-sem-c="sem-island"], [data-sem-c="ex-fx-rating"], [data-sem-c="ex-fx-chart"], [data-sem-c="ex-fx-map"], [data-sem-c="ex-fx-date"] { display: block; min-inline-size: 0; }
  [data-sem-c="shape-field"] .sem-help { color: var(--sem-muted); font-size: var(--sem-font-size-small); }
  [data-sem-c="shape-field"] :is(input, select, textarea):focus-visible { outline: none; background-color: var(--sem-surface); border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="shape-field"] :is(input:not([type=checkbox]), select, textarea) { border: 1px solid var(--sem-border-strong); color: var(--sem-text); font: inherit; transition: border-color var(--sem-motion), box-shadow var(--sem-motion), background-color var(--sem-motion); background-color: var(--sem-surface-sunken); border-radius: var(--sem-radius-control); min-width: 0; padding-inline: var(--sem-space-3); }
  [data-sem-c="shape-field"] [aria-invalid=true] { border-color: var(--sem-danger); }
  [data-sem-c="shape-field"] [role=alert] { color: var(--sem-danger); font-size: var(--sem-font-size-small); font-weight: 550; }
  [data-sem-c="shape-field"] input[type=checkbox] { height: 18px; width: 18px; accent-color: var(--sem-accent); justify-self: start; }
  [data-sem-c="shape-field"] label { font-size: var(--sem-font-size-small); font-weight: 600; }
  [data-sem-c="shape-field"] select:not([multiple]):not([size]) { padding-inline-end: var(--sem-chevron-space); }
  [data-sem-c="shape-field"] textarea { padding-block: var(--sem-space-2); }
  [data-sem-c="shape-field"] { display: grid; gap: var(--sem-space-2); min-width: 0; grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="shape-field"]:has(textarea) { grid-column: 1 / -1; }
  [data-sem-c="shape-form"] .sem-shape-fields > [data-sem-c=shape-field] > :not(:first-child) { margin-block-start: var(--sem-space-2); }
  [data-sem-c="shape-form"] .sem-shape-fields > [data-sem-c=shape-field] > :nth-child(n+3) { contain: inline-size; }
  [data-sem-c="shape-form"] .sem-shape-fields > [data-sem-c=shape-field] { grid-row: span 4; row-gap: 0; grid-template-rows: subgrid; margin-block-end: var(--sem-space-3); }
  [data-sem-c="shape-form"] .sem-shape-fields { display: grid; align-items: start; column-gap: var(--sem-space-4); row-gap: 0; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
  [data-sem-c="shape-form"] .sem-shape-section { border: 0; margin: 0; padding: 0; min-width: 0; }
  [data-sem-c="shape-form"] .sem-shape-sections { display: grid; gap: var(--sem-space-4); }
  [data-sem-c="shape-form"] .sem-shape-title { margin: 0; font-size: var(--sem-text-lg); font-weight: 650; }
  [data-sem-c="shape-form"] fieldset.sem-shape-section { border: 1px solid var(--sem-border); padding: var(--sem-space-3) var(--sem-space-4) var(--sem-space-4); border-radius: var(--sem-radius); }
  [data-sem-c="shape-form"] legend { color: var(--sem-muted); padding: 0 var(--sem-space-2); font-size: var(--sem-font-size-small); font-weight: 650; letter-spacing: 0.05em; text-transform: uppercase; }
  [data-sem-c="shape-form"] { display: grid; gap: var(--sem-space-4); font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="shape-report"] > li > code { color: var(--sem-danger-11); font: 500 12px/1.4 var(--sem-font-mono); }
  [data-sem-c="shape-report"] > li > span { color: var(--sem-muted); }
  [data-sem-c="shape-report"] > li { background: var(--sem-danger-3); color: var(--sem-text); display: grid; gap: var(--sem-space-3); padding: var(--sem-space-2) var(--sem-space-3); align-items: baseline; border-radius: var(--sem-radius-md); grid-template-columns: minmax(140px, auto) minmax(80px, auto) 1fr; }
  [data-sem-c="shape-report"] { display: grid; gap: 2px; margin: 0; padding: 0; width: 100%; font-family: var(--sem-font); font-size: var(--sem-text-sm); list-style: none; }
  [data-sem-c="sheet"] .sem-sheet-bar { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); font: 13px/1.4 var(--sem-font-mono); margin: 0; padding: var(--sem-space-2) var(--sem-space-3); border-radius: var(--sem-radius); min-height: 34px; white-space: pre-wrap; }
  [data-sem-c="sheet"] .sem-sheet-corner { grid-column: 1; grid-row: 1; }
  [data-sem-c="sheet"] .sem-sheet-grid { background: var(--sem-surface); border: 1px solid var(--sem-border); display: grid; position: relative; width: max-content; grid-auto-rows: 36px; grid-template-rows: 30px; }
  [data-sem-c="sheet"] .sem-sheet-links { inset: 0; position: absolute; pointer-events: none; }
  [data-sem-c="sheet"] .sem-sheet-scroll { max-width: 100%; overflow-x: auto; padding-inline-end: 56px; }
  [data-sem-c="sheet"] .sem-sheet-status { color: var(--sem-muted); margin: 0; font-size: var(--sem-font-size-small); }
  [data-sem-c="sheet"] :is(.sem-sheet-head, .sem-sheet-corner) { background: var(--sem-surface-sunken); color: var(--sem-muted); display: grid; font: 600 12px var(--sem-font-mono); border-bottom: 1px solid var(--sem-border); border-right: 1px solid var(--sem-border); place-items: center; }
  [data-sem-c="sheet"] > .sem-sheet-tools { display: flex; gap: var(--sem-space-2); flex-wrap: wrap; }
  [data-sem-c="sheet"] { display: grid; gap: var(--sem-space-2); font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="sheet-cell"] :is(input, output) { background: transparent; border: 0; color: var(--sem-text); display: flex; font: inherit; height: 100%; padding: 0 8px; width: 100%; align-items: center; box-sizing: border-box; }
  [data-sem-c="sheet-cell"] input:focus { outline: none; }
  [data-sem-c="sheet-cell"] { display: flex; font: 13px var(--sem-font-mono); align-items: center; border-bottom: 1px solid var(--sem-border); border-right: 1px solid var(--sem-border); min-width: 0; font-variant-numeric: tabular-nums; }
  [data-sem-c="sheet-cell"][data-sem-kind=formula] { background: color-mix(in oklab, var(--sem-accent-soft) 35%, transparent); cursor: default; font-weight: 600; }
  [data-sem-c="sheet-cell"][data-sem-kind=formula]::before { color: var(--sem-faint); content: "ƒ"; font-size: 10px; padding-inline-start: 6px; }
  [data-sem-c="sheet-cell"][data-sem-numeric] :is(input, output) { justify-content: flex-end; text-align: end; }
  [data-sem-c="sheet-cell"][data-sem-range] { background: color-mix(in oklab, var(--sem-accent) 14%, transparent); position: relative; }
  [data-sem-c="sheet-cell"][data-sem-range]::after { border: 0 solid var(--sem-accent); content: ""; inset: 0; position: absolute; pointer-events: none; z-index: 2; }
  [data-sem-c="sheet-cell"][data-sem-range~=bottom]::after { border-bottom-width: 2px; }
  [data-sem-c="sheet-cell"][data-sem-range~=end]::after { border-inline-end-width: 2px; }
  [data-sem-c="sheet-cell"][data-sem-range~=start]::after { border-inline-start-width: 2px; }
  [data-sem-c="sheet-cell"][data-sem-range~=top]::after { border-top-width: 2px; }
  [data-sem-c="sheet-cell"][data-sem-recalculated=even] { animation: sem-recalc-b var(--sem-duration-slow) var(--sem-ease-out) 3; }
  [data-sem-c="sheet-cell"][data-sem-recalculated=odd] { animation: sem-recalc-a var(--sem-duration-slow) var(--sem-ease-out) 3; }
  [data-sem-c="sheet-cell"][data-sem-selected] { position: relative; box-shadow: inset 0 0 0 2px var(--sem-accent); z-index: 1; }
  [data-sem-c="shortcut-list"] .sem-apple { display: none; }
  [data-sem-c="shortcut-list"] > div { display: flex; gap: var(--sem-space-4); padding: var(--sem-space-2) var(--sem-space-3); align-items: center; border-radius: var(--sem-radius-md); justify-content: space-between; }
  [data-sem-c="shortcut-list"] > div:nth-child(odd) { background: var(--sem-surface-sunken); }
  [data-sem-c="shortcut-list"] dd { margin: 0; }
  [data-sem-c="shortcut-list"] kbd { background: var(--sem-surface); border: 1px solid var(--sem-border-strong); direction: ltr; font: 600 11px/1 var(--sem-font-mono); padding: 3px 7px; border-radius: 6px; unicode-bidi: isolate; border-bottom-width: 2px; }
  [data-sem-c="shortcut-list"] { display: grid; gap: 2px; margin: 0; font-family: var(--sem-font); font-size: var(--sem-text-sm); min-width: min(100%, 360px); }
  [data-sem-c="skeleton"] > .sem-bone { animation: var(--bone-motion); background: var(--bone); display: block; height: 12px; border-radius: 6px; }
  [data-sem-c="skeleton"] > .sem-bone:last-child:not(:first-child) { width: 62%; }
  [data-sem-c="skeleton"] { --bone: linear-gradient(100deg, var(--sem-gray-3) 30%, var(--sem-gray-5) 50%, var(--sem-gray-3) 70%) 0 0 / 250% 100%; --bone-motion: sem-shimmer calc(var(--sem-duration-loop) * 5) var(--sem-ease) infinite; }
  [data-sem-c="skeleton"]:is([data-shape=circle], [data-shape=block]) { animation: var(--bone-motion); background: var(--bone); display: block; flex: none; }
  [data-sem-c="skeleton"][data-shape=block] { height: 96px; width: 100%; border-radius: var(--sem-radius-lg); }
  [data-sem-c="skeleton"][data-shape=circle] { height: 40px; width: 40px; border-radius: var(--sem-radius-full); }
  [data-sem-c="skeleton"][data-shape=text] { display: grid; gap: 10px; width: 100%; max-width: 420px; }
  [data-sem-c="slider"] > .sem-head > .sem-value { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); color: var(--sem-muted); font: 600 12px/1 var(--sem-font-mono); padding: 3px 7px; border-radius: var(--sem-radius-sm); font-variant-numeric: tabular-nums; margin-inline-start: auto; }
  [data-sem-c="slider"] > .sem-head > label { font-size: var(--sem-font-size-small); font-weight: 600; letter-spacing: 0.005em; }
  [data-sem-c="slider"] > .sem-head { display: flex; gap: var(--sem-space-3); align-items: center; justify-content: space-between; }
  [data-sem-c="slider"] > input { appearance: none; background: transparent; cursor: pointer; height: var(--thumb); margin: 0; width: 100%; }
  [data-sem-c="slider"] > input::-moz-range-thumb { background: light-dark(#ffffff, #f4f4f8); border: 2px solid var(--tone-solid, var(--sem-accent-9)); height: var(--thumb); width: var(--thumb); border-radius: 50%; box-shadow: 0 1px 3px rgb(0 0 0 / 0.25); box-sizing: border-box; }
  [data-sem-c="slider"] > input::-moz-range-track { background: linear-gradient(to right, var(--tone-solid, var(--sem-accent-9)) var(--sem-fill, 0%), var(--sem-gray-5) var(--sem-fill, 0%)); height: var(--track); border-radius: 999px; }
  [data-sem-c="slider"] > input::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--tone-solid, var(--sem-accent-9)) var(--sem-fill, 0%), var(--sem-gray-5) var(--sem-fill, 0%)); height: var(--track); border-radius: 999px; }
  [data-sem-c="slider"] > input::-webkit-slider-thumb { appearance: none; background: light-dark(#ffffff, #f4f4f8); border: 2px solid var(--tone-solid, var(--sem-accent-9)); height: var(--thumb); transition: transform var(--sem-duration-fast) var(--sem-ease), box-shadow var(--sem-motion); width: var(--thumb); border-radius: 50%; box-shadow: 0 1px 3px rgb(0 0 0 / 0.25); margin-top: calc((var(--track) - var(--thumb)) / 2); }
  [data-sem-c="slider"] > input:disabled { cursor: not-allowed; opacity: 0.5; }
  [data-sem-c="slider"] > input:focus-visible { outline: none; }
  [data-sem-c="slider"] > input:focus-visible::-moz-range-thumb { box-shadow: var(--sem-ring); }
  [data-sem-c="slider"] > input:focus-visible::-webkit-slider-thumb { box-shadow: var(--sem-ring); }
  [data-sem-c="slider"] > input:not(:disabled):active::-webkit-slider-thumb { transform: scale(1.12); }
  [data-sem-c="slider"] { display: grid; gap: var(--sem-space-2); width: min(100%, 340px); font-family: var(--sem-font); --thumb: calc(var(--control-h, 36px) * 0.5); --track: calc(var(--control-h, 36px) / 6); }
  [data-sem-c="source-view"] .sem-line { display: block; transition: background-color var(--sem-motion); width: max-content; counter-increment: line; min-width: 100%; }
  [data-sem-c="source-view"] .sem-line::before { color: var(--sem-faint); content: counter(line); display: inline-block; width: 3.5ch; text-align: end; user-select: none; margin-inline-end: 1.5ch; }
  [data-sem-c="source-view"] .sem-line[data-sem-highlighted] { background: color-mix(in oklab, var(--sem-accent-soft) 80%, transparent); box-shadow: inset 3px 0 0 var(--sem-accent); }
  [data-sem-c="source-view"] .sem-line[data-sem-highlighted]::before { color: var(--sem-accent-strong); }
  [data-sem-c="source-view"] .sem-source-focus { color: var(--sem-accent-strong); font: 12px var(--sem-font-mono); margin-inline-start: auto; }
  [data-sem-c="source-view"] .sem-source-name { color: var(--sem-muted); font-size: var(--sem-font-size-small); font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; }
  [data-sem-c="source-view"] .sem-source-path { color: var(--sem-faint); font: 12px var(--sem-mono); overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="source-view"] > .sem-source { background: var(--sem-code-bg); border: 1px solid var(--sem-border); color: var(--sem-text); font: 12px/1.6 var(--sem-mono); margin: 0; overflow: auto; padding: var(--sem-space-4) var(--sem-space-4); border-radius: var(--sem-radius); max-height: min(80vh, 760px); tab-size: 4; }
  [data-sem-c="source-view"] > .sem-source { counter-reset: line; }
  [data-sem-c="source-view"] > .sem-source-head { display: flex; gap: var(--sem-space-3); align-items: baseline; font-family: var(--sem-font); }
  [data-sem-c="source-view"] { display: grid; gap: var(--sem-space-2); margin: 0; min-width: 0; grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="source-view"][data-sem-fullscreen]:is(:fullscreen, [data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) > .sem-source { max-height: none; }
  [data-sem-c="source-view"][data-sem-fullscreen]:is(:fullscreen, [data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) { grid-template-rows: auto minmax(0, 1fr); }
  [data-sem-c="spacer"] { flex: 1 1 auto; align-self: stretch; min-height: 0; min-width: 0; }
  [data-sem-c="specimen"] > .sem-docs .sem-chevron { height: 7px; transform: rotate(-45deg); transition: transform var(--sem-motion); width: 7px; border-bottom: 1.5px solid currentColor; border-right: 1.5px solid currentColor; }
  [data-sem-c="specimen"] > .sem-docs > .sem-docs-toggle > span:not(.sem-chevron) { flex: 1; overflow: hidden; font-family: var(--sem-font-mono); text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="specimen"] > .sem-docs > .sem-docs-toggle strong { font: 650 11px/1 var(--sem-font); letter-spacing: 0.08em; text-transform: uppercase; }
  [data-sem-c="specimen"] > .sem-docs > .sem-docs-toggle { background: transparent; border: 0; color: var(--sem-muted); contain: inline-size; cursor: pointer; display: flex; font: 500 12px/1.3 var(--sem-font); gap: var(--sem-space-3); padding: 6px 8px; width: 100%; align-items: center; border-radius: var(--sem-radius-md); text-align: start; }
  [data-sem-c="specimen"] > .sem-docs > .sem-docs-toggle:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="specimen"] > .sem-docs > .sem-docs-toggle:hover { background: var(--sem-surface-hover); color: var(--sem-text); }
  [data-sem-c="specimen"] > .sem-docs > [aria-expanded=true] .sem-chevron { transform: rotate(45deg); }
  [data-sem-c="specimen"] > .sem-docs { display: grid; gap: var(--sem-space-3); border-top: 1px dashed var(--sem-border); padding-top: var(--sem-space-3); }
  [data-sem-c="specimen"] > .sem-stage > * { max-width: 100%; min-width: 0; }
  [data-sem-c="specimen"] > .sem-stage > [data-sem-direction=column] { flex: 1 1 100%; }
  [data-sem-c="specimen"] > .sem-stage { background: radial-gradient(circle at 1px 1px, var(--sem-border) 1px, transparent 0) 0 0 / 16px 16px, var(--sem-surface-sunken); border: 1px solid var(--sem-border); display: flex; gap: var(--sem-space-3); padding: var(--sem-space-5); align-items: center; border-radius: var(--sem-radius-lg); flex-wrap: wrap; }
  [data-sem-c="specimen"] > header h3 { margin: 0; font-size: var(--sem-text-lg); font-weight: 650; letter-spacing: -0.015em; }
  [data-sem-c="specimen"] > header p { color: var(--sem-muted); margin: 0; font-size: var(--sem-text-sm); line-height: var(--sem-leading-normal); max-width: 68ch; }
  [data-sem-c="specimen"] > header { display: grid; gap: var(--sem-space-1); padding-right: 88px; }
  [data-sem-c="specimen"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: grid; gap: var(--sem-space-4); padding: var(--sem-space-5); border-radius: var(--sem-radius-card); box-shadow: var(--sem-shadow-1); font-family: var(--sem-font); grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="spinner"] > .sem-ring { animation: sem-spin calc(var(--sem-duration-loop) * 2.5) linear infinite; border: max(2px, calc(var(--control-h, 36px) * 0.07)) solid color-mix(in oklab, currentColor 20%, transparent); height: 100%; width: 100%; border-radius: var(--sem-radius-full); box-sizing: border-box; border-top-color: currentColor; }
  [data-sem-c="spinner"] { color: var(--tone-solid, var(--sem-accent)); display: inline-grid; height: calc(var(--control-h, 36px) * 0.56); position: relative; width: calc(var(--control-h, 36px) * 0.56); place-items: center; }
  [data-sem-c="split-view"] > .sem-divider { background: var(--sem-border); cursor: col-resize; flex: 0 0 1px; position: relative; transition: background var(--sem-duration-fast) var(--sem-ease); touch-action: none; z-index: 1; }
  [data-sem-c="split-view"] > .sem-divider::after { background: var(--sem-border-strong); content: ""; height: 28px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 4px; border-radius: var(--sem-radius-full); }
  [data-sem-c="split-view"] > .sem-divider::before { content: ""; inset: 0 -5px; position: absolute; }
  [data-sem-c="split-view"] > .sem-divider:is(:hover, :focus-visible) { background: var(--sem-accent); outline: none; }
  [data-sem-c="split-view"] > .sem-divider:is(:hover, :focus-visible)::after { background: var(--sem-accent); }
  [data-sem-c="split-view"] > .sem-pane > [data-sem-c=split-view] { border: 0; border-radius: 0; min-height: 0; }
  [data-sem-c="split-view"] > .sem-pane { overflow: auto; padding: var(--sem-space-4); min-height: 0; min-width: 0; }
  [data-sem-c="split-view"] > .sem-pane:has(> [data-sem-c=split-view]) { display: flex; padding: 0; }
  [data-sem-c="split-view"] > .sem-primary { flex: 0 0 calc(var(--split-ratio, 0.5) * 100%); }
  [data-sem-c="split-view"] > .sem-primary:has(+ .sem-secondary[hidden]) { flex: 1 1 100%; }
  [data-sem-c="split-view"] > .sem-secondary { background: var(--sem-surface-sunken); flex: 1 1 0; }
  [data-sem-c="split-view"] > .sem-secondary[hidden] { display: none; }
  [data-sem-c="split-view"] { background: var(--sem-surface); border: 1px solid var(--sem-border); display: flex; flex: 1 1 100%; gap: 0; overflow: hidden; align-items: stretch; border-radius: var(--sem-radius-lg); flex-direction: row; flex-wrap: nowrap; min-height: 12rem; min-width: 0; }
  [data-sem-c="stack"], [data-sem-c="toolbar"], [data-sem-c="ex-grid-layout-toolbar"] { color: var(--sem-text); font-family: var(--sem-font); font-size: var(--sem-font-size); line-height: var(--sem-line-height); font-feature-settings: var(--sem-font-features); -webkit-font-smoothing: antialiased; }
  [data-sem-c="stall-report"] .sem-fact { display: contents; }
  [data-sem-c="stall-report"] .sem-note { color: var(--sem-muted); }
  [data-sem-c="stall-report"] .sem-summary { font-weight: 600; font-variant-numeric: tabular-nums; }
  [data-sem-c="stall-report"] :is(.sem-empty, .sem-stale) { color: var(--sem-muted); }
  [data-sem-c="stall-report"] :is(.sem-empty, .sem-summary, .sem-stale) { margin: 0; }
  [data-sem-c="stall-report"] code { font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); overflow-wrap: anywhere; }
  [data-sem-c="stall-report"] dd { display: flex; gap: var(--sem-space-1) var(--sem-space-2); margin: 0; align-items: baseline; flex-wrap: wrap; min-width: 0; }
  [data-sem-c="stall-report"] dl { display: grid; gap: var(--sem-space-1) var(--sem-space-3); margin: 0; font-size: var(--sem-text-sm); grid-template-columns: max-content minmax(0, 1fr); }
  [data-sem-c="stall-report"] dt { color: var(--sem-muted); }
  [data-sem-c="stall-report"] { color: var(--sem-text); display: flex; gap: var(--sem-space-3); flex-direction: column; font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="stat"] .sem-unit { color: var(--sem-muted); font-size: var(--sem-text-md); font-weight: 500; }
  [data-sem-c="stat"] .sem-value { font-size: var(--sem-text-3xl); font-weight: 650; letter-spacing: -0.025em; line-height: 1.1; font-variant-numeric: tabular-nums; }
  [data-sem-c="stat"] > .sem-delta { background: var(--sem-gray-3); color: var(--sem-gray-11); display: inline-flex; font: 600 12px/1 var(--sem-font); gap: 3px; height: 22px; padding: 0 8px; align-items: center; border-radius: var(--sem-radius-full); justify-self: start; font-variant-numeric: tabular-nums; }
  [data-sem-c="stat"] > .sem-delta.sem-bad { background: var(--sem-danger-3); color: var(--sem-danger-11); }
  [data-sem-c="stat"] > .sem-delta.sem-good { background: var(--sem-success-3); color: var(--sem-success-11); }
  [data-sem-c="stat"] > .sem-figure { display: flex; gap: 4px; align-items: baseline; }
  [data-sem-c="stat"] > .sem-help { color: var(--sem-muted); margin: 0; font-size: var(--sem-text-xs); line-height: var(--sem-leading-normal); }
  [data-sem-c="stat"] > .sem-label { color: var(--sem-muted); font-size: var(--sem-text-sm); font-weight: 500; }
  [data-sem-c="stat"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: grid; flex: 1 1 11rem; gap: var(--sem-space-1); padding: var(--sem-space-4) var(--sem-space-5); align-content: start; align-self: stretch; border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-1); font-family: var(--sem-font); min-width: min(100%, 11rem); overflow-wrap: anywhere; }
  [data-sem-c="stat"][data-sem-tone] > .sem-figure .sem-value { color: var(--tone-text); }
  [data-sem-c="status-bar"] > .sem-bar-body { display: flex; flex: 1; gap: var(--sem-space-2) var(--sem-space-4); align-items: center; flex-wrap: wrap; min-width: 0; }
  [data-sem-c="status-bar"] > .sem-bar-body[hidden] { display: none; }
  [data-sem-c="status-bar"] > .sem-fold .sem-chevron { height: 6px; transform: rotate(45deg) translate(-1px, -1px); transition: transform var(--sem-motion); width: 6px; border-bottom: 1.5px solid currentColor; border-right: 1.5px solid currentColor; }
  [data-sem-c="status-bar"] > .sem-fold { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: inline-flex; flex: none; font: 650 11px/1 var(--sem-font); gap: var(--sem-space-2); padding: 4px 8px; align-items: center; border-radius: var(--sem-radius-md); letter-spacing: 0.08em; text-transform: uppercase; }
  [data-sem-c="status-bar"] > .sem-fold:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="status-bar"] > .sem-fold:hover { background: var(--sem-surface-hover); color: var(--sem-text); }
  [data-sem-c="status-bar"] { background: color-mix(in oklab, var(--sem-surface-sunken) 82%, transparent); bottom: var(--sem-dock-bottom, 0px); color: var(--sem-text); display: flex; gap: var(--sem-space-3); padding: var(--sem-space-1) var(--sem-space-5); position: sticky; align-items: center; backdrop-filter: blur(14px) saturate(1.4); border-top: 1px solid var(--sem-border); font-family: var(--sem-font); font-size: var(--sem-text-sm); margin-top: auto; min-height: 40px; z-index: 40; }
  [data-sem-c="status-bar"][data-expanded=false] > .sem-fold .sem-chevron { transform: rotate(-135deg) translate(-1px, -1px); }
  [data-sem-c="stepper"] .sem-body { display: grid; gap: 2px; min-width: 0; }
  [data-sem-c="stepper"] .sem-help { color: var(--sem-muted); font-size: var(--sem-text-xs); line-height: var(--sem-leading-normal); }
  [data-sem-c="stepper"] .sem-label { font-weight: 600; }
  [data-sem-c="stepper"] .sem-marker { background: var(--sem-surface); border: 2px solid var(--sem-border-strong); color: var(--sem-muted); display: grid; font: 650 13px/1 var(--sem-font); height: 32px; position: relative; transition: background var(--sem-duration) var(--sem-ease), border-color var(--sem-duration) var(--sem-ease), box-shadow var(--sem-duration) var(--sem-ease); width: 32px; border-radius: var(--sem-radius-full); box-sizing: border-box; place-items: center; z-index: 1; font-variant-numeric: tabular-nums; }
  [data-sem-c="stepper"] .sem-step { background: transparent; border: 0; color: inherit; display: grid; font: inherit; gap: var(--sem-space-2); padding: 0 var(--sem-space-4) 0 0; width: 100%; justify-items: start; text-align: start; }
  [data-sem-c="stepper"] .sem-visually-hidden { height: 1px; overflow: hidden; position: absolute; width: 1px; clip-path: inset(50%); white-space: nowrap; }
  [data-sem-c="stepper"] > li { flex: 1 1 0; position: relative; min-width: 0; }
  [data-sem-c="stepper"] > li:not(:last-child)::after { background: var(--sem-border-strong); content: ''; height: 2px; left: 40px; position: absolute; right: 8px; top: 15px; transition: background var(--sem-duration) var(--sem-ease); border-radius: 1px; }
  [data-sem-c="stepper"] > li[data-state=complete]::after { background: var(--sem-accent); }
  [data-sem-c="stepper"] [data-state=complete] .sem-marker { background: var(--sem-accent-9); color: #ffffff; border-color: var(--sem-accent-9); }
  [data-sem-c="stepper"] [data-state=current] .sem-marker { color: var(--sem-accent-strong); border-color: var(--sem-accent); box-shadow: 0 0 0 4px var(--sem-accent-soft); }
  [data-sem-c="stepper"] [data-state=upcoming] .sem-label { color: var(--sem-muted); font-weight: 500; }
  [data-sem-c="stepper"] button.sem-step { cursor: pointer; }
  [data-sem-c="stepper"] button.sem-step:focus-visible .sem-marker { box-shadow: var(--sem-ring); }
  [data-sem-c="stepper"] button.sem-step:focus-visible { outline: none; }
  [data-sem-c="stepper"] button.sem-step:hover .sem-marker { border-color: var(--sem-accent); }
  [data-sem-c="stepper"] { color: var(--sem-text); display: flex; flex: 1 1 100%; margin: 0; padding: 0; font-family: var(--sem-font); font-size: var(--sem-text-sm); list-style: none; }
  [data-sem-c="stream-members"] .sem-empty { color: var(--sem-muted); font-size: 13px; }
  [data-sem-c="stream-members"] { display: grid; gap: 6px; font-family: var(--sem-font); }
  [data-sem-c="stream-stats"] dd { margin: 4px 0 0; font-size: var(--sem-font-size-metric); font-weight: 700; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
  [data-sem-c="stream-stats"] dl > div { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); padding: var(--sem-space-3) var(--sem-space-4); border-radius: var(--sem-radius); }
  [data-sem-c="stream-stats"] dl { display: grid; gap: var(--sem-space-3); margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-sem-c="stream-stats"] dt { color: var(--sem-muted); font-size: var(--sem-font-size-micro); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
  [data-sem-c="stream-stats"] h2 { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -0.02em; }
  [data-sem-c="stream-stats"] h3 { color: var(--sem-muted); margin: 4px 0 -8px; font-size: var(--sem-font-size-micro); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
  [data-sem-c="stream-stats"] li > span:last-child { color: var(--sem-accent-strong); font-weight: 650; font-variant-numeric: tabular-nums; }
  [data-sem-c="stream-stats"] li { background: linear-gradient(90deg, var(--sem-accent-soft) var(--sem-share, 0%), transparent var(--sem-share, 0%)) no-repeat; display: flex; gap: var(--sem-space-3); padding: var(--sem-space-2) var(--sem-space-3); transition: background-size var(--sem-motion); border-radius: 8px; font-size: var(--sem-font-size-small); justify-content: space-between; }
  [data-sem-c="stream-stats"] ul { display: grid; gap: var(--sem-space-1); margin: 0; padding: 0; list-style: none; }
  [data-sem-c="stream-stats"] { color: var(--sem-text); display: grid; gap: var(--sem-space-4); font-family: var(--sem-font); font-size: var(--sem-font-size); }
  [data-sem-c="surface"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); transition: box-shadow var(--sem-duration) var(--sem-ease), background var(--sem-duration) var(--sem-ease), border-color var(--sem-duration) var(--sem-ease); border-radius: var(--sem-radius-lg); box-sizing: border-box; min-width: 0; }
  [data-sem-c="surface"]:not([data-sem-direction]):not([data-sem-layout]):not([data-sem-row-span]) { display: flex; flex-direction: column; }
  [data-sem-c="surface"]:not([data-sem-gap]) { gap: var(--sem-space-3); }
  [data-sem-c="surface"]:not([data-sem-inset]) { padding: var(--sem-space-5); }
  [data-sem-c="surface"][data-sem-tone] { background: var(--tone-soft); border-color: var(--tone-border); }
  [data-sem-c="swatches"] .sem-swatch > span { height: 40px; width: 100%; border-radius: var(--sem-radius-md); box-shadow: inset 0 0 0 1px rgb(127 127 127 / 0.18); }
  [data-sem-c="swatches"] .sem-swatch code { color: var(--sem-muted); font: 500 10px/1 var(--sem-font-mono); }
  [data-sem-c="swatches"] .sem-swatch { display: grid; gap: 4px; justify-items: center; }
  [data-sem-c="swatches"] .sem-swatch-row { display: grid; gap: 6px; grid-template-columns: repeat(auto-fit, minmax(36px, 1fr)); }
  [data-sem-c="swatches"] strong { color: var(--sem-muted); font-size: var(--sem-text-xs); font-weight: 650; letter-spacing: 0.08em; text-transform: uppercase; }
  [data-sem-c="swatches"] { display: grid; gap: var(--sem-space-2); width: 100%; font-family: var(--sem-font); }
  [data-sem-c="switch"] > :not([hidden]) { display: contents; }
  [data-sem-c="switch"] { display: contents; }
  [data-sem-c="table"] .sem-center { text-align: center; }
  [data-sem-c="table"] .sem-head-label { display: block; padding: var(--sem-space-2) var(--sem-space-3); }
  [data-sem-c="table"] .sem-sort { background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; font: inherit; gap: 6px; padding: var(--sem-space-2) var(--sem-space-3); transition: background var(--sem-duration-fast) var(--sem-ease), color var(--sem-duration-fast) var(--sem-ease); width: 100%; align-items: center; text-align: inherit; }
  [data-sem-c="table"] .sem-sort-icon { opacity: 0.35; transition: opacity var(--sem-duration-fast) var(--sem-ease); font-size: var(--sem-text-xs); }
  [data-sem-c="table"] .sem-sort:focus-visible { outline: 2px solid var(--sem-accent); outline-offset: -2px; }
  [data-sem-c="table"] .sem-sort:hover .sem-sort-icon { opacity: 0.7; }
  [data-sem-c="table"] .sem-sort:hover { background: var(--sem-gray-3); color: var(--sem-text); }
  [data-sem-c="table"] table { color: var(--sem-text); width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--sem-text-sm); font-variant-numeric: tabular-nums; }
  [data-sem-c="table"] tbody .sem-end { text-align: end; }
  [data-sem-c="table"] tbody :is(th, td) { padding: var(--sem-space-2) var(--sem-space-3); border-bottom: 1px solid var(--sem-border); font-weight: 400; line-height: var(--sem-leading-tight); text-align: start; vertical-align: middle; }
  [data-sem-c="table"] tbody th { font-weight: 550; }
  [data-sem-c="table"] tbody tr:hover { background: var(--sem-accent-soft); }
  [data-sem-c="table"] tbody tr:last-child > * { border-bottom: 0; }
  [data-sem-c="table"] tbody tr:nth-child(even) { background: color-mix(in oklab, var(--sem-gray-2) 70%, transparent); }
  [data-sem-c="table"] td code { background: var(--sem-gray-3); color: var(--sem-gray-11); padding: 1px 6px; border-radius: var(--sem-radius-sm); font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); }
  [data-sem-c="table"] td.sem-empty { color: var(--sem-muted); padding: var(--sem-space-6); text-align: center; }
  [data-sem-c="table"] th[aria-sort] .sem-sort-icon { color: var(--sem-accent); opacity: 1; }
  [data-sem-c="table"] thead .sem-end { text-align: end; }
  [data-sem-c="table"] thead th { background: var(--sem-surface-sunken); color: var(--sem-muted); padding: 0; position: sticky; top: 0; border-bottom: 1px solid var(--sem-border-strong); font-weight: 600; text-align: start; white-space: nowrap; z-index: 1; }
  [data-sem-c="table"] thead th.sem-end .sem-sort { flex-direction: row-reverse; }
  [data-sem-c="table"] thead th[aria-sort] { color: var(--sem-text); }
  [data-sem-c="table"] { background: var(--sem-surface); border: 1px solid var(--sem-border); flex: 1 1 100%; overflow: auto; border-radius: var(--sem-radius-lg); font-family: var(--sem-font); max-height: 26rem; min-width: 0; }
  [data-sem-c="table"]:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="tabs"] .sem-detach { background: transparent; border: 0; color: var(--sem-faint); cursor: pointer; flex: none; font: 600 12px/1 var(--sem-font); padding: 4px 7px; border-radius: 7px; }
  [data-sem-c="tabs"] .sem-detach { display: grid; height: 24px; margin: 0; opacity: 0; padding: 0; position: relative; transition: opacity var(--sem-motion), background var(--sem-motion), color var(--sem-motion); width: 24px; align-self: center; border-radius: 7px; font-size: 13px; place-items: center; z-index: 1; margin-inline-end: 6px; margin-inline-start: -30px; }
  [data-sem-c="tabs"] .sem-detach:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="tabs"] .sem-detach:hover { background: var(--sem-accent-soft); color: var(--sem-accent-strong); }
  [data-sem-c="tabs"] .sem-detach:hover { background: var(--sem-surface); color: var(--sem-accent-strong); }
  [data-sem-c="tabs"] > .sem-split-zone { display: none; position: absolute; inline-size: 25%; inset-block: 0; z-index: 2; }
  [data-sem-c="tabs"] > .sem-split-zone:is([data-sem-edge=top], [data-sem-edge=bottom]) { block-size: 25%; inline-size: auto; inset-block: auto; inset-inline: 25%; }
  [data-sem-c="tabs"] > .sem-split-zone:is([data-sem-edge=top], [data-sem-edge=bottom])[data-sem-drop-over]::after { block-size: 200%; inline-size: auto; inset-block: auto; inset-inline: -50%; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-drop-over]::after { background: color-mix(in oklab, var(--sem-accent-9) 14%, transparent); content: ""; outline: 2px solid var(--sem-accent-9); position: absolute; border-radius: var(--sem-radius-md); inline-size: 200%; inset-block: 0; outline-offset: -2px; pointer-events: none; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-drop-zone][data-sem-drop] { background: transparent; outline: none; position: absolute; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-edge=bottom] { inset-block-end: 0; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-edge=bottom][data-sem-drop-over]::after { inset-block-end: 0; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-edge=end] { inset-inline-end: 0; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-edge=end][data-sem-drop-over]::after { inset-inline-end: 0; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-edge=start] { inset-inline-start: 0; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-edge=start][data-sem-drop-over]::after { inset-inline-start: 0; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-edge=top] { inset-block-start: 0; }
  [data-sem-c="tabs"] > .sem-split-zone[data-sem-edge=top][data-sem-drop-over]::after { inset-block-start: 0; }
  [data-sem-c="tabs"] > [role=tablist] { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); display: flex; gap: 2px; padding: 4px; border-radius: var(--sem-radius); }
  [data-sem-c="tabs"] [data-sem-gesture=tear] { user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; }
  [data-sem-c="tabs"] [data-sem-tear-armed] { scale: 0.96; transition: scale var(--sem-duration-fast) var(--sem-ease); }
  [data-sem-c="tabs"] [data-sem-tearing] { opacity: 0.4; }
  [data-sem-c="tabs"] [role=tab] > .sem-tab-label { display: block; overflow: hidden; text-overflow: ellipsis; }
  [data-sem-c="tabs"] [role=tab] { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; flex: 1 0 auto; font: inherit; padding: 7px 14px; transition: color var(--sem-motion), background var(--sem-motion), box-shadow var(--sem-motion); border-radius: 9px; font-size: var(--sem-font-size-small); font-weight: 600; white-space: nowrap; }
  [data-sem-c="tabs"] [role=tab]:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="tabs"] [role=tab]:has(+ .sem-detach) > .sem-tab-label { margin-inline-end: 22px; }
  [data-sem-c="tabs"] [role=tab]:hover { color: var(--sem-text); }
  [data-sem-c="tabs"] [role=tab][aria-selected=true] { background: var(--sem-surface); color: var(--sem-text); box-shadow: 0 1px 2px light-dark(rgb(17 17 34 / 0.08), rgb(0 0 0 / 0.5)), inset 0 0 0 1px var(--sem-border); }
  [data-sem-c="tabs"] [role=tablist]:hover .sem-detach, [data-sem-c="tabs"] .sem-detach:focus-visible, [data-sem-c="tabs"] [aria-selected=true] + .sem-detach { opacity: 1; }
  [data-sem-c="tabs"] [role=tablist][data-sem-gathering] { outline: 2px dashed var(--sem-accent-9); background-color: color-mix(in oklab, var(--sem-accent-9) 10%, transparent); outline-offset: -3px; }
  [data-sem-c="tabs"] [role=tabpanel] { min-width: 0; }
  [data-sem-c="tabs"] { color: var(--sem-text); display: grid; gap: var(--sem-space-4); font-family: var(--sem-font); font-size: var(--sem-font-size); }
  [data-sem-c="tabs"]:has(> .sem-split-zone) { position: relative; }
  [data-sem-c="tag"] .sem-icon { opacity: 0.85; font-size: 0.92em; }
  [data-sem-c="tag"] > .sem-remove { background: transparent; border: 0; color: inherit; cursor: pointer; display: inline-grid; font: 700 0.8em/1 var(--sem-font); height: calc(var(--control-h, 36px) * 0.5); opacity: 0.7; padding: 0; transition: background var(--sem-duration-fast) var(--sem-ease), opacity var(--sem-duration-fast) var(--sem-ease); width: calc(var(--control-h, 36px) * 0.5); border-radius: var(--sem-radius-full); place-items: center; }
  [data-sem-c="tag"] > .sem-remove:hover { background: color-mix(in oklab, currentColor 16%, transparent); opacity: 1; }
  [data-sem-c="tag"] > .sem-tag-toggle + .sem-remove { margin-inline-end: 3px; margin-inline-start: calc(var(--control-h, 36px) * -0.2); }
  [data-sem-c="tag"] > .sem-tag-toggle { background: transparent; border: 0; color: inherit; cursor: pointer; display: inline-flex; font: inherit; gap: 5px; height: 100%; padding: 0 calc(var(--control-h, 36px) * 0.28); align-items: center; border-radius: inherit; }
  [data-sem-c="tag"] > :is(.sem-tag-toggle, .sem-remove):focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="tag"] { background: var(--tone-soft, var(--sem-gray-3)); border: 1px solid var(--tone-border, var(--sem-gray-6)); color: var(--tone-text, var(--sem-gray-12)); display: inline-flex; font: 550 calc(var(--control-h, 36px) * 0.2 + 5px) / 1 var(--sem-font); gap: 5px; height: calc(var(--control-h, 36px) * 0.72); padding: 0 calc(var(--control-h, 36px) * 0.28); transition: background var(--sem-duration-fast) var(--sem-ease), color var(--sem-duration-fast) var(--sem-ease), border-color var(--sem-duration-fast) var(--sem-ease); align-items: center; border-radius: var(--sem-radius-full); white-space: nowrap; }
  [data-sem-c="tag"] { justify-self: start; }
  [data-sem-c="tag"]:has(> .sem-remove) { padding-inline-end: 3px; }
  [data-sem-c="tag"]:has(> .sem-tag-toggle) { padding: 0; }
  [data-sem-c="tag"][data-checked=false]:hover { background: var(--tone-soft-hover, var(--sem-gray-4)); }
  [data-sem-c="tag"][data-checked=true] { background: var(--tone-solid, var(--sem-gray-12)); color: var(--tone-on-solid, var(--sem-gray-1)); border-color: var(--tone-solid, var(--sem-gray-12)); }
  [data-sem-c="tag"][hidden] { display: none; }
  [data-sem-c="taskbar"] .sem-task .sem-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="taskbar"] .sem-task { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: inline-flex; font: 600 12px/1 var(--sem-font); gap: 6px; height: 28px; padding: 0 10px; transition: background var(--sem-duration-fast) var(--sem-ease), color var(--sem-duration-fast) var(--sem-ease); align-items: center; border-radius: 8px; max-width: 180px; }
  [data-sem-c="taskbar"] .sem-task:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="taskbar"] .sem-task:hover { background: var(--sem-surface-hover); color: var(--sem-text); }
  [data-sem-c="taskbar"] .sem-task[aria-current="true"] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); }
  [data-sem-c="taskbar"] .sem-task[data-state="minimized"] { opacity: 0.7; }
  [data-sem-c="taskbar"] > .sem-grip { background: radial-gradient(circle, var(--sem-faint) 1.1px, transparent 1.6px) center / 5px 5px space; cursor: grab; flex: none; padding: 4px 2px; width: 14px; align-self: stretch; background-origin: content-box; border-radius: 6px; box-sizing: border-box; min-height: 24px; touch-action: none; user-select: none; -webkit-user-select: none; }
  [data-sem-c="taskbar"] > .sem-grip:active { cursor: grabbing; }
  [data-sem-c="taskbar"] > .sem-grip:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="taskbar"] > .sem-grip:hover { background-color: var(--sem-surface-hover); }
  [data-sem-c="taskbar"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); display: flex; gap: 2px; padding: 4px; align-items: center; border-radius: 12px; flex-wrap: wrap; font-family: var(--sem-font); }
  [data-sem-c="taskbar"]:is([data-sem-edge="start"], [data-sem-edge="end"]) > .sem-grip { height: 14px; padding: 2px 4px; width: auto; min-height: 0; }
  [data-sem-c="taskbar"]:is([data-sem-edge="start"], [data-sem-edge="end"]) > .sem-task { flex: none; justify-content: flex-start; max-width: none; }
  [data-sem-c="taskbar"][hidden] { display: none; }
  [data-sem-c="term-alignment"] .sem-empty { color: var(--sem-muted); margin: 0; }
  [data-sem-c="term-alignment"] .sem-strength { border: 1px solid var(--sem-border); display: inline-block; padding: 1px 8px; border-radius: var(--sem-radius-full); font-size: var(--sem-text-xs); font-weight: 600; }
  [data-sem-c="term-alignment"] .sem-strength:is([data-sem-strength=narrower], [data-sem-strength=broader]) { background: var(--sem-info-3); color: var(--sem-info-11); border-color: var(--sem-info-6); }
  [data-sem-c="term-alignment"] .sem-strength[data-sem-strength=close] { background: var(--sem-warning-3); color: var(--sem-warning-11); border-color: var(--sem-warning-6); }
  [data-sem-c="term-alignment"] .sem-strength[data-sem-strength=equivalent] { background: var(--sem-success-9); color: white; border-color: transparent; }
  [data-sem-c="term-alignment"] .sem-strength[data-sem-strength=related] { color: var(--sem-muted); border-style: dashed; }
  [data-sem-c="term-alignment"] :is(th, td) { padding: var(--sem-space-2) var(--sem-space-3); border-bottom: 1px solid var(--sem-border); text-align: start; }
  [data-sem-c="term-alignment"] code { font: 12px/1.5 var(--sem-font-mono); overflow-wrap: anywhere; }
  [data-sem-c="term-alignment"] table { width: 100%; border-collapse: collapse; font-size: var(--sem-text-sm); }
  [data-sem-c="term-alignment"] th { color: var(--sem-muted); font-weight: 600; }
  [data-sem-c="term-alignment"] { color: var(--sem-text); font-family: var(--sem-font); min-width: 0; overflow-x: auto; }
  [data-sem-c="term-card"] .sem-card-title { background: transparent; border: 0; color: var(--sem-accent-strong); font: 650 var(--sem-text-sm)/1.4 var(--sem-font-mono); padding: 0; overflow-wrap: anywhere; text-align: start; }
  [data-sem-c="term-card"] .sem-shown { column-gap: var(--sem-space-3); font-size: var(--sem-text-xs); }
  [data-sem-c="term-card"] .sem-slug { color: var(--sem-muted); font-size: var(--sem-text-xs); }
  [data-sem-c="term-card"] .sem-stat + .sem-stat::before { content: '· '; }
  [data-sem-c="term-card"] .sem-stat { color: var(--sem-muted); font-size: var(--sem-text-xs); }
  [data-sem-c="term-card"] .sem-summary { color: var(--sem-muted); margin: 0; font-size: var(--sem-text-sm); line-height: var(--sem-leading-normal); }
  [data-sem-c="term-card"] .sem-tag { border: 1px solid var(--sem-border); font: 11px/1.5 var(--sem-font-mono); padding: 1px 6px; border-radius: var(--sem-radius-full); }
  [data-sem-c="term-card"] .sem-tag[data-sem-mixin] { color: var(--sem-accent-strong); border-style: dashed; }
  [data-sem-c="term-card"] :is(.sem-tags, .sem-counts, .sem-shown) { display: flex; gap: 4px; flex-wrap: wrap; }
  [data-sem-c="term-card"] > .sem-counts { grid-row: 4; }
  [data-sem-c="term-card"] > .sem-shown { grid-row: 5; }
  [data-sem-c="term-card"] > .sem-summary { grid-row: 2; }
  [data-sem-c="term-card"] > .sem-tags { grid-row: 3; }
  [data-sem-c="term-card"] > header { grid-row: 1; }
  [data-sem-c="term-card"] button.sem-card-title { cursor: pointer; border-radius: var(--sem-radius-sm); }
  [data-sem-c="term-card"] button.sem-card-title:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="term-card"] button.sem-card-title:hover { text-decoration: underline; }
  [data-sem-c="term-card"] header { display: flex; gap: 4px var(--sem-space-2); align-items: baseline; flex-wrap: wrap; }
  [data-sem-c="term-card"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); gap: var(--sem-space-2); padding: var(--sem-space-3); border-radius: var(--sem-radius-lg); font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="term-card"]:not([data-sem-row-span]) { display: flex; flex-direction: column; }
  [data-sem-c="term-card"][data-sem-role=mixin] { background: var(--sem-surface-sunken); border-style: dashed; }
  [data-sem-c="term-members"] .sem-cards { display: grid; gap: var(--sem-space-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
  [data-sem-c="term-members"] h3 { color: var(--sem-muted); margin: 0 0 var(--sem-space-3); font-size: var(--sem-text-xs); font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; }
  [data-sem-c="term-members"] { display: flex; gap: var(--sem-space-5); flex-direction: column; min-width: 0; }
  [data-sem-c="term-overview"] .sem-comment { margin: 0; line-height: var(--sem-leading-normal); max-width: 72ch; white-space: pre-line; }
  [data-sem-c="term-overview"] .sem-constraint { background: var(--sem-gray-3); padding: 0 5px; border-radius: var(--sem-radius-full); font-family: var(--sem-font-mono); }
  [data-sem-c="term-overview"] .sem-empty { color: var(--sem-muted); margin: 0; }
  [data-sem-c="term-overview"] .sem-fact { display: contents; }
  [data-sem-c="term-overview"] .sem-iri { color: var(--sem-muted); flex-basis: 100%; font-size: var(--sem-text-xs); overflow-wrap: anywhere; }
  [data-sem-c="term-overview"] .sem-item { display: inline-flex; gap: 4px; align-items: baseline; flex-wrap: wrap; max-width: 100%; }
  [data-sem-c="term-overview"] .sem-term { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border); color: var(--sem-text); font: 12px/1.5 var(--sem-font-mono); padding: 1px 6px; border-radius: var(--sem-radius-sm); overflow-wrap: anywhere; }
  [data-sem-c="term-overview"] .sem-value { overflow-wrap: anywhere; white-space: pre-line; }
  [data-sem-c="term-overview"] :is(.sem-note, .sem-constraint) { color: var(--sem-muted); font-size: var(--sem-text-xs); }
  [data-sem-c="term-overview"] :is(dt, dd) { margin: 0; padding: var(--sem-space-2) var(--sem-space-3) var(--sem-space-2) 0; border-bottom: 1px solid var(--sem-border); }
  [data-sem-c="term-overview"] button.sem-term { color: var(--sem-accent-strong); cursor: pointer; text-align: start; }
  [data-sem-c="term-overview"] button.sem-term:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="term-overview"] button.sem-term:hover { background: var(--sem-accent-soft); border-color: var(--sem-accent); }
  [data-sem-c="term-overview"] dd { display: flex; gap: 4px 6px; flex-wrap: wrap; min-width: 0; }
  [data-sem-c="term-overview"] dl { display: grid; margin: 0; border-top: 1px solid var(--sem-border); font-size: var(--sem-text-sm); grid-template-columns: minmax(8rem, max-content) 1fr; }
  [data-sem-c="term-overview"] dt { color: var(--sem-muted); font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); padding-top: calc(var(--sem-space-2) + 3px); }
  [data-sem-c="term-overview"] h2 { margin: 0; font-family: var(--sem-font-mono); font-size: var(--sem-text-xl); font-weight: 650; overflow-wrap: anywhere; }
  [data-sem-c="term-overview"] header > .sem-kind { background: var(--sem-accent-soft); color: var(--sem-accent-strong); padding: 2px 8px; border-radius: var(--sem-radius-full); font-size: var(--sem-text-xs); font-weight: 600; }
  [data-sem-c="term-overview"] header { display: flex; gap: var(--sem-space-2) var(--sem-space-3); align-items: baseline; flex-wrap: wrap; }
  [data-sem-c="term-overview"] { color: var(--sem-text); display: flex; gap: var(--sem-space-4); flex-direction: column; font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="term-tree"] .sem-branch > .sem-row:hover, [data-sem-c="term-tree"] [aria-level='3'] > .sem-row:hover { background: var(--sem-gray-3); }
  [data-sem-c="term-tree"] .sem-count { background: var(--sem-gray-3); color: var(--sem-muted); font: 600 11px/1.4 var(--sem-font); padding: 1px 6px; border-radius: var(--sem-radius-full); min-width: 20px; text-align: center; font-variant-numeric: tabular-nums; margin-inline-start: auto; }
  [data-sem-c="term-tree"] .sem-kind[data-sem-kind] { background: var(--sem-gray-3); color: var(--sem-muted); flex: none; font: 700 10px/1 var(--sem-font-mono); padding: 3px 4px; border-radius: 4px; min-width: 18px; text-align: center; margin-inline-start: auto; }
  [data-sem-c="term-tree"] .sem-label { background: transparent; border: 0; color: inherit; flex: 0 1 auto; font: inherit; overflow: hidden; padding: 2px 6px; border-radius: var(--sem-radius-sm); min-width: 0; text-align: start; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="term-tree"] .sem-leaf { background: radial-gradient(circle, var(--sem-gray-7) 2px, transparent 2.5px); flex: none; height: 22px; width: 22px; }
  [data-sem-c="term-tree"] .sem-row { display: flex; gap: 2px; align-items: center; border-radius: var(--sem-radius-md); min-height: 28px; padding-inline: 2px var(--sem-space-2); }
  [data-sem-c="term-tree"] .sem-section + .sem-section { margin-top: var(--sem-space-3); }
  [data-sem-c="term-tree"] .sem-section > .sem-row > .sem-label { color: var(--sem-muted); font-size: var(--sem-text-xs); font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; }
  [data-sem-c="term-tree"] .sem-twisty > span { transition: transform var(--sem-duration-fast) var(--sem-ease); }
  [data-sem-c="term-tree"] .sem-twisty { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: grid; flex: none; height: 22px; padding: 0; width: 22px; border-radius: var(--sem-radius-sm); font-size: 11px; place-items: center; }
  [data-sem-c="term-tree"] .sem-twisty:hover { background: var(--sem-gray-5); color: var(--sem-text); }
  [data-sem-c="term-tree"] :is(.sem-twisty, .sem-label):focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="term-tree"] [aria-expanded=true] > .sem-row > .sem-twisty > span { transform: rotate(90deg); }
  [data-sem-c="term-tree"] [aria-level='3'] .sem-label { font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); }
  [data-sem-c="term-tree"] [aria-level='3'] > .sem-row { padding-inline-start: 26px; }
  [data-sem-c="term-tree"] [aria-selected=true] > .sem-row > .sem-label { color: var(--sem-accent-strong); font-weight: 600; }
  [data-sem-c="term-tree"] [aria-selected=true] > .sem-row { background: var(--sem-accent-soft); }
  [data-sem-c="term-tree"] [role=group] { margin: 0; padding: 0; list-style: none; }
  [data-sem-c="term-tree"] button.sem-label { cursor: pointer; }
  [data-sem-c="term-tree"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); margin: 0; padding: var(--sem-space-2); border-radius: var(--sem-radius-lg); font-family: var(--sem-font); font-size: var(--sem-text-sm); list-style: none; min-width: 0; }
  [data-sem-c="text"] strong, [data-sem-c="walkthrough-step"] strong { font-weight: 650; }
  [data-sem-c="text"], [data-sem-c="walkthrough-step"] { margin: 0; max-width: 72ch; overflow-wrap: break-word; text-wrap: pretty; }
  [data-sem-c="text"]:is(span), [data-sem-c="walkthrough-step"]:is(span) { max-width: none; }
  [data-sem-c="text"]:not([data-sem-text-style]), [data-sem-c="walkthrough-step"]:not([data-sem-text-style]) { font-family: var(--sem-font); font-size: var(--sem-text-md); line-height: var(--sem-leading-normal); }
  [data-sem-c="text"][data-sem-tone], [data-sem-c="walkthrough-step"][data-sem-tone] { color: var(--tone-text); }
  [data-sem-c="text-area"] > label { font-size: var(--sem-font-size-small); font-weight: 600; letter-spacing: 0.005em; }
  [data-sem-c="text-area"] > textarea { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border-strong); color: var(--sem-text); font: inherit; padding: 10px var(--control-px, 14px); resize: vertical; transition: border-color var(--sem-motion), box-shadow var(--sem-motion), background var(--sem-motion); width: 100%; border-radius: var(--control-radius, var(--sem-radius-control)); box-sizing: border-box; font-size: var(--control-font, inherit); line-height: 1.5; min-height: var(--control-h, var(--sem-control-height)); }
  [data-sem-c="text-area"] > textarea::placeholder { color: var(--sem-faint); }
  [data-sem-c="text-area"] > textarea:disabled { cursor: not-allowed; opacity: 0.55; resize: none; }
  [data-sem-c="text-area"] > textarea:focus { background: var(--sem-surface); outline: none; border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="text-area"] > textarea:not(:disabled):hover { border-color: var(--sem-faint); }
  [data-sem-c="text-area"] > textarea[aria-invalid=true] { border-color: var(--sem-danger); }
  [data-sem-c="text-area"] { display: grid; gap: var(--sem-space-2); width: min(100%, 420px); font-family: var(--sem-font); }
  [data-sem-c="text-field"] [role=alert] { color: var(--sem-danger); font-size: var(--sem-font-size-small); font-weight: 550; }
  [data-sem-c="text-field"] input { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border-strong); color: var(--sem-text); font: inherit; transition: border-color var(--sem-motion), box-shadow var(--sem-motion), background var(--sem-motion); border-radius: var(--sem-radius-control); padding-inline: var(--sem-space-4); }
  [data-sem-c="text-field"] input::placeholder { color: var(--sem-faint); }
  [data-sem-c="text-field"] input:focus { background: var(--sem-surface); outline: none; border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="text-field"] input:hover { border-color: var(--sem-faint); }
  [data-sem-c="text-field"] input[aria-invalid=true] { border-color: var(--sem-danger); }
  [data-sem-c="text-field"] label + input ~ div:not([role]) { color: var(--sem-muted); font-size: var(--sem-font-size-small); }
  [data-sem-c="text-field"] label { font-size: var(--sem-font-size-small); font-weight: 600; letter-spacing: 0.005em; }
  [data-sem-c="text-field"] { display: grid; gap: var(--sem-space-2); min-width: 0; grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="tiled-workspace"] > * { flex: 1 1 auto; min-height: 0; min-width: 0; }
  [data-sem-c="tiled-workspace"] [data-sem-c=tabs]:not(:where([data-sem-c=tiled-workspace] [role=tabpanel] *)) > [role=tablist] > [role=tab] { flex: 0 0 auto; max-inline-size: min(18rem, 100%); min-inline-size: 0; }
  [data-sem-c="tiled-workspace"] [data-sem-c=tabs]:not(:where([data-sem-c=tiled-workspace] [role=tabpanel] *)) > [role=tablist] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  [data-sem-c="tiled-workspace"] [data-sem-c=tabs]:not(:where([data-sem-c=tiled-workspace] [role=tabpanel] *)) { gap: 0; align-content: start; grid-template-rows: auto minmax(0, 1fr); min-block-size: 100%; }
  [data-sem-c="tiled-workspace"] { display: flex; inline-size: 100%; min-height: 24rem; min-width: 0; }
  [data-sem-c="time-axis"] .sem-tick { bottom: 0; position: absolute; top: 0; line-height: 1.375rem; white-space: nowrap; border-inline-start: 1px solid var(--sem-border-strong); inset-inline-start: calc(var(--tick) / var(--span) * 100%); padding-inline-start: 4px; }
  [data-sem-c="time-axis"] { color: var(--sem-muted); display: block; flex: 1 1 12rem; height: 1.375rem; overflow: visible; position: relative; border-bottom: 1px solid var(--sem-border); font-family: var(--sem-font); font-size: var(--sem-text-xs); font-weight: 400; margin-inline: var(--sem-space-3); min-width: 8rem; font-variant-numeric: tabular-nums; }
  [data-sem-c="time-field"] > .sem-error { color: var(--sem-danger); font-size: var(--sem-font-size-small); font-weight: 550; line-height: var(--sem-leading-normal); }
  [data-sem-c="time-field"] > .sem-help { color: var(--sem-muted); font-size: var(--sem-font-size-small); line-height: var(--sem-leading-normal); }
  [data-sem-c="time-field"] > .sem-time-list > li { cursor: pointer; display: flex; padding: 0 10px; transition: background var(--sem-duration-fast) var(--sem-ease); align-items: center; border-radius: var(--sem-radius-sm); min-height: 32px; white-space: nowrap; }
  [data-sem-c="time-field"] > .sem-time-list > li:hover { background: var(--sem-gray-3); }
  [data-sem-c="time-field"] > .sem-time-list > li[aria-selected=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--sem-accent) 35%, transparent); }
  [data-sem-c="time-field"] > .sem-time-list > li[data-chosen] { font-weight: 600; }
  [data-sem-c="time-field"] > .sem-time-list > li[data-chosen]::after { color: var(--sem-accent); content: "✓"; font-weight: 700; margin-inline-start: auto; }
  [data-sem-c="time-field"] > .sem-time-list { background: var(--sem-surface-overlay); border: 1px solid var(--sem-border-strong); color: var(--sem-text); cursor: default; margin: -4px 0 0; padding: 5px; position: absolute; top: 100%; border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-3); box-sizing: border-box; font-size: var(--sem-text-sm); inset-inline: 0; list-style: none; max-height: min(264px, 45vh); overflow-y: auto; overscroll-behavior: contain; z-index: 40; font-variant-numeric: tabular-nums; }
  [data-sem-c="time-field"] > .sem-time-list[hidden] { display: none; }
  [data-sem-c="time-field"] > .sem-time-row > [data-sem-c=icon-button] { color: var(--sem-muted); flex: none; height: calc(var(--control-h, var(--sem-control-height)) - 6px); width: calc(var(--control-h, var(--sem-control-height)) - 6px); }
  [data-sem-c="time-field"] > .sem-time-row > input { background: transparent; border: 0; color: inherit; flex: 1 1 10ch; font: inherit; outline: none; padding: 0; box-shadow: none; font-size: var(--control-font, inherit); min-height: calc(var(--control-h, var(--sem-control-height)) - 8px); min-width: 0; font-variant-numeric: tabular-nums; }
  [data-sem-c="time-field"] > .sem-time-row > input::placeholder { color: var(--sem-faint); }
  [data-sem-c="time-field"] > .sem-time-row { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border-strong); color: var(--sem-text); display: flex; gap: 4px; padding: 2px 3px 2px var(--control-px, 12px); transition: border-color var(--sem-motion), box-shadow var(--sem-motion), background var(--sem-motion); align-items: center; border-radius: var(--control-radius, var(--sem-radius-control)); box-sizing: border-box; min-height: var(--control-h, var(--sem-control-height)); }
  [data-sem-c="time-field"] > .sem-time-row:focus-within { background: var(--sem-surface); border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="time-field"] > .sem-time-row:has(> input:disabled) { cursor: not-allowed; opacity: 0.55; border-color: var(--sem-border); }
  [data-sem-c="time-field"] > .sem-time-row:has(> input[aria-invalid=true]) { border-color: var(--sem-danger); }
  [data-sem-c="time-field"] > .sem-time-row:hover { border-color: var(--sem-faint); }
  [data-sem-c="time-field"] > label { font-size: var(--sem-font-size-small); font-weight: 600; letter-spacing: 0.005em; }
  [data-sem-c="time-field"] { display: grid; gap: var(--sem-space-2); position: relative; width: min(100%, 220px); font-family: var(--sem-font); grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="timeline"] { color: var(--sem-text); display: grid; flex: 1 1 100%; margin: 0; padding: 0; font-family: var(--sem-font); font-size: var(--sem-text-sm); list-style: none; }
  [data-sem-c="timeline-item"] .sem-effect { color: var(--sem-faint); }
  [data-sem-c="timeline-item"] .sem-target { background: var(--sem-gray-3); color: var(--sem-gray-11); padding: 1px 6px; border-radius: var(--sem-radius-sm); font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); overflow-wrap: anywhere; }
  [data-sem-c="timeline-item"] > .sem-body { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; min-width: 0; }
  [data-sem-c="timeline-item"] > .sem-dot { background: var(--sem-gray-8); height: 10px; margin: 4px 5px; width: 10px; align-self: start; border-radius: var(--sem-radius-full); box-shadow: 0 0 0 3px var(--sem-gray-3); }
  [data-sem-c="timeline-item"] > .sem-meta { color: var(--sem-muted); display: flex; gap: var(--sem-space-2); font-size: var(--sem-text-xs); white-space: nowrap; font-variant-numeric: tabular-nums; }
  [data-sem-c="timeline-item"] strong { font-weight: 600; }
  [data-sem-c="timeline-item"] { display: grid; position: relative; align-items: baseline; column-gap: var(--sem-space-3); padding-bottom: var(--sem-space-4); grid-template-columns: 20px minmax(0, 1fr) auto; }
  [data-sem-c="timeline-item"]::before { background: var(--sem-border); bottom: -2px; content: ''; left: 9px; position: absolute; top: 16px; width: 2px; border-radius: 1px; }
  [data-sem-c="timeline-item"]:first-child > .sem-dot { background: var(--sem-accent); box-shadow: 0 0 0 3px var(--sem-accent-soft); }
  [data-sem-c="timeline-item"]:last-child::before { display: none; }
  [data-sem-c="toast"] .sem-desc, [data-sem-c="dialog"] .sem-desc, [data-sem-c="drawer"] .sem-desc, [data-sem-c="popover"] .sem-desc, [data-sem-c="command-palette"] .sem-desc, [data-sem-c="lightbox"] .sem-desc, [data-sem-c="window"] .sem-desc, [data-sem-c="palette"] .sem-desc { color: var(--sem-muted); margin: 0; }
  [data-sem-c="toast"] > .sem-panel .sem-close, [data-sem-c="dialog"] > .sem-panel .sem-close, [data-sem-c="drawer"] > .sem-panel .sem-close, [data-sem-c="popover"] > .sem-panel .sem-close, [data-sem-c="command-palette"] > .sem-panel .sem-close, [data-sem-c="lightbox"] > .sem-panel .sem-close, [data-sem-c="window"] > .sem-panel .sem-close, [data-sem-c="palette"] > .sem-panel .sem-close { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: grid; flex: none; font: 600 14px/1 var(--sem-font); height: 30px; margin: -4px -6px 0 auto; padding: 0; transition: background var(--sem-duration-fast) var(--sem-ease), color var(--sem-duration-fast) var(--sem-ease); width: 30px; border-radius: var(--sem-radius-md); place-items: center; }
  [data-sem-c="toast"] > .sem-panel .sem-close:focus-visible, [data-sem-c="dialog"] > .sem-panel .sem-close:focus-visible, [data-sem-c="drawer"] > .sem-panel .sem-close:focus-visible, [data-sem-c="popover"] > .sem-panel .sem-close:focus-visible, [data-sem-c="command-palette"] > .sem-panel .sem-close:focus-visible, [data-sem-c="lightbox"] > .sem-panel .sem-close:focus-visible, [data-sem-c="window"] > .sem-panel .sem-close:focus-visible, [data-sem-c="palette"] > .sem-panel .sem-close:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="toast"] > .sem-panel .sem-close:hover, [data-sem-c="dialog"] > .sem-panel .sem-close:hover, [data-sem-c="drawer"] > .sem-panel .sem-close:hover, [data-sem-c="popover"] > .sem-panel .sem-close:hover, [data-sem-c="command-palette"] > .sem-panel .sem-close:hover, [data-sem-c="lightbox"] > .sem-panel .sem-close:hover, [data-sem-c="window"] > .sem-panel .sem-close:hover, [data-sem-c="palette"] > .sem-panel .sem-close:hover { background: var(--sem-surface-hover); color: var(--sem-text); }
  [data-sem-c="toast"] > .sem-panel > .sem-actions, [data-sem-c="dialog"] > .sem-panel > .sem-actions, [data-sem-c="drawer"] > .sem-panel > .sem-actions, [data-sem-c="popover"] > .sem-panel > .sem-actions, [data-sem-c="command-palette"] > .sem-panel > .sem-actions, [data-sem-c="lightbox"] > .sem-panel > .sem-actions, [data-sem-c="window"] > .sem-panel > .sem-actions, [data-sem-c="palette"] > .sem-panel > .sem-actions { display: flex; gap: var(--sem-space-2); flex-wrap: wrap; justify-content: flex-end; padding-top: var(--sem-space-2); }
  [data-sem-c="toast"] > .sem-panel > .sem-body, [data-sem-c="dialog"] > .sem-panel > .sem-body, [data-sem-c="drawer"] > .sem-panel > .sem-body, [data-sem-c="popover"] > .sem-panel > .sem-body, [data-sem-c="command-palette"] > .sem-panel > .sem-body, [data-sem-c="lightbox"] > .sem-panel > .sem-body, [data-sem-c="window"] > .sem-panel > .sem-body, [data-sem-c="palette"] > .sem-panel > .sem-body { display: grid; gap: var(--sem-space-3); padding-block: var(--sem-space-1); }
  [data-sem-c="toast"] > .sem-panel > .sem-head h2, [data-sem-c="dialog"] > .sem-panel > .sem-head h2, [data-sem-c="drawer"] > .sem-panel > .sem-head h2, [data-sem-c="popover"] > .sem-panel > .sem-head h2, [data-sem-c="command-palette"] > .sem-panel > .sem-head h2, [data-sem-c="lightbox"] > .sem-panel > .sem-head h2, [data-sem-c="window"] > .sem-panel > .sem-head h2, [data-sem-c="palette"] > .sem-panel > .sem-head h2 { margin: 0; font-size: var(--sem-text-lg); font-weight: 650; letter-spacing: -0.015em; line-height: var(--sem-leading-tight); }
  [data-sem-c="toast"] > .sem-panel > .sem-head, [data-sem-c="dialog"] > .sem-panel > .sem-head, [data-sem-c="drawer"] > .sem-panel > .sem-head, [data-sem-c="popover"] > .sem-panel > .sem-head, [data-sem-c="command-palette"] > .sem-panel > .sem-head, [data-sem-c="lightbox"] > .sem-panel > .sem-head, [data-sem-c="window"] > .sem-panel > .sem-head, [data-sem-c="palette"] > .sem-panel > .sem-head { display: flex; gap: var(--sem-space-3); align-items: flex-start; }
  [data-sem-c="toast"] > .sem-panel, [data-sem-c="dialog"] > .sem-panel, [data-sem-c="drawer"] > .sem-panel, [data-sem-c="popover"] > .sem-panel, [data-sem-c="command-palette"] > .sem-panel, [data-sem-c="lightbox"] > .sem-panel, [data-sem-c="window"] > .sem-panel, [data-sem-c="palette"] > .sem-panel { background: var(--sem-surface-overlay); border: 1px solid var(--sem-border); display: flex; gap: var(--sem-space-3); box-sizing: border-box; flex-direction: column; font-size: var(--sem-text-sm); line-height: var(--sem-leading-normal); }
  [data-sem-c="toast"] > .sem-scrim, [data-sem-c="dialog"] > .sem-scrim, [data-sem-c="drawer"] > .sem-scrim, [data-sem-c="popover"] > .sem-scrim, [data-sem-c="command-palette"] > .sem-scrim, [data-sem-c="lightbox"] > .sem-scrim, [data-sem-c="window"] > .sem-scrim, [data-sem-c="palette"] > .sem-scrim { animation: sem-fade-in var(--sem-duration) var(--sem-ease); background: var(--sem-scrim); inset: 0; position: absolute; backdrop-filter: blur(2px); }
  [data-sem-c="toast"] > .sem-trigger:focus-visible, [data-sem-c="dialog"] > .sem-trigger:focus-visible, [data-sem-c="drawer"] > .sem-trigger:focus-visible, [data-sem-c="popover"] > .sem-trigger:focus-visible, [data-sem-c="command-palette"] > .sem-trigger:focus-visible, [data-sem-c="lightbox"] > .sem-trigger:focus-visible, [data-sem-c="window"] > .sem-trigger:focus-visible, [data-sem-c="palette"] > .sem-trigger:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="toast"][hidden], [data-sem-c="dialog"][hidden], [data-sem-c="drawer"][hidden], [data-sem-c="popover"][hidden], [data-sem-c="command-palette"][hidden], [data-sem-c="lightbox"][hidden], [data-sem-c="window"][hidden], [data-sem-c="palette"][hidden] { display: none; }
  [data-sem-c="toast-region"] > * { pointer-events: auto; }
  [data-sem-c="toast-region"] { display: flex; gap: var(--sem-space-2); position: fixed; align-items: flex-end; flex-direction: column; pointer-events: none; z-index: 70; inset-block-end: var(--sem-space-5); inset-inline-end: var(--sem-space-5); }
  [data-sem-c="toggle"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-muted); cursor: pointer; font: 600 12px/1 var(--sem-font); padding: 5px 12px; border-radius: 999px; white-space: nowrap; }
  [data-sem-c="toggle"] { display: inline-flex; gap: 8px; padding: 4px 12px 4px 4px; align-items: center; }
  [data-sem-c="toggle"]::before { background: radial-gradient(circle at 9px 50%, var(--sem-surface) 6px, transparent 6.5px), var(--sem-border-strong); content: ''; height: 18px; transition: background var(--sem-motion); width: 30px; border-radius: 999px; }
  [data-sem-c="toggle"]:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="toggle"][aria-pressed=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); border-color: color-mix(in oklab, var(--sem-accent) 35%, transparent); }
  [data-sem-c="toggle"][aria-pressed=true]::before { background: radial-gradient(circle at 21px 50%, white 6px, transparent 6.5px), var(--sem-accent); }
  [data-sem-c="toggle-switch"] .sem-thumb { background: light-dark(#ffffff, #f4f4f8); height: calc(var(--switch-h) - 4px); left: 2px; position: absolute; top: 2px; transition: transform var(--sem-duration) var(--sem-ease-out, ease-out); width: calc(var(--switch-h) - 4px); border-radius: 50%; box-shadow: 0 1px 3px rgb(0 0 0 / 0.28), 0 0 0 0.5px rgb(0 0 0 / 0.06); }
  [data-sem-c="toggle-switch"] .sem-track { background: var(--sem-gray-7); flex: none; height: var(--switch-h); position: relative; transition: background var(--sem-motion), box-shadow var(--sem-motion); width: calc(var(--switch-h) * 1.8); border-radius: var(--sem-radius-full); box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.12); }
  [data-sem-c="toggle-switch"] > :is(.sem-help, .sem-error) { padding-inline-start: calc(var(--switch-h) * 1.8 + 10px); }
  [data-sem-c="toggle-switch"] > button { background: transparent; border: 0; color: var(--sem-text); cursor: pointer; display: inline-flex; font: 500 var(--control-font, 14px)/1.35 var(--sem-font); gap: 10px; padding: 2px 0; align-items: center; text-align: start; }
  [data-sem-c="toggle-switch"] > button:disabled { cursor: not-allowed; opacity: 0.5; }
  [data-sem-c="toggle-switch"] > button:focus-visible .sem-track { box-shadow: var(--sem-ring); }
  [data-sem-c="toggle-switch"] > button:focus-visible { outline: none; }
  [data-sem-c="toggle-switch"] > button:not(:disabled):hover .sem-track { background: var(--sem-gray-8); }
  [data-sem-c="toggle-switch"] > button[aria-checked=true] .sem-thumb { transform: translateX(calc(var(--switch-h) * 0.8)); }
  [data-sem-c="toggle-switch"] > button[aria-checked=true] .sem-track { background: var(--tone-solid, var(--sem-accent-9)); }
  [data-sem-c="toggle-switch"] > button[aria-checked=true]:not(:disabled):hover .sem-track { background: var(--tone-solid-hover, var(--sem-accent-10)); }
  [data-sem-c="toggle-switch"] { display: grid; gap: 2px; font-family: var(--sem-font); justify-items: start; --switch-h: calc(var(--control-h, 36px) * 0.56); }
  [data-sem-c="tree"] .sem-count { background: var(--sem-gray-3); color: var(--sem-muted); font: 600 11px/1.4 var(--sem-font); padding: 1px 6px; border-radius: var(--sem-radius-full); min-width: 20px; text-align: center; font-variant-numeric: tabular-nums; margin-inline-start: var(--sem-space-2); }
  [data-sem-c="tree"] .sem-detail { color: var(--sem-muted); font-family: var(--sem-font-mono); font-size: var(--sem-text-xs); white-space: nowrap; margin-inline-start: auto; padding-inline-start: var(--sem-space-3); }
  [data-sem-c="tree"] .sem-label + .sem-count { margin-inline-start: auto; }
  [data-sem-c="tree"] .sem-label { background: transparent; border: 0; color: inherit; font: inherit; padding: 2px 6px; border-radius: var(--sem-radius-sm); text-align: start; white-space: nowrap; }
  [data-sem-c="tree"] .sem-leaf { background: radial-gradient(circle, var(--sem-gray-7) 2px, transparent 2.5px); flex: none; height: 22px; width: 22px; }
  [data-sem-c="tree"] .sem-row { display: flex; gap: 2px; align-items: center; border-radius: var(--sem-radius-md); min-height: 30px; padding-inline: calc(var(--tree-level, 0) * 18px + 2px) var(--sem-space-2); }
  [data-sem-c="tree"] .sem-row:hover { background: var(--sem-gray-3); }
  [data-sem-c="tree"] .sem-twisty > span { transition: transform var(--sem-duration-fast) var(--sem-ease); }
  [data-sem-c="tree"] .sem-twisty { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: grid; flex: none; height: 22px; padding: 0; width: 22px; border-radius: var(--sem-radius-sm); font-size: 11px; place-items: center; }
  [data-sem-c="tree"] .sem-twisty:hover { background: var(--sem-gray-5); color: var(--sem-text); }
  [data-sem-c="tree"] :is(.sem-twisty, .sem-label):focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="tree"] [aria-expanded=true] > .sem-row > .sem-twisty > span { transform: rotate(90deg); }
  [data-sem-c="tree"] [aria-expanded] > .sem-row > span.sem-label { cursor: pointer; }
  [data-sem-c="tree"] [aria-selected=true] > .sem-row > .sem-label { color: var(--sem-accent-strong); font-weight: 600; }
  [data-sem-c="tree"] [aria-selected=true] > .sem-row { background: var(--sem-accent-soft); }
  [data-sem-c="tree"] [aria-selected=true] > .sem-row:hover { background: color-mix(in oklab, var(--sem-accent-soft), var(--sem-accent) 14%); }
  [data-sem-c="tree"] [role=group] { margin: 0; padding: 0; list-style: none; }
  [data-sem-c="tree"] button.sem-label { cursor: pointer; }
  [data-sem-c="tree"] span.sem-label { cursor: default; }
  [data-sem-c="tree"] { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); flex: 1 1 100%; margin: 0; overflow: auto; padding: var(--sem-space-2); border-radius: var(--sem-radius-lg); font-family: var(--sem-font); font-size: var(--sem-text-sm); list-style: none; max-height: 28rem; min-width: 0; }
  [data-sem-c="triples-view"] { background: var(--sem-code-bg); color: var(--sem-text); font: 12px/1.6 var(--sem-mono); margin: 0; padding: var(--sem-space-3) var(--sem-space-4); border-radius: var(--sem-radius); overflow-x: auto; white-space: pre; }
  [data-sem-c="typeahead"] .sem-ta-list > .sem-ta-create, [data-sem-c="combobox"] .sem-ta-list > .sem-ta-create, [data-sem-c="tag-input"] .sem-ta-list > .sem-ta-create, [data-sem-c="command-palette"] .sem-ta-list > .sem-ta-create { color: var(--sem-accent-strong); font-weight: 550; }
  [data-sem-c="typeahead"] .sem-ta-list > .sem-ta-create::before, [data-sem-c="combobox"] .sem-ta-list > .sem-ta-create::before, [data-sem-c="tag-input"] .sem-ta-list > .sem-ta-create::before, [data-sem-c="command-palette"] .sem-ta-list > .sem-ta-create::before { background: var(--sem-accent-soft); content: "+"; display: grid; height: 18px; width: 18px; border-radius: 999px; font-weight: 700; place-items: center; }
  [data-sem-c="typeahead"] .sem-ta-list > li > .sem-ta-detail, [data-sem-c="combobox"] .sem-ta-list > li > .sem-ta-detail, [data-sem-c="tag-input"] .sem-ta-list > li > .sem-ta-detail, [data-sem-c="command-palette"] .sem-ta-list > li > .sem-ta-detail { color: var(--sem-muted); overflow: hidden; font-size: var(--sem-font-size-small); min-width: 0; text-overflow: ellipsis; }
  [data-sem-c="typeahead"] .sem-ta-list > li > .sem-ta-label, [data-sem-c="combobox"] .sem-ta-list > li > .sem-ta-label, [data-sem-c="tag-input"] .sem-ta-list > li > .sem-ta-label, [data-sem-c="command-palette"] .sem-ta-list > li > .sem-ta-label { overflow: hidden; min-width: 0; text-overflow: ellipsis; }
  [data-sem-c="typeahead"] .sem-ta-list > li > :is(.sem-ta-label, .sem-ta-detail) > mark, [data-sem-c="combobox"] .sem-ta-list > li > :is(.sem-ta-label, .sem-ta-detail) > mark, [data-sem-c="tag-input"] .sem-ta-list > li > :is(.sem-ta-label, .sem-ta-detail) > mark, [data-sem-c="command-palette"] .sem-ta-list > li > :is(.sem-ta-label, .sem-ta-detail) > mark { background: transparent; color: var(--sem-accent-strong); font-weight: 650; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 2px; }
  [data-sem-c="typeahead"] .sem-ta-list > li, [data-sem-c="combobox"] .sem-ta-list > li, [data-sem-c="tag-input"] .sem-ta-list > li, [data-sem-c="command-palette"] .sem-ta-list > li { cursor: pointer; display: flex; gap: 8px; overflow: hidden; padding: 0 10px; transition: background var(--sem-duration-fast) var(--sem-ease); align-items: center; border-radius: var(--sem-radius-sm); min-height: 32px; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="typeahead"] .sem-ta-list > li:hover, [data-sem-c="combobox"] .sem-ta-list > li:hover, [data-sem-c="tag-input"] .sem-ta-list > li:hover, [data-sem-c="command-palette"] .sem-ta-list > li:hover { background: var(--sem-gray-3); }
  [data-sem-c="typeahead"] .sem-ta-list > li:not([hidden]) ~ .sem-ta-create, [data-sem-c="combobox"] .sem-ta-list > li:not([hidden]) ~ .sem-ta-create, [data-sem-c="tag-input"] .sem-ta-list > li:not([hidden]) ~ .sem-ta-create, [data-sem-c="command-palette"] .sem-ta-list > li:not([hidden]) ~ .sem-ta-create { box-shadow: 0 -1px 0 var(--sem-border); margin-top: 4px; border-top-left-radius: 0; border-top-right-radius: 0; }
  [data-sem-c="typeahead"] .sem-ta-list > li:not([hidden]) ~ .sem-ta-create[aria-selected=true], [data-sem-c="combobox"] .sem-ta-list > li:not([hidden]) ~ .sem-ta-create[aria-selected=true], [data-sem-c="tag-input"] .sem-ta-list > li:not([hidden]) ~ .sem-ta-create[aria-selected=true], [data-sem-c="command-palette"] .sem-ta-list > li:not([hidden]) ~ .sem-ta-create[aria-selected=true] { box-shadow: 0 -1px 0 var(--sem-border), inset 0 0 0 1px color-mix(in oklab, var(--sem-accent) 35%, transparent); }
  [data-sem-c="typeahead"] .sem-ta-list > li[aria-selected=true], [data-sem-c="combobox"] .sem-ta-list > li[aria-selected=true], [data-sem-c="tag-input"] .sem-ta-list > li[aria-selected=true], [data-sem-c="command-palette"] .sem-ta-list > li[aria-selected=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--sem-accent) 35%, transparent); }
  [data-sem-c="typeahead"] .sem-ta-list > li[data-chosen], [data-sem-c="combobox"] .sem-ta-list > li[data-chosen], [data-sem-c="tag-input"] .sem-ta-list > li[data-chosen], [data-sem-c="command-palette"] .sem-ta-list > li[data-chosen] { font-weight: 600; }
  [data-sem-c="typeahead"] .sem-ta-list > li[data-chosen]::after, [data-sem-c="combobox"] .sem-ta-list > li[data-chosen]::after, [data-sem-c="tag-input"] .sem-ta-list > li[data-chosen]::after, [data-sem-c="command-palette"] .sem-ta-list > li[data-chosen]::after { color: var(--sem-accent); content: "✓"; font-weight: 700; margin-inline-start: auto; }
  [data-sem-c="typeahead"] .sem-ta-list > li[hidden], [data-sem-c="combobox"] .sem-ta-list > li[hidden], [data-sem-c="tag-input"] .sem-ta-list > li[hidden], [data-sem-c="command-palette"] .sem-ta-list > li[hidden] { display: none; }
  [data-sem-c="typeahead"] > .sem-ta-field > .sem-ta-chevron, [data-sem-c="combobox"] > .sem-ta-field > .sem-ta-chevron, [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-chevron, [data-sem-c="command-palette"] > .sem-ta-field > .sem-ta-chevron { color: var(--sem-muted); cursor: pointer; display: grid; height: 24px; transition: transform var(--sem-motion), background var(--sem-motion); width: 24px; border-radius: var(--sem-radius-sm); font-size: 14px; place-items: center; user-select: none; }
  [data-sem-c="typeahead"] > .sem-ta-field > .sem-ta-chevron, [data-sem-c="combobox"] > .sem-ta-field > .sem-ta-chevron, [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-chevron, [data-sem-c="command-palette"] > .sem-ta-field > .sem-ta-chevron { order: 2; }
  [data-sem-c="typeahead"] > .sem-ta-field > .sem-ta-chevron:hover, [data-sem-c="combobox"] > .sem-ta-field > .sem-ta-chevron:hover, [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-chevron:hover, [data-sem-c="command-palette"] > .sem-ta-field > .sem-ta-chevron:hover { background: var(--sem-surface-hover); color: var(--sem-text); }
  [data-sem-c="typeahead"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list, [data-sem-c="combobox"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list, [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list, [data-sem-c="command-palette"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list { margin: 0; padding: 0; list-style: none; max-height: min(264px, 45vh); overflow-y: auto; overscroll-behavior: contain; }
  [data-sem-c="typeahead"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list:has(> li:not([hidden])) + .sem-ta-status, [data-sem-c="combobox"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list:has(> li:not([hidden])) + .sem-ta-status, [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list:has(> li:not([hidden])) + .sem-ta-status, [data-sem-c="command-palette"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list:has(> li:not([hidden])) + .sem-ta-status { border-top: 1px solid var(--sem-border); margin-top: 4px; }
  [data-sem-c="typeahead"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list[hidden], [data-sem-c="combobox"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list[hidden], [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list[hidden], [data-sem-c="command-palette"] > .sem-ta-field > .sem-ta-popup > .sem-ta-list[hidden] { display: none; }
  [data-sem-c="typeahead"] > .sem-ta-field > .sem-ta-popup > .sem-ta-status, [data-sem-c="combobox"] > .sem-ta-field > .sem-ta-popup > .sem-ta-status, [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-popup > .sem-ta-status, [data-sem-c="command-palette"] > .sem-ta-field > .sem-ta-popup > .sem-ta-status { color: var(--sem-muted); padding: 7px 10px; font-size: var(--sem-font-size-small); }
  [data-sem-c="typeahead"] > .sem-ta-field > .sem-ta-popup, [data-sem-c="combobox"] > .sem-ta-field > .sem-ta-popup, [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-popup, [data-sem-c="command-palette"] > .sem-ta-field > .sem-ta-popup { background: var(--sem-surface-overlay); border: 1px solid var(--sem-border-strong); color: var(--sem-text); cursor: default; display: grid; padding: 5px; position: absolute; top: calc(100% + 5px); border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-3); box-sizing: border-box; font-size: var(--sem-text-sm); inset-inline: -1px; z-index: 40; --tone-soft: initial; --tone-solid: initial; --tone-text: initial; }
  [data-sem-c="typeahead"] > .sem-ta-field > .sem-ta-popup[hidden], [data-sem-c="combobox"] > .sem-ta-field > .sem-ta-popup[hidden], [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-popup[hidden], [data-sem-c="command-palette"] > .sem-ta-field > .sem-ta-popup[hidden] { display: none; }
  [data-sem-c="typeahead"] > .sem-ta-field > input, [data-sem-c="combobox"] > .sem-ta-field > input, [data-sem-c="tag-input"] > .sem-ta-field > input, [data-sem-c="command-palette"] > .sem-ta-field > input { background: transparent; border: 0; color: inherit; flex: 1 1 6ch; font: inherit; outline: none; padding: 0; box-shadow: none; font-size: var(--control-font, inherit); min-height: calc(var(--control-h, var(--sem-control-height)) - 8px); min-width: 6ch; }
  [data-sem-c="typeahead"] > .sem-ta-field > input::placeholder, [data-sem-c="combobox"] > .sem-ta-field > input::placeholder, [data-sem-c="tag-input"] > .sem-ta-field > input::placeholder, [data-sem-c="command-palette"] > .sem-ta-field > input::placeholder { color: var(--sem-faint); }
  [data-sem-c="typeahead"] > .sem-ta-field > input:disabled, [data-sem-c="combobox"] > .sem-ta-field > input:disabled, [data-sem-c="tag-input"] > .sem-ta-field > input:disabled, [data-sem-c="command-palette"] > .sem-ta-field > input:disabled { cursor: not-allowed; }
  [data-sem-c="typeahead"] > .sem-ta-field, [data-sem-c="combobox"] > .sem-ta-field, [data-sem-c="tag-input"] > .sem-ta-field, [data-sem-c="command-palette"] > .sem-ta-field { background: var(--sem-surface-sunken); border: 1px solid var(--sem-border-strong); color: var(--sem-text); cursor: text; display: flex; gap: 4px 6px; padding: 3px 6px 3px var(--control-px, 12px); transition: border-color var(--sem-motion), box-shadow var(--sem-motion), background var(--sem-motion); align-items: center; border-radius: var(--control-radius, var(--sem-radius-control)); box-sizing: border-box; flex-wrap: wrap; min-height: var(--control-h, var(--sem-control-height)); }
  [data-sem-c="typeahead"] > .sem-ta-field, [data-sem-c="combobox"] > .sem-ta-field, [data-sem-c="tag-input"] > .sem-ta-field, [data-sem-c="command-palette"] > .sem-ta-field { position: relative; }
  [data-sem-c="typeahead"] > .sem-ta-field:focus-within, [data-sem-c="combobox"] > .sem-ta-field:focus-within, [data-sem-c="tag-input"] > .sem-ta-field:focus-within, [data-sem-c="command-palette"] > .sem-ta-field:focus-within { background: var(--sem-surface); border-color: var(--sem-accent); box-shadow: var(--sem-ring); }
  [data-sem-c="typeahead"] > .sem-ta-field:has(> input:disabled) > .sem-ta-chevron, [data-sem-c="combobox"] > .sem-ta-field:has(> input:disabled) > .sem-ta-chevron, [data-sem-c="tag-input"] > .sem-ta-field:has(> input:disabled) > .sem-ta-chevron, [data-sem-c="command-palette"] > .sem-ta-field:has(> input:disabled) > .sem-ta-chevron { pointer-events: none; }
  [data-sem-c="typeahead"] > .sem-ta-field:has(> input:disabled), [data-sem-c="combobox"] > .sem-ta-field:has(> input:disabled), [data-sem-c="tag-input"] > .sem-ta-field:has(> input:disabled), [data-sem-c="command-palette"] > .sem-ta-field:has(> input:disabled) { cursor: not-allowed; opacity: 0.55; border-color: var(--sem-border); }
  [data-sem-c="typeahead"] > .sem-ta-field:has(> input[aria-expanded=true]) > .sem-ta-chevron, [data-sem-c="combobox"] > .sem-ta-field:has(> input[aria-expanded=true]) > .sem-ta-chevron, [data-sem-c="tag-input"] > .sem-ta-field:has(> input[aria-expanded=true]) > .sem-ta-chevron, [data-sem-c="command-palette"] > .sem-ta-field:has(> input[aria-expanded=true]) > .sem-ta-chevron { transform: rotate(180deg); }
  [data-sem-c="typeahead"] > .sem-ta-field:has(> input[aria-invalid=true]), [data-sem-c="combobox"] > .sem-ta-field:has(> input[aria-invalid=true]), [data-sem-c="tag-input"] > .sem-ta-field:has(> input[aria-invalid=true]), [data-sem-c="command-palette"] > .sem-ta-field:has(> input[aria-invalid=true]) { border-color: var(--sem-danger); }
  [data-sem-c="typeahead"] > .sem-ta-field:hover:not(:has(> .sem-ta-popup:hover)), [data-sem-c="combobox"] > .sem-ta-field:hover:not(:has(> .sem-ta-popup:hover)), [data-sem-c="tag-input"] > .sem-ta-field:hover:not(:has(> .sem-ta-popup:hover)), [data-sem-c="command-palette"] > .sem-ta-field:hover:not(:has(> .sem-ta-popup:hover)) { border-color: var(--sem-faint); }
  [data-sem-c="typeahead"] > .sem-ta-field[data-sem-key-hint]::after, [data-sem-c="combobox"] > .sem-ta-field[data-sem-key-hint]::after, [data-sem-c="tag-input"] > .sem-ta-field[data-sem-key-hint]::after, [data-sem-c="command-palette"] > .sem-ta-field[data-sem-key-hint]::after { order: 1; }
  [data-sem-c="typeahead"] > .sem-ta-foot > .sem-error, [data-sem-c="combobox"] > .sem-ta-foot > .sem-error, [data-sem-c="tag-input"] > .sem-ta-foot > .sem-error, [data-sem-c="command-palette"] > .sem-ta-foot > .sem-error { color: var(--sem-danger); font-size: var(--sem-font-size-small); font-weight: 550; line-height: var(--sem-leading-normal); }
  [data-sem-c="typeahead"] > .sem-ta-foot > .sem-help, [data-sem-c="combobox"] > .sem-ta-foot > .sem-help, [data-sem-c="tag-input"] > .sem-ta-foot > .sem-help, [data-sem-c="command-palette"] > .sem-ta-foot > .sem-help { color: var(--sem-muted); font-size: var(--sem-font-size-small); line-height: var(--sem-leading-normal); }
  [data-sem-c="typeahead"] > .sem-ta-foot > .sem-ta-note, [data-sem-c="combobox"] > .sem-ta-foot > .sem-ta-note, [data-sem-c="tag-input"] > .sem-ta-foot > .sem-ta-note, [data-sem-c="command-palette"] > .sem-ta-foot > .sem-ta-note { color: var(--sem-warning-11); font-size: var(--sem-font-size-small); font-weight: 550; line-height: var(--sem-leading-normal); }
  [data-sem-c="typeahead"] > .sem-ta-foot, [data-sem-c="combobox"] > .sem-ta-foot, [data-sem-c="tag-input"] > .sem-ta-foot, [data-sem-c="command-palette"] > .sem-ta-foot { display: grid; gap: var(--sem-space-1); }
  [data-sem-c="typeahead"] > .sem-ta-foot:empty, [data-sem-c="combobox"] > .sem-ta-foot:empty, [data-sem-c="tag-input"] > .sem-ta-foot:empty, [data-sem-c="command-palette"] > .sem-ta-foot:empty { display: none; }
  [data-sem-c="typeahead"] > label, [data-sem-c="combobox"] > label, [data-sem-c="tag-input"] > label, [data-sem-c="command-palette"] > label { font-size: var(--sem-font-size-small); font-weight: 600; letter-spacing: 0.005em; }
  [data-sem-c="typeahead"], [data-sem-c="combobox"], [data-sem-c="tag-input"], [data-sem-c="command-palette"] { display: grid; gap: var(--sem-space-2); width: min(100%, 420px); font-family: var(--sem-font); grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="typeahead-option"] > .sem-ta-help { color: var(--sem-muted); font-size: var(--sem-font-size-small); }
  [data-sem-c="typeahead-option"] > .sem-ta-keys > .sem-apple { display: none; }
  [data-sem-c="typeahead-option"] > .sem-ta-keys > kbd { background: var(--sem-surface); border: 1px solid var(--sem-border-strong); color: var(--sem-muted); direction: ltr; font: 600 11px/1.2 var(--sem-font-mono); padding: 2px 6px; border-radius: 5px; unicode-bidi: isolate; border-bottom-width: 2px; }
  [data-sem-c="typeahead-option"] > .sem-ta-keys { display: inline-flex; flex: none; gap: 4px; margin-inline-start: auto; }
  [data-sem-c="walkthrough"] .sem-arrow { fill: color-mix(in oklab, var(--sem-muted) 75%, transparent); }
  [data-sem-c="walkthrough"] .sem-band { fill: var(--sem-faint); font: 600 11px var(--sem-font-mono); }
  [data-sem-c="walkthrough"] .sem-dot { fill: var(--sem-accent); stroke: var(--sem-surface); transition: stroke var(--sem-motion), stroke-width var(--sem-motion); stroke-width: 2; }
  [data-sem-c="walkthrough"] .sem-edge { fill: none; stroke: color-mix(in oklab, var(--sem-muted) 55%, transparent); stroke-width: 1.2; }
  [data-sem-c="walkthrough"] .sem-edge-label { fill: var(--sem-code-name); font: 9.5px var(--sem-font-mono); stroke: var(--sem-surface); paint-order: stroke; stroke-width: 3px; }
  [data-sem-c="walkthrough"] .sem-link:not([data-sem-salience=neighbour]) .sem-edge-label { display: none; }
  [data-sem-c="walkthrough"] .sem-link[data-sem-salience=neighbour] .sem-arrow { fill: var(--sem-accent); }
  [data-sem-c="walkthrough"] .sem-link[data-sem-salience=neighbour] .sem-edge { stroke: var(--sem-accent); stroke-width: 1.8; }
  [data-sem-c="walkthrough"] .sem-node { cursor: pointer; }
  [data-sem-c="walkthrough"] .sem-node-label { fill: var(--sem-text); font: 500 11px var(--sem-font-mono); stroke: var(--sem-surface); paint-order: stroke; stroke-width: 3px; }
  [data-sem-c="walkthrough"] .sem-node:hover .sem-dot { stroke: var(--sem-accent); }
  [data-sem-c="walkthrough"] .sem-node[data-sem-salience=focused] .sem-dot { stroke: var(--sem-accent-strong); stroke-width: 4; }
  [data-sem-c="walkthrough"] .sem-node[data-sem-salience=focused] .sem-node-label { fill: var(--sem-accent-strong); font-weight: 700; }
  [data-sem-c="walkthrough"] .sem-plot [data-sem-salience=dimmed] { opacity: 0.26; }
  [data-sem-c="walkthrough"] .sem-plot { display: block; height: auto; overflow: visible; width: 100%; margin-inline: auto; max-height: max(240px, calc(58vh - 60px)); }
  [data-sem-c="walkthrough"] .sem-walk-aside [data-sem-c=source-view]:not([data-sem-fullscreen]) > .sem-source { max-height: max(160px, calc(42vh - 140px)); scroll-behavior: smooth; }
  [data-sem-c="walkthrough"] .sem-walk-aside { display: grid; flex: 1 1 280px; gap: var(--sem-space-3); position: sticky; top: var(--sem-sticky-top, 88px); max-width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="walkthrough"] .sem-walk-diagram > .sem-fullscreen-toggles { display: flex; gap: 4px; position: absolute; z-index: 1; inset-block-start: var(--sem-space-2); inset-inline-end: var(--sem-space-2); }
  [data-sem-c="walkthrough"] .sem-walk-diagram { background: var(--sem-surface); border: 1px solid var(--sem-border); margin: 0; padding: var(--sem-space-2); background-image: radial-gradient(color-mix(in oklab, var(--sem-border) 70%, transparent) 1px, transparent 1px); background-size: 16px 16px; border-radius: var(--sem-radius-card); }
  [data-sem-c="walkthrough"] .sem-walk-diagram { position: relative; }
  [data-sem-c="walkthrough"] .sem-walk-diagram[data-sem-fullscreen]:is(:fullscreen, [data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) > .sem-fullscreen-toggles { position: fixed; inset-block-start: max(var(--sem-space-3), env(safe-area-inset-top)); inset-inline-end: max(var(--sem-space-3), env(safe-area-inset-right)); }
  [data-sem-c="walkthrough"] .sem-walk-diagram[data-sem-fullscreen]:is(:fullscreen, [data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) > .sem-plot { height: 100%; width: 100%; max-height: none; }
  [data-sem-c="walkthrough"] .sem-walk-diagram[data-sem-fullscreen]:is(:fullscreen, [data-sem-fullscreen=maximized], [data-sem-fullscreen=viewport]) { border: 0; display: grid; padding: var(--sem-space-5); border-radius: 0; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; }
  [data-sem-c="walkthrough"] .sem-walk-lead { color: var(--sem-muted); margin: 0; max-width: 68ch; }
  [data-sem-c="walkthrough"] .sem-walk-num { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-muted); display: grid; font: 600 12px var(--sem-font-mono); height: 24px; position: absolute; top: calc(var(--sem-space-3) + 1px); width: 24px; border-radius: var(--sem-radius-full); place-items: center; inset-inline-start: 12px; }
  [data-sem-c="walkthrough"] .sem-walk-step { opacity: 0.62; outline: none; padding: var(--sem-space-3) var(--sem-space-4) var(--sem-space-4) 48px; position: relative; transition: opacity var(--sem-motion), background-color var(--sem-motion), border-color var(--sem-motion); border-radius: var(--sem-radius); min-height: min(40vh, 360px); border-inline-start: 2px solid transparent; }
  [data-sem-c="walkthrough"] .sem-walk-step:focus-visible { box-shadow: 0 0 0 3px var(--sem-ring); }
  [data-sem-c="walkthrough"] .sem-walk-step:hover { opacity: 1; }
  [data-sem-c="walkthrough"] .sem-walk-step[aria-current=step] .sem-mention { border-bottom-style: solid; }
  [data-sem-c="walkthrough"] .sem-walk-step[aria-current=step] .sem-walk-num { background: var(--sem-accent); color: white; border-color: var(--sem-accent); }
  [data-sem-c="walkthrough"] .sem-walk-step[aria-current=step] { background: color-mix(in oklab, var(--sem-accent-soft) 45%, transparent); opacity: 1; border-inline-start-color: var(--sem-accent); }
  [data-sem-c="walkthrough"] .sem-walk-steps { display: grid; flex: 1 1 300px; gap: var(--sem-space-3); margin: 0; padding: 0 0 min(30vh, 240px); list-style: none; max-width: 70ch; min-width: min(100%, 40%); }
  [data-sem-c="walkthrough"] .sem-walk-title { margin: 2px 0 var(--sem-space-2); font-size: var(--sem-text-md); font-weight: 650; line-height: var(--sem-leading-tight); }
  [data-sem-c="walkthrough"] :is(.sem-node, .sem-link) { transition: opacity var(--sem-motion); }
  [data-sem-c="walkthrough"] > .sem-walk-arrows { inset: 0; overflow: hidden; position: absolute; pointer-events: none; z-index: 2; }
  [data-sem-c="walkthrough"] > .sem-walk-body { display: flex; gap: var(--sem-space-5); align-items: flex-start; flex-wrap: wrap; min-width: 0; }
  [data-sem-c="walkthrough"] > .sem-walk-head > h2 { margin: 0; font-size: var(--sem-text-xl); font-weight: 680; letter-spacing: -0.015em; }
  [data-sem-c="walkthrough"] > .sem-walk-head { display: grid; gap: var(--sem-space-2); }
  [data-sem-c="walkthrough"] { display: grid; gap: var(--sem-space-4); position: relative; font-family: var(--sem-font); min-width: 0; }
  [data-sem-c="bar-chart"] .sem-bar { display: grid; gap: 10px; height: 26px; align-items: center; grid-template-columns: minmax(min(110px, 30%), 34%) minmax(0, 1fr) 66px; }
  [data-sem-c="bar-chart"] .sem-category { color: var(--sem-muted); overflow: hidden; font-size: 12px; text-align: end; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="bar-chart"] .sem-panels { display: grid; gap: 4px 28px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
  [data-sem-c="bar-chart"] .sem-pending { color: var(--sem-faint); font-style: italic; font-weight: 400; }
  [data-sem-c="bar-chart"] .sem-seg { display: block; height: 100%; border-radius: 2px; min-width: 2px; }
  [data-sem-c="bar-chart"] .sem-seg:last-child { border-radius: 2px 4px 4px 2px; }
  [data-sem-c="bar-chart"] .sem-total { font: 600 11px/1 var(--sem-mono); min-width: 58px; text-align: end; }
  [data-sem-c="bar-chart"] .sem-track { display: flex; gap: 2px; height: 14px; align-items: center; min-width: 0; }
  [data-sem-c="command-palette"] .sem-cp-group > [role=option] > .sem-ta-help { color: var(--sem-muted); flex: 1 1 0; overflow: hidden; min-width: 0; text-overflow: ellipsis; }
  [data-sem-c="command-palette"] .sem-cp-group > [role=option] > .sem-ta-keys { margin-inline-start: auto; }
  [data-sem-c="command-palette"] .sem-cp-group > [role=option] > .sem-ta-label > mark { background: transparent; color: var(--sem-accent-strong); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 2px; }
  [data-sem-c="command-palette"] .sem-cp-group > [role=option] > .sem-ta-label { flex: 0 1 auto; overflow: hidden; font-weight: 550; min-width: 0; text-overflow: ellipsis; }
  [data-sem-c="command-palette"] .sem-cp-group > [role=option] { color: var(--sem-text); cursor: pointer; display: flex; gap: 10px; padding: 0 10px; transition: background var(--sem-duration-fast) var(--sem-ease); align-items: center; border-radius: var(--sem-radius-md); font-size: var(--sem-text-sm); min-height: 40px; white-space: nowrap; }
  [data-sem-c="command-palette"] .sem-cp-group > [role=option]:hover { background: var(--sem-gray-3); }
  [data-sem-c="command-palette"] .sem-cp-group > [role=option][aria-selected=true] > .sem-ta-help { color: color-mix(in oklab, currentColor 70%, transparent); }
  [data-sem-c="command-palette"] .sem-cp-group > [role=option][aria-selected=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--sem-accent) 30%, transparent); }
  [data-sem-c="command-palette"] .sem-cp-group > [role=option][hidden] { display: none; }
  [data-sem-c="command-palette"] .sem-cp-group { margin: 0; padding: 0; list-style: none; }
  [data-sem-c="command-palette"] .sem-cp-group:not([hidden]) ~ .sem-cp-group:not([hidden]) { border-top: 1px solid var(--sem-border); margin-top: 4px; padding-top: 4px; }
  [data-sem-c="command-palette"] .sem-cp-group[hidden] { display: none; }
  [data-sem-c="command-palette"] .sem-cp-heading { color: var(--sem-muted); padding: 8px 10px 4px; font-size: var(--sem-text-xs); font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; user-select: none; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-foot > kbd { background: var(--sem-surface); border: 1px solid var(--sem-border-strong); color: var(--sem-text); direction: ltr; font: 600 10px/1.2 var(--sem-font-mono); padding: 2px 6px; border-radius: 5px; unicode-bidi: isolate; border-bottom-width: 2px; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-foot > span:not(:last-child) { margin-inline-end: 8px; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-foot { background: var(--sem-surface-sunken); color: var(--sem-muted); display: flex; flex: none; gap: 4px 6px; padding: 8px var(--sem-space-4); align-items: center; border-top: 1px solid var(--sem-border); flex-wrap: wrap; font-size: var(--sem-text-xs); }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-list { flex: 1 1 auto; padding: 6px; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scroll-padding-block: 34px 6px; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-list:not(:has([role=option]:not([hidden]))) { display: none; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-search > .sem-close { margin: 0; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-search > .sem-cp-glass { color: var(--sem-muted); flex: none; font-size: 20px; line-height: 1; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-search > input { background: transparent; border: 0; color: inherit; flex: 1 1 auto; font: inherit; margin: 0; outline: none; padding: 14px 0; box-shadow: none; font-size: var(--sem-text-lg); min-width: 0; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-search > input::placeholder { color: var(--sem-faint); }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-search { display: flex; flex: none; gap: var(--sem-space-3); padding: 0 var(--sem-space-3) 0 var(--sem-space-4); align-items: center; border-bottom: 1px solid var(--sem-border); min-height: 56px; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-status { color: var(--sem-muted); flex: none; padding: var(--sem-space-5); text-align: center; }
  [data-sem-c="command-palette"] > .sem-panel > .sem-cp-status:empty { display: none; }
  [data-sem-c="command-palette"] > .sem-panel { animation: sem-scale-in var(--sem-duration) var(--sem-ease); gap: 0; overflow: hidden; padding: 0; position: relative; width: min(640px, 100%); border-radius: var(--sem-radius-xl); box-shadow: var(--sem-shadow-4); max-height: min(560px, calc(100vh - max(48px, 12vh) - 24px)); }
  [data-sem-c="command-palette"] { color: var(--sem-text); display: grid; gap: 0; inset: 0; padding: max(48px, 12vh) var(--sem-space-4) var(--sem-space-4); position: fixed; width: auto; align-items: start; font-family: var(--sem-font); justify-items: center; z-index: 62; grid-template-columns: minmax(0, 1fr); }
  [data-sem-c="date-range-field"] { width: min(100%, 400px); }
  [data-sem-c="dialog"] > .sem-panel { animation: sem-scale-in var(--sem-duration) var(--sem-ease); overflow: auto; padding: var(--sem-space-5); position: relative; width: min(480px, 100%); border-radius: var(--sem-radius-xl); box-shadow: var(--sem-shadow-4); max-height: calc(100vh - 48px); }
  [data-sem-c="dialog"] { color: var(--sem-text); display: grid; inset: 0; padding: var(--sem-space-5); position: fixed; font-family: var(--sem-font); place-items: center; z-index: 60; }
  [data-sem-c="drawer"] > .sem-panel > .sem-actions { border-top: 1px solid var(--sem-border); margin-top: auto; padding-top: var(--sem-space-4); }
  [data-sem-c="drawer"] > .sem-panel { animation: sem-slide-in-end var(--sem-duration-slow) var(--sem-ease); overflow: auto; padding: var(--sem-space-5) var(--sem-space-5); position: absolute; width: min(400px, 92vw); box-shadow: var(--sem-shadow-4); inset-block: 0; }
  [data-sem-c="drawer"] { color: var(--sem-text); inset: 0; overflow: hidden; position: fixed; font-family: var(--sem-font); z-index: 60; }
  [data-sem-c="drawer"][data-side=end] > .sem-panel { border-radius: var(--sem-radius-xl) 0 0 var(--sem-radius-xl); border-width: 0 0 0 1px; inset-inline-end: 0; }
  [data-sem-c="drawer"][data-side=start] > .sem-panel { animation-name: sem-slide-in-start; border-radius: 0 var(--sem-radius-xl) var(--sem-radius-xl) 0; border-width: 0 1px 0 0; inset-inline-start: 0; }
  [data-sem-c="ex-fx-chart"] { --chart-bar: var(--sem-accent-soft); --chart-grid: var(--sem-border); --chart-text: var(--sem-muted); --chart-bar-hover: color-mix(in srgb, var(--sem-accent) 40%, var(--sem-surface)); --chart-bar-selected: var(--sem-accent); }
  [data-sem-c="ex-fx-date"] .flatpickr-calendar { background: var(--sem-surface); color: var(--sem-text); box-shadow: var(--sem-shadow); }
  [data-sem-c="ex-fx-date"] .flatpickr-day:is(.selected, .selected:hover) { background: var(--sem-accent); color: var(--sem-on-accent); border-color: var(--sem-accent); }
  [data-sem-c="ex-fx-date"] .flatpickr-day:is(:hover, :focus) { background: var(--sem-surface-hover); border-color: transparent; }
  [data-sem-c="ex-fx-date"] :is(.flatpickr-day, .flatpickr-weekday, .flatpickr-current-month, .flatpickr-monthDropdown-months, .cur-year, .flatpickr-prev-month, .flatpickr-next-month) { color: inherit; fill: currentColor; }
  [data-sem-c="ex-fx-date"] input { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); font: inherit; padding: var(--sem-space-2) var(--sem-space-3); border-radius: var(--sem-radius); }
  [data-sem-c="ex-fx-map"] .sem-island-widget { isolation: isolate; overflow: hidden; border-radius: var(--sem-radius-card); }
  [data-sem-c="ex-fx-map"] { --map-marker: var(--sem-accent-soft); --map-surface: var(--sem-surface); --map-marker-selected: var(--sem-accent); }
  [data-sem-c="ex-fx-rating"] sl-rating { --symbol-color: var(--sem-border); --symbol-size: 1.75rem; --symbol-spacing: 0.15em; --sl-focus-ring: solid 2px var(--sem-accent); --sl-transition-fast: 150ms; --symbol-color-active: var(--sem-accent); --sl-border-radius-medium: var(--sem-radius); --sl-focus-ring-offset: 2px; --sl-spacing-3x-small: 0.125rem; }
  [data-sem-c="gantt-chart"] .sem-gantt-axis { position: relative; block-size: 1.75rem; inline-size: calc(var(--days) * var(--day)); border-block-end: 1px solid var(--sem-border); margin-inline-start: var(--label); }
  [data-sem-c="gantt-chart"] .sem-gantt-plot { position: relative; font-size: var(--sem-text-xs); inline-size: max-content; --day: clamp(4px, calc(1000px / var(--days, 30)), 18px); --label: clamp(7rem, 30vw, 11rem); --row: 1.875rem; min-inline-size: 100%; padding-block-end: 1rem; }
  [data-sem-c="gantt-chart"] .sem-gantt-scroll { background: var(--sem-surface); border: 1px solid var(--sem-border); border-radius: var(--sem-radius-md); overflow-x: auto; }
  [data-sem-c="gantt-chart"] .sem-gantt-tasks { margin: 0; padding: 0; list-style: none; }
  [data-sem-c="gantt-chart"] .sem-gantt-tick { color: var(--sem-text); position: absolute; font-weight: 600; inset-block: 0; line-height: 1.75rem; white-space: nowrap; border-inline-start: 1px solid var(--sem-border-strong); inset-inline-start: calc((var(--at) - var(--first)) * var(--day)); padding-inline-start: 4px; }
  [data-sem-c="gantt-chart"] .sem-gantt-today { color: var(--sem-danger-11); display: flex; position: absolute; align-items: flex-end; font-size: 10px; inset-block: 0; line-height: 1rem; pointer-events: none; white-space: nowrap; z-index: 2; border-inline-start: 1.5px solid var(--sem-danger-9); inset-inline-start: calc(var(--label) + (var(--at) - var(--first) + 0.5) * var(--day)); padding-inline-start: 3px; }
  [data-sem-c="gantt-chart"] { margin: 0; min-width: 0; }
  [data-sem-c="heatmap"] .sem-flag-note { color: var(--sem-flag); font-weight: 600; margin-left: auto; }
  [data-sem-c="heatmap"] .sem-h0 { background: var(--sem-ramp-0); color: var(--sem-ramp-ink-light); }
  [data-sem-c="heatmap"] .sem-h1 { background: var(--sem-ramp-1); color: var(--sem-ramp-ink-light); }
  [data-sem-c="heatmap"] .sem-h10 { background: var(--sem-ramp-10); color: var(--sem-ramp-ink-dark); }
  [data-sem-c="heatmap"] .sem-h11 { background: var(--sem-ramp-11); color: var(--sem-ramp-ink-dark); }
  [data-sem-c="heatmap"] .sem-h12 { background: var(--sem-ramp-12); color: var(--sem-ramp-ink-dark); }
  [data-sem-c="heatmap"] .sem-h2 { background: var(--sem-ramp-2); color: var(--sem-ramp-ink-light); }
  [data-sem-c="heatmap"] .sem-h3 { background: var(--sem-ramp-3); color: var(--sem-ramp-ink-light); }
  [data-sem-c="heatmap"] .sem-h4 { background: var(--sem-ramp-4); color: var(--sem-ramp-ink-light); }
  [data-sem-c="heatmap"] .sem-h5 { background: var(--sem-ramp-5); color: var(--sem-ramp-ink-dark); }
  [data-sem-c="heatmap"] .sem-h6 { background: var(--sem-ramp-6); color: var(--sem-ramp-ink-dark); }
  [data-sem-c="heatmap"] .sem-h7 { background: var(--sem-ramp-7); color: var(--sem-ramp-ink-dark); }
  [data-sem-c="heatmap"] .sem-h8 { background: var(--sem-ramp-8); color: var(--sem-ramp-ink-dark); }
  [data-sem-c="heatmap"] .sem-h9 { background: var(--sem-ramp-9); color: var(--sem-ramp-ink-dark); }
  [data-sem-c="heatmap"] .sem-ramp i { height: 10px; width: 14px; }
  [data-sem-c="heatmap"] .sem-ramp { display: inline-flex; }
  [data-sem-c="heatmap"] .sem-scale { color: var(--sem-muted); display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 11px; }
  [data-sem-c="heatmap"] .sem-scroll { overflow-x: auto; }
  [data-sem-c="heatmap"] table { width: 100%; border-collapse: separate; border-spacing: 2px; font-variant-numeric: tabular-nums; }
  [data-sem-c="heatmap"] td { font: 500 12px/1.2 var(--sem-mono); padding: 7px 8px; border-radius: 6px; text-align: end; white-space: nowrap; }
  [data-sem-c="heatmap"] td.sem-flagged { box-shadow: inset 0 0 0 2px var(--sem-flag); font-weight: 700; }
  [data-sem-c="heatmap"] td.sem-pending { background: var(--sem-surface-sunken); color: var(--sem-faint); }
  [data-sem-c="heatmap"] th { color: var(--sem-muted); padding: 4px 6px; font-size: 11px; font-weight: 600; text-align: start; white-space: nowrap; }
  [data-sem-c="lightbox"] .sem-counter { direction: ltr; unicode-bidi: isolate; }
  [data-sem-c="lightbox"] .sem-frame > img { cursor: zoom-in; display: block; height: auto; width: auto; max-height: 100%; max-width: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; }
  [data-sem-c="lightbox"] .sem-frame { display: flex; flex: 0 0 100%; height: 100%; align-items: center; justify-content: center; min-width: 0; scroll-snap-align: center; scroll-snap-stop: always; }
  [data-sem-c="lightbox"] .sem-frames { display: flex; height: 100%; overflow-x: auto; overscroll-behavior: contain; scrollbar-width: none; scroll-snap-type: x mandatory; }
  [data-sem-c="lightbox"] .sem-frames { touch-action: pan-x pan-y; }
  [data-sem-c="lightbox"] .sem-frames::-webkit-scrollbar { display: none; }
  [data-sem-c="lightbox"] .sem-stage > .sem-next { inset-inline-end: var(--sem-space-3); }
  [data-sem-c="lightbox"] .sem-stage > .sem-prev { inset-inline-start: var(--sem-space-3); }
  [data-sem-c="lightbox"] .sem-stage > :is(.sem-prev, .sem-next) { background: color-mix(in oklab, var(--sem-surface-overlay) 86%, transparent); border: 0; color: var(--sem-text); cursor: pointer; display: grid; height: 40px; padding: 0; position: absolute; top: 50%; transition: opacity var(--sem-motion); translate: 0 -50%; width: 40px; border-radius: var(--sem-radius-full); box-shadow: var(--sem-shadow-2); place-items: center; }
  [data-sem-c="lightbox"] .sem-stage > :is(.sem-prev, .sem-next)[data-sem-shortcut][aria-keyshortcuts]::after { content: none; }
  [data-sem-c="lightbox"] .sem-stage[data-zoomed] .sem-frame > img { cursor: grab; max-height: none; max-width: none; }
  [data-sem-c="lightbox"] .sem-stage[data-zoomed] .sem-frame > img:active { cursor: grabbing; }
  [data-sem-c="lightbox"] .sem-stage[data-zoomed] .sem-frame { flex: none; height: auto; margin: auto; }
  [data-sem-c="lightbox"] .sem-stage[data-zoomed] > .sem-frames { overflow: auto; scrollbar-width: thin; scroll-snap-type: none; }
  [data-sem-c="lightbox"] .sem-stage[data-zoomed] > :is(.sem-prev, .sem-next) { opacity: 0.5; }
  [data-sem-c="lightbox"] .sem-thumb > img { height: 100%; width: 100%; object-fit: cover; }
  [data-sem-c="lightbox"] .sem-thumb { background: var(--sem-surface-sunken); border: 2px solid transparent; cursor: pointer; flex: none; height: 56px; opacity: 0.7; overflow: hidden; padding: 0; transition: opacity var(--sem-motion), border-color var(--sem-motion); width: 56px; border-radius: var(--sem-radius-md); }
  [data-sem-c="lightbox"] .sem-thumb:is(:hover, [aria-current=true]) { opacity: 1; }
  [data-sem-c="lightbox"] .sem-thumb[aria-current=true] { border-color: var(--sem-accent); }
  [data-sem-c="lightbox"] :is(.sem-zoom, .sem-original, .sem-prev, .sem-next, .sem-thumb):focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="lightbox"] > .sem-panel > .sem-caption { color: var(--sem-muted); margin: 0; text-align: center; }
  [data-sem-c="lightbox"] > .sem-panel > .sem-head > .sem-close { margin: 0; margin-inline-end: -6px; }
  [data-sem-c="lightbox"] > .sem-panel > .sem-head > .sem-counter { color: color-mix(in oklab, currentColor 62%, transparent); font-variant-numeric: tabular-nums; }
  [data-sem-c="lightbox"] > .sem-panel > .sem-head > .sem-fullscreen-toggle[data-sem-kind] { margin-inline-start: 0; }
  [data-sem-c="lightbox"] > .sem-panel > .sem-head > .sem-zoom { margin-inline-start: auto; }
  [data-sem-c="lightbox"] > .sem-panel > .sem-head > .sem-zoom[aria-pressed=true] { background: var(--sem-accent-soft); border-color: var(--sem-accent); }
  [data-sem-c="lightbox"] > .sem-panel > .sem-head > :is(.sem-zoom, .sem-original) { background: var(--sem-surface); border: 1px solid var(--sem-border-strong); color: var(--sem-text); cursor: pointer; display: inline-flex; font: 600 13px/1 var(--sem-font); padding: 0 10px; align-items: center; border-radius: var(--control-radius, var(--sem-radius-control)); min-height: 30px; text-decoration: none; white-space: nowrap; }
  [data-sem-c="lightbox"] > .sem-panel > .sem-head > :is(.sem-zoom, .sem-original):hover { background: var(--sem-surface-hover); }
  [data-sem-c="lightbox"] > .sem-panel > .sem-head h2 { overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="lightbox"] > .sem-panel > .sem-head { align-items: center; }
  [data-sem-c="lightbox"] > .sem-panel > .sem-stage { background: var(--sem-surface-sunken); flex: 1; overflow: hidden; position: relative; border-radius: var(--sem-radius-lg); min-height: 0; }
  [data-sem-c="lightbox"] > .sem-panel > .sem-strip { display: flex; flex: none; gap: var(--sem-space-2); padding: 4px; justify-content: safe center; overflow-x: auto; }
  [data-sem-c="lightbox"] > .sem-panel { animation: sem-fade-in var(--sem-duration) var(--sem-ease); height: min(calc(100vh - 48px), 860px); padding: var(--sem-space-4); position: relative; width: min(1080px, 100%); border-radius: var(--sem-radius-xl); box-shadow: var(--sem-shadow-4); }
  [data-sem-c="lightbox"] { color: var(--sem-text); display: grid; inset: 0; padding: var(--sem-space-5); position: fixed; font-family: var(--sem-font); place-items: center; z-index: 60; }
  [data-sem-c="line-chart"] .sem-axis { fill: var(--sem-muted); font: 11px var(--sem-font); }
  [data-sem-c="line-chart"] .sem-dot { stroke: var(--sem-surface); stroke-width: 2; }
  [data-sem-c="line-chart"] .sem-grid { stroke: var(--sem-border); stroke-width: 1; }
  [data-sem-c="line-chart"] .sem-line { fill: none; stroke-width: 2; }
  [data-sem-c="line-chart"] .sem-reference { stroke: var(--sem-faint); stroke-dasharray: 3 4; stroke-width: 1.5; }
  [data-sem-c="line-chart"] svg { display: block; height: auto; overflow: visible; width: 100%; max-width: 640px; }
  [data-sem-c="linked-card"] > .sem-external { color: var(--sem-muted); position: absolute; font-size: 0.85em; inset-block-start: var(--sem-space-2); inset-inline-end: var(--sem-space-3); }
  [data-sem-c="linked-card"] > :not(.sem-external, .sem-sr) { height: 100%; transition: border-color var(--sem-duration-fast) var(--sem-ease); }
  [data-sem-c="linked-card"] { color: inherit; cursor: pointer; display: block; position: relative; border-radius: var(--sem-radius-card); text-decoration: none; }
  [data-sem-c="linked-card"]:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="linked-card"]:is(:hover, [aria-current=page]) > :not(.sem-external, .sem-sr) { border-color: var(--sem-accent-8); }
  [data-sem-c="nav-link"] > [data-sem-c=emblem] { flex: none; height: 1em; align-self: center; }
  [data-sem-c="nav-link"] { color: var(--sem-text); display: flex; gap: var(--sem-space-2); padding: var(--sem-space-2) var(--sem-space-3); width: 100%; align-items: center; border-radius: var(--sem-radius-md); box-sizing: border-box; font-size: var(--sem-text-sm); font-weight: 550; overflow-wrap: anywhere; text-align: start; text-decoration: none; }
  [data-sem-c="nav-link"]:has(> [data-sem-c=emblem], > [data-sem-c=graph-mark]) { display: flex; gap: var(--sem-space-2); align-items: center; font-weight: 550; }
  [data-sem-c="nav-link"]:hover { background: var(--sem-gray-3); }
  [data-sem-c="nav-link"][aria-current=page] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); box-shadow: inset 3px 0 0 var(--sem-accent); }
  [data-sem-c="nav-link"][aria-current=page]:dir(rtl) { box-shadow: inset -3px 0 0 var(--sem-accent); }
  [data-sem-c="nav-list"] button { display: flex; padding: var(--sem-space-2) var(--sem-space-3); width: 100%; border-radius: var(--sem-radius-md); font-size: var(--sem-text-sm); font-weight: 550; justify-content: flex-start; overflow-wrap: anywhere; text-align: start; white-space: normal; }
  [data-sem-c="nav-list"] button[aria-pressed=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); box-shadow: inset 3px 0 0 var(--sem-accent); }
  [data-sem-c="nav-list"] button[aria-pressed=true]:dir(rtl) { box-shadow: inset -3px 0 0 var(--sem-accent); }
  [data-sem-c="nav-list"] { background: var(--sem-surface); border: 1px solid var(--sem-border); display: grid; gap: 2px; padding: var(--sem-space-2); position: sticky; top: 88px; border-radius: var(--sem-radius-card); box-shadow: var(--sem-shadow-1); font-family: var(--sem-font); }
  [data-sem-c="popover"] > .sem-panel { animation: sem-scale-in var(--sem-duration-fast) var(--sem-ease); padding: var(--sem-space-4); position: absolute; top: calc(100% + 8px); width: max-content; border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-3); max-width: min(320px, calc(100vw - 32px)); min-width: 220px; transform-origin: top left; z-index: 40; inset-inline-start: 0; }
  [data-sem-c="popover"] > .sem-panel[hidden] { display: none; }
  [data-sem-c="popover"] > .sem-trigger .sem-caret { color: var(--sem-muted); height: 6px; transform: rotate(45deg); transition: transform var(--sem-duration) var(--sem-ease), margin var(--sem-duration) var(--sem-ease); width: 6px; border-bottom: 1.5px solid currentColor; border-right: 1.5px solid currentColor; margin-top: -3px; }
  [data-sem-c="popover"] > .sem-trigger { background: var(--sem-surface); border: 1px solid var(--sem-border-strong); color: var(--sem-text); cursor: pointer; display: inline-flex; font: 600 var(--control-font, 14px)/1.2 var(--sem-font); gap: var(--sem-space-2); padding: 0 var(--control-px, var(--sem-space-3)); transition: background var(--sem-motion), border-color var(--sem-motion); align-items: center; border-radius: var(--control-radius, var(--sem-radius-control)); box-shadow: var(--sem-shadow); min-height: var(--control-h, 36px); }
  [data-sem-c="popover"] > .sem-trigger:is(:hover, [aria-expanded=true]) { background: var(--sem-surface-hover); }
  [data-sem-c="popover"] > .sem-trigger[aria-expanded=true] .sem-caret { transform: rotate(225deg); margin-top: 3px; }
  [data-sem-c="popover"] { color: var(--sem-text); display: inline-block; position: relative; font-family: var(--sem-font); }
  [data-sem-c="projection-view"] span + span { margin-left: 1ch; }
  [data-sem-c="projection-view"] { background: light-dark(#14141c, #0a0a0f); color: #d9d9e6; font: 12.5px/1.65 var(--sem-mono); margin: 0; padding: var(--sem-space-4) var(--sem-space-4); border-radius: var(--sem-radius); min-height: 200px; overflow-wrap: anywhere; white-space: pre-wrap; }
  [data-sem-c="result-graph"] .sem-arrow { fill: color-mix(in oklab, var(--sem-muted) 75%, transparent); }
  [data-sem-c="result-graph"] .sem-bnode .sem-dot { fill: var(--sem-faint); }
  [data-sem-c="result-graph"] .sem-canvas { background: var(--sem-surface); border: 1px solid var(--sem-border); overflow: auto; background-image: radial-gradient(color-mix(in oklab, var(--sem-border) 70%, transparent) 1px, transparent 1px); background-size: 16px 16px; border-radius: var(--sem-radius); max-height: min(34rem, 65vh); }
  [data-sem-c="result-graph"] .sem-clear { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-muted); cursor: pointer; display: inline-grid; font: 11px/1 var(--sem-font); height: 22px; padding: 0; transition: background var(--sem-motion), color var(--sem-motion); width: 22px; border-radius: var(--sem-radius-full); place-items: center; }
  [data-sem-c="result-graph"] .sem-clear:focus-visible { outline: 2px solid var(--sem-ring); outline-offset: 1px; }
  [data-sem-c="result-graph"] .sem-clear:hover { background: var(--sem-accent-soft); color: var(--sem-text); }
  [data-sem-c="result-graph"] .sem-dot { fill: var(--sem-accent); stroke: var(--sem-surface); stroke-width: 2; }
  [data-sem-c="result-graph"] .sem-edge { stroke: color-mix(in oklab, var(--sem-muted) 55%, transparent); stroke-width: 1.2; }
  [data-sem-c="result-graph"] .sem-edge-label { fill: var(--sem-code-name); font: 9.5px var(--sem-font-mono); stroke: var(--sem-surface); paint-order: stroke; stroke-width: 3px; }
  [data-sem-c="result-graph"] .sem-link { transition: opacity var(--sem-motion); }
  [data-sem-c="result-graph"] .sem-link[data-sem-salience=neighbour] .sem-arrow { fill: var(--sem-accent); }
  [data-sem-c="result-graph"] .sem-link[data-sem-salience=neighbour] .sem-edge { stroke: var(--sem-accent); stroke-width: 2; }
  [data-sem-c="result-graph"] .sem-link[data-sem-salience=neighbour] .sem-edge-label { fill: var(--sem-accent-strong); font-weight: 600; }
  [data-sem-c="result-graph"] .sem-literal .sem-dot { fill: var(--sem-code-string); }
  [data-sem-c="result-graph"] .sem-node { cursor: pointer; outline: none; transition: opacity var(--sem-motion); }
  [data-sem-c="result-graph"] .sem-node-label { fill: var(--sem-text); font: 500 11px var(--sem-font-mono); stroke: var(--sem-surface); paint-order: stroke; stroke-width: 3px; }
  [data-sem-c="result-graph"] .sem-node:focus-visible .sem-dot { stroke: var(--sem-ring); stroke-width: 4; }
  [data-sem-c="result-graph"] .sem-node:hover .sem-dot { stroke: var(--sem-accent); }
  [data-sem-c="result-graph"] .sem-node:is([data-sem-salience=focused], [data-sem-salience=neighbour]) .sem-node-label { font-weight: 700; }
  [data-sem-c="result-graph"] .sem-node[data-sem-salience=focused] .sem-dot { stroke: var(--sem-accent-strong); stroke-width: 4; }
  [data-sem-c="result-graph"] .sem-plot { display: block; height: auto; overflow: visible; width: 100%; margin-inline: auto; max-width: 820px; min-width: 520px; }
  [data-sem-c="result-graph"] :is(.sem-dot, .sem-edge, .sem-arrow) { transition: stroke var(--sem-motion), stroke-width var(--sem-motion), fill var(--sem-motion); }
  [data-sem-c="result-graph"] > .sem-legend { color: var(--sem-code-name); font: 11px/1.5 var(--sem-font-mono); margin: 0; }
  [data-sem-c="result-graph"] > .sem-selection { color: var(--sem-muted); display: flex; gap: var(--sem-space-2); margin: 0; align-items: center; font-size: var(--sem-font-size-small); min-height: 24px; overflow-wrap: anywhere; }
  [data-sem-c="result-graph"] > .sem-selection:has(.sem-clear) { color: var(--sem-text); font-family: var(--sem-font-mono); }
  [data-sem-c="result-graph"] [data-sem-salience=dimmed] { opacity: 0.18; }
  [data-sem-c="result-table"] .sem-lang { color: var(--sem-faint); font-size: var(--sem-text-xs); margin-inline-start: 4px; }
  [data-sem-c="result-table"] .sem-scroll { background: var(--sem-surface); border: 1px solid var(--sem-border); overflow: auto; border-radius: var(--sem-radius); max-height: min(26rem, 55vh); }
  [data-sem-c="result-table"] table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--sem-text-sm); font-variant-numeric: tabular-nums; }
  [data-sem-c="result-table"] tbody tr:hover { background: var(--sem-accent-soft); }
  [data-sem-c="result-table"] tbody tr:nth-child(even) { background: color-mix(in oklab, var(--sem-gray-2) 70%, transparent); }
  [data-sem-c="result-table"] td code { color: var(--sem-code-name); font-family: var(--sem-font-mono); font-size: 11.5px; }
  [data-sem-c="result-table"] td { padding: 5px 10px; border-bottom: 1px solid var(--sem-border); max-width: 28rem; overflow-wrap: anywhere; vertical-align: top; }
  [data-sem-c="result-table"] td.sem-end { text-align: end; }
  [data-sem-c="result-table"] th { background: var(--sem-surface-sunken); color: var(--sem-code-var); font: 600 11.5px/1.4 var(--sem-font-mono); padding: 6px 10px; position: sticky; top: 0; border-bottom: 1px solid var(--sem-border-strong); text-align: start; white-space: nowrap; z-index: 1; }
  [data-sem-c="result-table"] tr:last-child > td { border-bottom: 0; }
  [data-sem-c="result-turtle"] .sem-turtle { background: var(--sem-code-bg); border: 1px solid var(--sem-border); color: var(--sem-text); font: 12px/1.6 var(--sem-font-mono); margin: 0; overflow: auto; padding: var(--sem-space-3) var(--sem-space-4); border-radius: var(--sem-radius); max-height: min(30rem, 60vh); white-space: pre; }
  [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-pills > li { display: inline-flex; max-width: 100%; }
  [data-sem-c="tag-input"] > .sem-ta-field > .sem-ta-pills { display: contents; list-style: none; }
  [data-sem-c="tag-input"] > .sem-ta-field > input { padding-inline-start: 4px; }
  [data-sem-c="tag-input"] > .sem-ta-field { padding-inline-start: 6px; }
  [data-sem-c="toast"] > .sem-close { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: grid; font: 600 12px/1 var(--sem-font); height: 24px; padding: 0; width: 24px; border-radius: var(--sem-radius-sm); place-items: center; }
  [data-sem-c="toast"] > .sem-close:focus-visible { outline: none; box-shadow: var(--sem-ring); }
  [data-sem-c="toast"] > .sem-close:hover { background: var(--sem-surface-hover); color: var(--sem-text); }
  [data-sem-c="toast"] > .sem-content .sem-actions { display: flex; gap: var(--sem-space-2); flex-wrap: wrap; margin-top: var(--sem-space-2); }
  [data-sem-c="toast"] > .sem-content p { color: var(--sem-muted); margin: 0; }
  [data-sem-c="toast"] > .sem-content strong { font-weight: 650; }
  [data-sem-c="toast"] > .sem-content { display: grid; gap: 2px; }
  [data-sem-c="toast"] > .sem-icon { background: var(--tone-solid, var(--sem-gray-12)); color: var(--tone-on-solid, var(--sem-gray-1)); display: grid; font: 700 11px/1 var(--sem-font); height: 20px; width: 20px; border-radius: var(--sem-radius-full); margin-top: 1px; place-items: center; }
  [data-sem-c="toast"] { animation: sem-rise-in var(--sem-duration) var(--sem-ease); background: var(--sem-surface-overlay); border: 1px solid var(--sem-border); color: var(--sem-text); display: grid; gap: var(--sem-space-3); padding: 12px 10px 12px 14px; width: min(380px, calc(100vw - 32px)); align-items: start; border-radius: var(--sem-radius-lg); box-shadow: inset 3px 0 0 var(--tone-solid, var(--sem-gray-9)), var(--sem-shadow-3); box-sizing: border-box; font-family: var(--sem-font); font-size: var(--sem-text-sm); line-height: var(--sem-leading-normal); max-width: 100%; grid-template-columns: auto minmax(0, 1fr) auto; }
  [data-sem-c="toast"][hidden] { display: none; }
  [data-sem-c="toolbar"], [data-sem-c="ex-grid-layout-toolbar"] { display: flex; gap: var(--sem-space-2) var(--sem-space-3); align-items: center; flex-direction: row; flex-wrap: wrap; min-width: 0; }
  [data-sem-c="walkthrough-step"] { margin: 0; line-height: 1.7; }
  [data-sem-c="window"] .sem-window-bar strong, [data-sem-c="palette"] .sem-window-bar strong { flex: 1; overflow: hidden; font-size: 13px; font-weight: 650; min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
  [data-sem-c="window"] .sem-window-bar, [data-sem-c="palette"] .sem-window-bar { background: var(--sem-surface-sunken); cursor: grab; display: flex; gap: 6px; padding: 8px 8px 8px 14px; align-items: center; border-bottom: 1px solid var(--sem-border); touch-action: none; user-select: none; }
  [data-sem-c="window"] .sem-window-body, [data-sem-c="palette"] .sem-window-body { overflow: auto; min-height: 0; }
  [data-sem-c="window"] .sem-window-body:not(:has(> [data-sem-inset])), [data-sem-c="palette"] .sem-window-body:not(:has(> [data-sem-inset])) { padding: var(--sem-space-4); }
  [data-sem-c="window"] .sem-window-control, [data-sem-c="palette"] .sem-window-control { background: transparent; border: 0; color: var(--sem-muted); cursor: pointer; display: grid; font: 600 13px/1 var(--sem-font); height: 26px; width: 26px; border-radius: 7px; place-items: center; }
  [data-sem-c="window"] .sem-window-control:hover, [data-sem-c="palette"] .sem-window-control:hover { background: var(--sem-surface-hover); color: var(--sem-text); }
  [data-sem-c="window"] .sem-window-grip, [data-sem-c="palette"] .sem-window-grip { background: linear-gradient(135deg, transparent 50%, var(--sem-border-strong) 50%, var(--sem-border-strong) 60%, transparent 60%, transparent 70%, var(--sem-border-strong) 70%, var(--sem-border-strong) 80%, transparent 80%); bottom: 0; cursor: nwse-resize; height: 16px; position: absolute; right: 0; width: 16px; touch-action: none; }
  [data-sem-c="window"], [data-sem-c="palette"] { animation: sem-scale-in var(--sem-duration) var(--sem-ease); }
  [data-sem-c="window"], [data-sem-c="palette"] { background: var(--sem-surface); border: 1px solid var(--sem-border-strong); color: var(--sem-text); display: grid; overflow: hidden; position: fixed; border-radius: 14px; box-shadow: 0 24px 64px -16px light-dark(rgb(30 27 75 / 0.35), rgb(0 0 0 / 0.8)), 0 2px 6px light-dark(rgb(17 17 34 / 0.08), rgb(0 0 0 / 0.5)); font-family: var(--sem-font); min-height: 180px; min-width: min(280px, 100%); z-index: 50; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  [data-sem-c="window"]:not([data-sem-c=desktop] *), [data-sem-c="palette"]:not([data-sem-c=desktop] *) { position: relative; max-width: 100%; z-index: auto; }
  [data-sem-c="window"][data-sem-ghost] .sem-tear-cue, [data-sem-c="palette"][data-sem-ghost] .sem-tear-cue { color: var(--sem-accent-strong); display: grid; font: 600 var(--sem-text-sm)/1.35 var(--sem-font); padding: 12px 16px; place-items: center; text-align: center; }
  [data-sem-c="window"][data-sem-ghost], [data-sem-c="palette"][data-sem-ghost] { height: 180px; inset: auto; margin: 0; opacity: 0.9; outline: 2px dashed var(--sem-accent-9); padding: 0; position: fixed; transition: opacity var(--sem-duration-fast) var(--sem-ease), outline-color var(--sem-duration-fast) var(--sem-ease); width: min(340px, calc(100vw - 32px)); min-width: 0; outline-offset: 3px; pointer-events: none; z-index: 1000; }
  [data-sem-c="window"][data-sem-ghost][data-sem-tear=back] .sem-tear-cue, [data-sem-c="palette"][data-sem-ghost][data-sem-tear=back] .sem-tear-cue { color: var(--sem-faint); }
  [data-sem-c="window"][data-sem-ghost][data-sem-tear=back], [data-sem-c="palette"][data-sem-ghost][data-sem-tear=back] { opacity: 0.5; outline-color: var(--sem-border-strong); }
  [data-sem-c="window"][data-sem-returning], [data-sem-c="palette"][data-sem-returning] { opacity: 0.75; outline: 2px dashed var(--sem-accent-9); outline-offset: 3px; }
  [data-sem-c="window"][data-sem-returning]::after, [data-sem-c="palette"][data-sem-returning]::after { background: var(--sem-accent-9); color: white; content: attr(data-sem-return-cue); font: 600 var(--sem-text-xs)/1.35 var(--sem-font); padding: 8px 12px; position: absolute; top: 52px; border-radius: var(--sem-radius-md); box-shadow: var(--sem-shadow-3); inset-inline: 12px; pointer-events: none; text-align: center; z-index: 2; }
  [data-sem-c="ex-grid-layout-toolbar"] { position: fixed; z-index: 55; inset-block-end: 40px; inset-inline-end: 24px; max-inline-size: calc(100vw - 48px); }
  [data-sem-c="palette"] .sem-window-bar strong { color: var(--sem-muted); font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; }
  [data-sem-c="palette"] .sem-window-bar { gap: 2px; padding: 3px 3px 3px 10px; }
  [data-sem-c="palette"] .sem-window-body:not(:has(> [data-sem-inset])) { padding: var(--sem-space-3); }
  [data-sem-c="palette"] .sem-window-control { height: 22px; width: 22px; font-size: 11px; }
  [data-sem-c="palette"] { border-radius: var(--sem-radius-md); min-height: 0; min-width: min(180px, 100%); grid-template-rows: auto auto; }
  @media (max-width: 640px) {
    [data-sem-layout=aside-end] > :last-child:not(:only-child) { flex-basis: 100%; max-width: 100%; }
    [data-sem-layout=aside] > :first-child:not(:only-child) { flex-basis: 100%; max-width: 100%; }
    [data-sem-layout=versus] { grid-template-columns: minmax(0, 1fr); }
    [data-sem-c="code-input"] .sem-code-cell { flex: 1 1 calc(var(--control-h, var(--sem-control-height)) * 0.7); max-width: calc(var(--control-h, var(--sem-control-height)) * 1.05); min-width: 0; }
    [data-sem-c="code-input"] .sem-code-sep { flex: none; }
    [data-sem-c="code-input"] > .sem-code-box > .sem-code-cells { gap: calc(var(--control-h, var(--sem-control-height)) * 0.12); }
    [data-sem-c="date-field"] > .sem-date-popup, [data-sem-c="date-range-field"] > .sem-date-popup { padding: var(--sem-space-2); width: auto; inset-inline: 0; max-width: none; }
    [data-sem-c="desktop"] > [data-sem-c="taskbar"] { left: auto; translate: none; inset-inline-end: 12px; }
    [data-sem-c="file-drop"] > .sem-zone { padding: var(--sem-space-4) var(--sem-space-3); }
    [data-sem-c="gallery"] > .sem-cells { --gallery-columns: 2; }
    [data-sem-c="live-example"] .sem-live-links { display: none; }
    [data-sem-c="month-grid"] .sem-mg-day { height: auto; width: min(44px, 100%); aspect-ratio: 1; font-size: var(--sem-text-md); }
    [data-sem-c="month-grid"] > .sem-mg-days th { width: auto; }
    [data-sem-c="month-grid"] > .sem-mg-days { width: 100%; }
    [data-sem-c="rdf-editor"] .sem-property > [role=group] > .sem-term > [role=group] { margin-inline-start: 0; }
    [data-sem-c="rdf-editor"] .sem-property > [role=group] { padding-inline-start: 18px; }
    [data-sem-c="rdf-editor"] .sem-property { display: block; }
    [data-sem-c="segmented"] button, [data-sem-c="theme-switcher"] button, [data-sem-c="nav-list"] button { min-height: 40px; }
    [data-sem-c="segmented"], [data-sem-c="theme-switcher"], [data-sem-c="nav-list"] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    [data-sem-c="shape-report"] > li { gap: 2px; grid-template-columns: minmax(0, 1fr); }
    [data-sem-c="specimen"] > header h3 { padding-right: 88px; }
    [data-sem-c="specimen"] > header { padding-right: 0; }
    [data-sem-c="split-view"] > .sem-divider { display: none; }
    [data-sem-c="split-view"] > .sem-primary { flex: 0 0 auto; height: min(24rem, 50dvh); }
    [data-sem-c="split-view"] > .sem-secondary { flex: 0 0 auto; border-top: 1px solid var(--sem-border); }
    [data-sem-c="split-view"] { flex-direction: column; }
    [data-sem-c="tabs"] > [role=tablist] { overflow-x: auto; scrollbar-width: none; }
    [data-sem-c="term-tree"] { overflow: auto; max-height: 45dvh; }
    [data-sem-c="tiled-workspace"] [data-sem-c=split-view] > .sem-pane { height: auto; min-block-size: 8rem; }
    [data-sem-c="time-field"] > .sem-time-list > li { min-height: 42px; }
    [data-sem-c="walkthrough"] .sem-plot { max-height: calc(35dvh - 28px); }
    [data-sem-c="walkthrough"] .sem-walk-aside [data-sem-c=source-view] { display: none; }
    [data-sem-c="walkthrough"] .sem-walk-aside { background: var(--sem-canvas); flex: none; order: -1; max-height: 35dvh; padding-block: 4px; z-index: 1; }
    [data-sem-c="walkthrough"] .sem-walk-steps { flex: none; max-width: none; min-width: 0; }
    [data-sem-c="walkthrough"] > .sem-walk-body { gap: var(--sem-space-3); align-items: stretch; flex-direction: column; flex-wrap: nowrap; }
    [data-sem-c="command-palette"] .sem-cp-group > [role=option] > .sem-ta-keys { display: none; }
    [data-sem-c="command-palette"] .sem-cp-group > [role=option] { min-height: 48px; }
    [data-sem-c="command-palette"] > .sem-panel > .sem-cp-foot { display: none; }
    [data-sem-c="command-palette"] > .sem-panel > .sem-cp-search > .sem-close { height: 40px; width: 40px; }
    [data-sem-c="command-palette"] > .sem-panel > .sem-cp-search > input { font-size: 17px; }
    [data-sem-c="command-palette"] > .sem-panel > .sem-cp-search { padding-top: env(safe-area-inset-top); }
    [data-sem-c="command-palette"] > .sem-panel { animation: sem-fade-in var(--sem-duration) var(--sem-ease); border: 0; height: 100%; width: 100%; border-radius: 0; max-height: none; }
    [data-sem-c="command-palette"] { padding: 0; align-items: stretch; justify-items: stretch; }
    [data-sem-c="date-range-field"] > .sem-date-row > input { flex-basis: 0; font-size: var(--sem-text-sm); }
    [data-sem-c="date-range-field"] > .sem-date-row { gap: 2px; padding-inline-start: 8px; }
    [data-sem-c="lightbox"] > .sem-panel { height: 100%; padding: var(--sem-space-3); border-radius: 0; }
    [data-sem-c="lightbox"] { padding: 0; }
  }
  @media (max-width: 640px), (min-width: 641px) and (max-width: 1099px) {
    [data-sem-c="app-bar"] .sem-brand > *, [data-sem-c="app-bar"] .sem-brand > .sem-byline * { white-space: nowrap; }
    [data-sem-c="app-bar"] .sem-brand > .sem-byline { align-self: start; grid-column: 1 / -1; border-inline-start: 0; padding-inline-start: 36px; }
    [data-sem-c="app-bar"] .sem-brand > strong { align-self: end; line-height: 1.1; }
    [data-sem-c="app-bar"] .sem-brand { display: grid; flex: 0 1 auto; align-items: center; column-gap: 8px; justify-items: start; min-width: min-content; row-gap: 2px; grid-template-columns: auto 1fr; }
    [data-sem-c="app-bar"] .sem-more { display: block; flex: none; position: relative; margin-inline-start: auto; }
    [data-sem-c="app-bar"] .sem-more-body { display: none; }
    [data-sem-c="app-bar"] .sem-more-toggle { background: var(--sem-surface); border: 1px solid var(--sem-border); color: var(--sem-text); cursor: pointer; display: inline-grid; font: 700 20px/1 var(--sem-font); height: 44px; padding: 0; width: 44px; border-radius: var(--sem-radius-full); box-shadow: var(--sem-shadow); place-items: center; }
    [data-sem-c="app-bar"] .sem-more-toggle:focus-visible { outline: none; box-shadow: var(--sem-ring); }
    [data-sem-c="app-bar"] .sem-more-toggle[aria-expanded=true] { background: var(--sem-accent-soft); color: var(--sem-accent-strong); }
    [data-sem-c="app-bar"] .sem-more[data-open=true] > .sem-more-body { animation: sem-scale-in var(--sem-duration) var(--sem-ease); background: var(--sem-surface-overlay); border: 1px solid var(--sem-border); display: flex; gap: 12px; padding: var(--sem-space-4); position: absolute; top: calc(100% + 8px); width: max-content; align-items: stretch; border-radius: var(--sem-radius-lg); box-shadow: var(--sem-shadow-3); flex-direction: column; max-width: calc(100vw - 24px); min-width: min(260px, calc(100vw - 24px)); z-index: 30; inset-inline-end: 0; }
    [data-sem-c="app-bar"] > .sem-actions > :not(.sem-more) { flex: 0 1 auto; min-width: 0; }
    [data-sem-c="app-bar"] > .sem-actions { flex: 1 1 auto; gap: 8px; flex-wrap: nowrap; justify-content: flex-end; }
    [data-sem-c="app-bar"] { gap: 10px; padding: 8px 12px; flex-wrap: nowrap; }
    [data-sem-c="status-bar"] > .sem-bar-body > * { flex: none; flex-wrap: nowrap; }
    [data-sem-c="status-bar"] > .sem-bar-body { flex-wrap: nowrap; overflow-x: auto; padding-block: 4px; scrollbar-width: none; white-space: nowrap; }
    [data-sem-c="status-bar"] > .sem-fold { min-height: 36px; }
    [data-sem-c="status-bar"] { gap: var(--sem-space-2); padding: 2px 12px; }
  }
  @media (prefers-reduced-motion: reduce) {
    :is([data-sem-motion="system"], [data-sem-motion=none]) [data-sem-c=outline-item] .sem-who.sem-typing { animation: none; box-shadow: 0 0 0 2px var(--sem-accent-7); }
    :is([data-sem-motion="system"], [data-sem-motion=none]) [data-sem-lifted] { scale: none; }
  }
}

@layer sem.variants {
  [data-sem-contrast="high"] :is([data-sem-theme=cupertino], [data-sem-theme=tracker], [data-sem-theme=classic], [data-sem-theme=doodle], [data-sem-theme=fluent]) { --s-focus: 3px solid light-dark(#000000, #ffffff); --s-focus-offset: 2px; }
  [data-sem-contrast="high"] [data-sem-theme] { --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="blueprint"] { --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="classic"] { --s-focus: 3px solid light-dark(#000000, #ffffff); --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --s-focus-offset: 2px; --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="cupertino"] { --s-focus: 3px solid light-dark(#000000, #ffffff); --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --s-focus-offset: 2px; --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="doodle"] { --s-focus: 3px solid light-dark(#000000, #ffffff); --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --s-focus-offset: 2px; --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="fluent"] { --s-focus: 3px solid light-dark(#000000, #ffffff); --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --s-focus-offset: 2px; --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="paper"] { --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="semblance"] { --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="sunset"] { --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="terminal"] { --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-contrast="high"][data-sem-theme="tracker"] { --s-focus: 3px solid light-dark(#000000, #ffffff); --sem-accent: color-mix(in oklab, var(--sem-accent-11) 60%, var(--sem-accent-12)); --sem-border: var(--sem-gray-10); --sem-faint: var(--sem-gray-11); --sem-muted: var(--sem-gray-12); --sem-ring: 0 0 0 3px light-dark(#000000, #ffffff); --sem-text: color-mix(in oklab, var(--sem-gray-12) 35%, light-dark(#000000, #ffffff)); --s-focus-offset: 2px; --sem-accent-strong: var(--sem-accent-12); --sem-border-strong: var(--sem-gray-12); }
  [data-sem-emphasis="ghost"] { background: transparent; color: var(--tone-text, var(--sem-gray-12)); border-color: transparent; box-shadow: none; }
  [data-sem-emphasis="ghost"]:is(button, a, summary, [role=button]):not(:disabled):hover { background: var(--tone-soft, var(--sem-gray-3)); }
  [data-sem-emphasis="outline"] { background: transparent; color: var(--tone-text, var(--sem-gray-12)); border-color: var(--tone-border, var(--sem-gray-7)); box-shadow: none; }
  [data-sem-emphasis="outline"]:is(button, a, summary, [role=button]):not(:disabled):hover { background: var(--tone-soft, var(--sem-gray-3)); }
  [data-sem-emphasis="soft"] { background: var(--tone-soft, var(--sem-gray-3)); color: var(--tone-text, var(--sem-gray-12)); border-color: transparent; box-shadow: none; }
  [data-sem-emphasis="soft"]:is(button, a, summary, [role=button]):not(:disabled):hover { background: var(--tone-soft-hover, var(--sem-gray-4)); }
  [data-sem-emphasis="solid"] { background: var(--tone-solid, var(--sem-gray-12)); color: var(--tone-on-solid, var(--sem-gray-1)); border-color: var(--tone-solid, var(--sem-gray-12)); }
  [data-sem-emphasis="solid"]:is(button, a, summary, [role=button]):not(:disabled):hover { background: var(--tone-solid-hover, light-dark(#2c2c3a, #ffffff)); border-color: var(--tone-solid-hover, light-dark(#2c2c3a, #ffffff)); }
  [data-sem-guides="cells"] :is([data-sem-rows=subgrid], [data-sem-c=grid] > [data-sem-direction=column]) > * { outline: 1px dashed var(--sem-accent); outline-offset: 2px; }
  [data-sem-guides="cells"] [data-sem-direction=row] > * { outline: 1px dashed var(--sem-accent); outline-offset: 2px; }
  [data-sem-guides="cells"] [data-sem-layout=subgrid] > * { outline: 1px dashed var(--sem-accent); outline-offset: 2px; }
  [data-sem-layout="chat-layout"] > :first-child { flex: 1 1 11rem; }
  [data-sem-layout="chat-layout"] > :last-child { flex: 999 1 22rem; min-width: 0; }
  [data-sem-layout="field-row"] > :not([data-sem-row-span]) { align-self: center; grid-row: 2; justify-self: start; margin-block-start: var(--sem-space-2); }
  [data-sem-layout="field-row"] > [data-sem-row-span] > :not(:first-child, [role=dialog], [role=listbox]) { margin-block-start: var(--sem-space-2); }
  [data-sem-layout="field-row"] > [data-sem-row-span] > :nth-child(n+3):not([role=dialog], [role=listbox]) { contain: inline-size; }
  [data-sem-layout="field-row"] > [data-sem-row-span] { min-width: 0; row-gap: 0; }
  [data-sem-motion="reduced"] [data-sem-theme] { --sem-ease: linear; --sem-motion: var(--sem-duration) linear; --sem-spring: linear; }
  [data-sem-theme="classic"] *:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border-radius: 0; }
  [data-sem-theme="classic"] *:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *))::-webkit-scrollbar { background: var(--bv-dither); height: 16px; width: 16px; }
  [data-sem-theme="classic"] *:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *))::-webkit-scrollbar-corner { background: var(--bv-face); }
  [data-sem-theme="classic"] *:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *))::-webkit-scrollbar-thumb { background: var(--bv-face); box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-popup, [data-sem-c=time-field] > .sem-time-list):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; border-radius: 0; box-shadow: var(--bv-raised), var(--sem-shadow-3); }
  [data-sem-theme="classic"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):focus-within:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border: 0; color: var(--sem-text); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] :is([data-sem-c=badge], [data-sem-c=tag]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border-style: solid; border-width: 1px; }
  [data-sem-theme="classic"] :is([data-sem-c=button], [data-sem-c=menu], :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button, [data-sem-c=tabs] [role=tab], :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]), [data-sem-c=menu-item], [data-sem-c=chips] button, [data-sem-c=taskbar] .sem-task):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { font-size: 13px; letter-spacing: 0; }
  [data-sem-theme="classic"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):disabled:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: var(--sem-faint); opacity: 1; text-shadow: 1px 1px 0 var(--bv-hi); }
  [data-sem-theme="classic"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):is(:active, [aria-pressed=true], [aria-expanded=true], [data-open]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { box-shadow: var(--bv-pressed); }
  [data-sem-theme="classic"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border: 0; border-radius: 0; box-shadow: var(--bv-raised); font-family: var(--sem-font); text-shadow: none; }
  [data-sem-theme="classic"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):not([data-sem-emphasis], [data-sem-tone]):not([data-sem-intent]):is([aria-pressed=true], [data-open]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-dither); }
  [data-sem-theme="classic"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):not([data-sem-emphasis], [data-sem-tone]):not([data-sem-intent], [aria-current=page]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-button); }
  [data-sem-theme="classic"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold)[data-sem-emphasis=ghost]:not(:disabled):active:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { box-shadow: var(--bv-thin-sunken); }
  [data-sem-theme="classic"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold)[data-sem-emphasis=ghost]:not(:disabled):hover:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; box-shadow: var(--bv-thin-raised); }
  [data-sem-theme="classic"] :is([data-sem-c=card], [data-sem-c=specimen], [data-sem-c=stat], [data-sem-c=accordion], [data-sem-c=alert], [data-sem-c=toast], [data-sem-c=nav-list]:not(*), [data-sem-c=surface][data-sem-elevation=raised], [data-sem-c=surface][data-sem-elevation=overlay], [data-sem-c=flippable] > .sem-faces > .sem-back):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] :is([data-sem-c=card], [data-sem-c=specimen], [data-sem-c=stat], [data-sem-c=accordion], [data-sem-c=flippable] > .sem-faces > .sem-back):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); }
  [data-sem-theme="classic"] :is([data-sem-c=code]:is(pre), [data-sem-c=result-turtle] pre):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup > .sem-ta-list > li[aria-selected=true] mark:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: inherit; }
  [data-sem-theme="classic"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup > .sem-ta-list > li[aria-selected=true]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); border-radius: 0; box-shadow: none; }
  [data-sem-theme="classic"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; padding: 3px; border-radius: 0; box-shadow: var(--bv-raised), var(--sem-shadow-3); }
  [data-sem-theme="classic"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:focus-within:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border: 0; color: var(--sem-text); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > .sem-head h2:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: var(--bv-title-fg); flex: 1; font-size: 13px; font-weight: 700; letter-spacing: 0; }
  [data-sem-theme="classic"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > .sem-head:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-title); color: var(--bv-title-fg); padding: 3px 3px 3px 6px; align-items: center; }
  [data-sem-theme="classic"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > :not(.sem-head):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { margin-inline: 10px; }
  [data-sem-theme="classic"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { gap: 10px; padding: 3px 3px 12px; }
  [data-sem-theme="classic"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-scrim:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { backdrop-filter: none; }
  [data-sem-theme="classic"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer], [data-sem-c=popover]) > .sem-panel:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; box-shadow: var(--bv-raised), var(--sem-shadow-4); }
  [data-sem-theme="classic"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer], [data-sem-c=toast]) .sem-close:active:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { box-shadow: var(--bv-pressed); }
  [data-sem-theme="classic"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer], [data-sem-c=toast]) .sem-close:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); color: var(--sem-text); height: 16px; margin: 0; width: 18px; border-radius: 0; box-shadow: var(--bv-raised); font-size: 10px; }
  [data-sem-theme="classic"] :is([data-sem-c=kbd] > kbd, [data-sem-c=kbd]:not(:has(kbd))):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] :is([data-sem-c=month-grid] td[aria-selected=true] > .sem-mg-day, [data-sem-c=time-field] > .sem-time-list > li[aria-selected=true]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); border-radius: 0; box-shadow: none; }
  [data-sem-theme="classic"] :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]):focus-visible:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { outline: var(--s-focus); box-shadow: none; outline-offset: -2px; }
  [data-sem-theme="classic"] :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; color: var(--sem-text); padding: 3px 8px; box-shadow: none; font-weight: 400; }
  [data-sem-theme="classic"] :is([data-sem-c=nav-list] button[aria-pressed=true], [data-sem-c=nav-link][aria-current=page]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); box-shadow: none; }
  [data-sem-theme="classic"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); color: var(--sem-text); padding: 4px 10px; border-radius: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button[aria-pressed=true]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-dither); color: var(--sem-text); box-shadow: var(--bv-pressed); }
  [data-sem-theme="classic"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; border: 0; gap: 2px; padding: 0; box-shadow: none; }
  [data-sem-theme="classic"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select, textarea), [data-sem-c=text-area] > textarea, [data-sem-c=choice] select, [data-sem-c=slider] > .sem-head > .sem-value, [data-sem-c=query-editor] .sem-scroll, [data-sem-c=code-editor] .sem-scroll):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border: 0; color: var(--sem-text); background-color: var(--sem-surface-sunken); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), textarea)):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { padding: 4px 6px; }
  [data-sem-theme="classic"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row > .sem-label:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); font-weight: 400; }
  [data-sem-theme="classic"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; }
  [data-sem-theme="classic"] :is([data-sem-c=tree], [data-sem-c=rdf-editor]) [role=group]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border-width: 0; border-inline-start: 1px dotted var(--sem-border-strong); }
  [data-sem-theme="classic"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar strong:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: var(--bv-title-fg); font-size: 12px; font-weight: 700; letter-spacing: 0; text-transform: none; }
  [data-sem-theme="classic"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-title); color: var(--bv-title-fg); cursor: default; gap: 2px; padding: 2px 2px 2px 5px; border-bottom: 0; min-height: 20px; }
  [data-sem-theme="classic"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-body:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); }
  [data-sem-theme="classic"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:active:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { box-shadow: var(--bv-pressed); }
  [data-sem-theme="classic"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:hover:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); color: var(--sem-text); }
  [data-sem-theme="classic"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=close]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { margin-inline-start: 2px; }
  [data-sem-theme="classic"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); color: var(--sem-text); font: 700 10px/1 var(--sem-font); height: 15px; width: 17px; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] :is([data-sem-c=window], [data-sem-c=palette]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; padding: 3px; box-shadow: var(--bv-raised), var(--sem-shadow-4); }
  [data-sem-theme="classic"] :is([data-sem-file-state=refused], [data-sem-file-state=failed])[data-sem-c=file-item] > .sem-kind:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: var(--sem-danger-11); }
  [data-sem-theme="classic"] :is(button, summary, a[href], [role=tab], [tabindex]:not([tabindex="-1"])):focus-visible:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { outline: var(--s-focus); outline-offset: var(--s-focus-offset); }
  [data-sem-theme="classic"] :is(input, select, textarea, [data-sem-c=table], [data-sem-c=tree] .sem-label, [data-sem-c=rdf-editor] .sem-label):focus-visible:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { outline: var(--s-focus); outline-offset: 1px; }
  [data-sem-theme="classic"] [data-sem-c=alert] > .sem-icon:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border-radius: 50%; }
  [data-sem-theme="classic"] [data-sem-c=app-bar] .sem-brand span:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: #e4e4f0; }
  [data-sem-theme="classic"] [data-sem-c=app-bar] .sem-brand:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-title); color: var(--bv-title-fg); padding: 3px 10px 3px 4px; }
  [data-sem-theme="classic"] [data-sem-c=app-bar]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); backdrop-filter: none; border-bottom: 0; box-shadow: inset 0 -1px 0 var(--bv-dark), inset 0 -2px 0 var(--bv-shade), inset 0 1px 0 var(--bv-hi); }
  [data-sem-theme="classic"] [data-sem-c=button-group] > [data-sem-c]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { margin-inline-start: 0; }
  [data-sem-theme="classic"] [data-sem-c=button-group]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { gap: 0; box-shadow: none; }
  [data-sem-theme="classic"] [data-sem-c=card] > header .sem-badge:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); color: var(--sem-text); box-shadow: var(--bv-thin-sunken); }
  [data-sem-theme="classic"] [data-sem-c=card] > header :is(h2, p):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: var(--bv-title-fg); }
  [data-sem-theme="classic"] [data-sem-c=card] > header:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-title); color: var(--bv-title-fg); margin: 3px 3px 0; padding: 3px 6px; border-bottom: 0; }
  [data-sem-theme="classic"] [data-sem-c=checkbox] > .sem-row > input:checked:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: linear-gradient(45deg, transparent 0 38%, var(--sem-text) 38% 64%, transparent 64%) 18% 64% / 38% 38% no-repeat, linear-gradient(-45deg, transparent 0 40%, var(--sem-text) 40% 62%, transparent 62%) 74% 42% / 54% 62% no-repeat, var(--sem-surface-sunken); }
  [data-sem-theme="classic"] [data-sem-c=checkbox] > .sem-row > input:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border: 0; box-shadow: var(--bv-sunken); --check-size: 15px; }
  [data-sem-theme="classic"] [data-sem-c=choice]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; border: 0; box-shadow: none; padding-block: 0; padding-inline-start: 0; }
  [data-sem-theme="classic"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true] :is(mark, .sem-ta-help, kbd):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: inherit; }
  [data-sem-theme="classic"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); border-radius: 0; box-shadow: none; }
  [data-sem-theme="classic"] [data-sem-c=command-palette] > .sem-panel > .sem-cp-foot:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; border-top: 1px solid var(--bv-dark); }
  [data-sem-theme="classic"] [data-sem-c=command-palette] > .sem-panel > .sem-cp-search:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border: 0; margin: 6px; box-shadow: var(--bv-sunken); min-height: 40px; }
  [data-sem-theme="classic"] [data-sem-c=command-palette] > .sem-panel:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; padding: 3px; border-radius: 0; box-shadow: var(--bv-raised), var(--sem-shadow-4); }
  [data-sem-theme="classic"] [data-sem-c=command-palette] > .sem-scrim:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { backdrop-filter: none; }
  [data-sem-theme="classic"] [data-sem-c=desktop] > [data-sem-c=taskbar]:not([data-sem-edge]):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { left: 0; right: 0; translate: none; flex-wrap: nowrap; max-width: none; z-index: 56; inset-block-end: 0; }
  [data-sem-theme="classic"] [data-sem-c=file-drop] > .sem-zone:focus-visible:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { outline: 1px dotted var(--sem-text); box-shadow: var(--bv-sunken); outline-offset: -6px; }
  [data-sem-theme="classic"] [data-sem-c=file-drop] > .sem-zone:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border: 1px dotted var(--bv-dark); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] [data-sem-c=file-item] > .sem-kind:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); color: var(--sem-text); border-radius: 0; box-shadow: var(--bv-thin-sunken); }
  [data-sem-theme="classic"] [data-sem-c=file-item]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; border-radius: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button[aria-current=page]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { box-shadow: var(--bv-pressed); }
  [data-sem-theme="classic"] [data-sem-c=list-item] > input[type=checkbox]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { accent-color: var(--bv-select-bg); }
  [data-sem-theme="classic"] [data-sem-c=menu-item]:disabled:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: var(--sem-faint); opacity: 1; text-shadow: 1px 1px 0 var(--bv-hi); }
  [data-sem-theme="classic"] [data-sem-c=menu-item]:not(:disabled):is(:hover, :focus-visible) .sem-icon:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: inherit; }
  [data-sem-theme="classic"] [data-sem-c=menu-item]:not(:disabled):is(:hover, :focus-visible):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); box-shadow: none; }
  [data-sem-theme="classic"] [data-sem-c=menu] > .sem-menu-popup:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; gap: 0; padding: 3px; box-shadow: var(--bv-raised), var(--sem-shadow-3); }
  [data-sem-theme="classic"] [data-sem-c=menu] > button:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; box-shadow: none; }
  [data-sem-theme="classic"] [data-sem-c=metrics] .sem-metric:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; border: 0; padding: 2px 8px; box-shadow: var(--bv-thin-sunken); }
  [data-sem-theme="classic"] [data-sem-c=month-grid] :is(.sem-mg-day, td):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border-radius: 0; }
  [data-sem-theme="classic"] [data-sem-c=nav-list]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border: 0; gap: 0; padding: 3px; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] [data-sem-c=progress] .sem-fill:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: repeating-linear-gradient(90deg, var(--bv-select-bg) 0 8px, transparent 8px 10px); border-radius: 0; }
  [data-sem-theme="classic"] [data-sem-c=progress] .sem-track:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); height: 18px; padding: 3px; box-shadow: var(--bv-sunken); box-sizing: border-box; }
  [data-sem-theme="classic"] [data-sem-c=radio-group] .sem-radio > input:checked:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: radial-gradient(circle, var(--sem-text) 0 22%, var(--sem-surface-sunken) 27%); }
  [data-sem-theme="classic"] [data-sem-c=radio-group] .sem-radio > input:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border: 0; border-radius: 50%; box-shadow: inset 1px 1px 0 var(--bv-shade), inset -1px -1px 0 var(--bv-hi), inset 2px 2px 0 var(--bv-dark), inset -2px -2px 0 var(--bv-lite); --radio-size: 14px; }
  [data-sem-theme="classic"] [data-sem-c=radio-group] .sem-radio:has(> input:checked):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; }
  [data-sem-theme="classic"] [data-sem-c=radio-group] .sem-radio:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; border: 0; padding: 3px 2px; box-shadow: none; }
  [data-sem-theme="classic"] [data-sem-c=slider] > input:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *))::-moz-range-thumb { background: var(--bv-face); border: 0; height: 22px; width: 12px; border-radius: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] [data-sem-c=slider] > input:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *))::-moz-range-track { background: linear-gradient(to right, var(--tone-solid, var(--bv-select-bg)) var(--sem-fill, 0%), var(--sem-surface-sunken) var(--sem-fill, 0%)); height: 6px; border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] [data-sem-c=slider] > input:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *))::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--tone-solid, var(--bv-select-bg)) var(--sem-fill, 0%), var(--sem-surface-sunken) var(--sem-fill, 0%)); height: 6px; border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] [data-sem-c=slider] > input:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *))::-webkit-slider-thumb { background: var(--bv-face); border: 0; height: 22px; width: 12px; border-radius: 0; box-shadow: var(--bv-raised); margin-top: -8px; }
  [data-sem-theme="classic"] [data-sem-c=specimen] > .sem-docs:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border-top: 0; box-shadow: inset 0 1px 0 var(--bv-shade), inset 0 2px 0 var(--bv-hi); }
  [data-sem-theme="classic"] [data-sem-c=specimen] > .sem-stage:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; box-shadow: var(--bv-etched); }
  [data-sem-theme="classic"] [data-sem-c=spinner] > .sem-ring:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border-radius: 50%; }
  [data-sem-theme="classic"] [data-sem-c=status-bar]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); backdrop-filter: none; border-top: 0; box-shadow: inset 0 1px 0 var(--bv-hi), inset 0 2px 0 var(--bv-lite); }
  [data-sem-theme="classic"] [data-sem-c=surface]:is([data-sem-elevation=flat], :not([data-sem-elevation])):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border: 0; box-shadow: var(--bv-etched); }
  [data-sem-theme="classic"] [data-sem-c=table] tbody :is(th, td):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border-bottom: 1px dotted var(--sem-border); }
  [data-sem-theme="classic"] [data-sem-c=table] tbody tr:hover :is(td, th, code):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { color: inherit; }
  [data-sem-theme="classic"] [data-sem-c=table] tbody tr:hover:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); }
  [data-sem-theme="classic"] [data-sem-c=table] tbody tr:nth-child(even):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; }
  [data-sem-theme="classic"] [data-sem-c=table] thead th:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); color: var(--sem-text); border-bottom: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] [data-sem-c=table]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] [data-sem-c=tabs] > [role=tablist]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; border: 0; gap: 0; overflow: visible; padding: 2px 4px 0; position: relative; border-radius: 0; flex-wrap: wrap; z-index: 1; }
  [data-sem-theme="classic"] [data-sem-c=tabs] > [role=tabpanel]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); padding: 12px; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] [data-sem-c=tabs] [role=tab]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); color: var(--sem-text); flex: 0 0 auto; padding: 3px 12px; box-shadow: inset 1px 1px 0 var(--bv-hi), inset -1px 0 0 var(--bv-dark), inset -2px 0 0 var(--bv-shade), inset 2px 2px 0 var(--bv-lite); font-weight: 400; margin-top: 2px; }
  [data-sem-theme="classic"] [data-sem-c=tabs] [role=tab][aria-selected=true]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); position: relative; margin-bottom: -2px; margin-inline: -2px; margin-top: 0; padding-bottom: 5px; z-index: 2; }
  [data-sem-theme="classic"] [data-sem-c=tabs]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { gap: 0; }
  [data-sem-theme="classic"] [data-sem-c=tag] > :is(.sem-tag-toggle, .sem-remove):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { border-radius: 0; }
  [data-sem-theme="classic"] [data-sem-c=taskbar] .sem-task:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); color: var(--sem-text); border-radius: 0; box-shadow: var(--bv-raised); font-weight: 400; justify-content: flex-start; min-width: 110px; }
  [data-sem-theme="classic"] [data-sem-c=taskbar] .sem-task[aria-current="true"]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-dither); color: var(--sem-text); box-shadow: var(--bv-pressed); font-weight: 700; }
  [data-sem-theme="classic"] [data-sem-c=taskbar]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border: 0; gap: 3px; padding: 3px; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] [data-sem-c=tiled-workspace] [data-sem-c=tabs]:not(:where([data-sem-c=tiled-workspace] [role=tabpanel] *)) > [role=tablist]:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; }
  [data-sem-theme="classic"] [data-sem-c=toggle-switch] .sem-thumb:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-face); border-radius: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="classic"] [data-sem-c=toggle-switch] .sem-track:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--sem-surface-sunken); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="classic"] [data-sem-c=toggle-switch] > button:not(:disabled):hover .sem-track:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { filter: brightness(0.97); }
  [data-sem-theme="classic"] [data-sem-c=toggle-switch] > button[aria-checked=true] .sem-track:not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--tone-solid, var(--bv-select-bg)); }
  [data-sem-theme="classic"] { font-size: 14px; --bv-button: var(--sem-surface); --bv-dark: light-dark(#0a0a0a, #000000); --bv-dither: repeating-conic-gradient(var(--bv-hi) 0 25%, var(--bv-face) 0 50%) 0 0 / 2px 2px; --bv-etched: inset 1px 1px 0 var(--bv-shade), inset -1px -1px 0 var(--bv-hi), inset 2px 2px 0 var(--bv-hi), inset -2px -2px 0 var(--bv-shade); --bv-face: var(--sem-surface); --bv-hi: light-dark(#ffffff, #7a7a86); --bv-lite: light-dark(#dfdfdf, #56565f); --bv-pressed: inset -1px -1px 0 var(--bv-hi), inset 1px 1px 0 var(--bv-dark), inset -2px -2px 0 var(--bv-lite), inset 2px 2px 0 var(--bv-shade); --bv-raised: inset -1px -1px 0 var(--bv-dark), inset 1px 1px 0 var(--bv-hi), inset -2px -2px 0 var(--bv-shade), inset 2px 2px 0 var(--bv-lite); --bv-shade: light-dark(#808080, #24242a); --bv-sunken: inset -1px -1px 0 var(--bv-hi), inset 1px 1px 0 var(--bv-shade), inset -2px -2px 0 var(--bv-lite), inset 2px 2px 0 var(--bv-dark); --bv-title: linear-gradient(90deg, light-dark(#000080, #1c1c64), light-dark(#1060b0, #2c5a9c)); --s-focus: 1px dotted currentColor; --bv-default-bg: var(--sem-surface); --bv-default-fg: var(--sem-text); --bv-pressed-inner: inset -2px -2px 0 var(--bv-hi), inset 2px 2px 0 var(--bv-dark), inset -3px -3px 0 var(--bv-lite), inset 3px 3px 0 var(--bv-shade); --bv-raised-inner: inset -2px -2px 0 var(--bv-dark), inset 2px 2px 0 var(--bv-hi), inset -3px -3px 0 var(--bv-shade), inset 3px 3px 0 var(--bv-lite); --bv-select-bg: light-dark(#000080, #2f4fa0); --bv-select-fg: #ffffff; --bv-thin-raised: inset -1px -1px 0 var(--bv-shade), inset 1px 1px 0 var(--bv-hi); --bv-thin-sunken: inset -1px -1px 0 var(--bv-hi), inset 1px 1px 0 var(--bv-shade); --bv-title-fg: #ffffff; --s-focus-offset: -4px; }
  [data-sem-theme="classic"]:has(> [data-sem-c=desktop] > [data-sem-c=taskbar]:not([data-sem-edge], [hidden])) { box-sizing: border-box; padding-block-end: var(--sem-dock-bottom); --sem-dock-bottom: var(--sem-taskbar-size); }
  [data-sem-theme="cupertino"] *:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { scrollbar-width: thin; }
  [data-sem-theme="cupertino"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-popup, [data-sem-c=time-field] > .sem-time-list):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass); border: 0.5px solid var(--mac-hairline); backdrop-filter: var(--mac-blur); border-radius: 9px; }
  [data-sem-theme="cupertino"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):focus-within:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-color: var(--sem-accent-9); box-shadow: var(--sem-ring); }
  [data-sem-theme="cupertino"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-surface); border: 0.5px solid var(--sem-border-strong); box-shadow: inset 0 0.5px 1px light-dark(rgb(0 0 0 / 0.08), rgb(0 0 0 / 0.4)); }
  [data-sem-theme="cupertino"] :is([data-sem-c=button], [data-sem-c=icon-button], [data-sem-c=toggle]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { font-weight: 500; }
  [data-sem-theme="cupertino"] :is([data-sem-c=button], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=icon-button]):not([data-sem-emphasis]):focus-visible:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { box-shadow: var(--sem-shadow), var(--sem-ring); }
  [data-sem-theme="cupertino"] :is([data-sem-c=button], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=icon-button]):not([data-sem-emphasis]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-color: transparent; box-shadow: var(--sem-shadow); }
  [data-sem-theme="cupertino"] :is([data-sem-c=card], [data-sem-c=specimen], [data-sem-c=table], [data-sem-c=stat], [data-sem-c=accordion]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-color: var(--mac-hairline); border-width: 0.5px; }
  [data-sem-theme="cupertino"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup > .sem-ta-list > li[aria-selected=true] mark:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: inherit; }
  [data-sem-theme="cupertino"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup > .sem-ta-list > li[aria-selected=true]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-accent-9); color: #ffffff; box-shadow: none; }
  [data-sem-theme="cupertino"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass); border: 0.5px solid var(--mac-hairline); backdrop-filter: var(--mac-blur); border-radius: 9px; }
  [data-sem-theme="cupertino"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:focus-within:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-color: var(--sem-accent-9); box-shadow: var(--sem-ring); }
  [data-sem-theme="cupertino"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-surface); border: 0.5px solid var(--sem-border-strong); box-shadow: inset 0 0.5px 1px light-dark(rgb(0 0 0 / 0.08), rgb(0 0 0 / 0.4)); }
  [data-sem-theme="cupertino"] :is([data-sem-c=dialog], [data-sem-c=lightbox]) > .sem-panel:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-radius: 14px; }
  [data-sem-theme="cupertino"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > .sem-head h2:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { font-size: 15px; font-weight: 700; letter-spacing: -0.01em; }
  [data-sem-theme="cupertino"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass-strong); border: 0.5px solid var(--mac-hairline); backdrop-filter: var(--mac-blur); }
  [data-sem-theme="cupertino"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer], [data-sem-c=toast]) .sem-close:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-track); height: 22px; width: 22px; border-radius: 50%; font-size: 10px; }
  [data-sem-theme="cupertino"] :is([data-sem-c=menu] > .sem-menu-popup, [data-sem-c=popover] > .sem-panel, [data-sem-c=toast], [data-sem-c=taskbar]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass); border: 0.5px solid var(--mac-hairline); backdrop-filter: var(--mac-blur); }
  [data-sem-theme="cupertino"] :is([data-sem-c=month-grid] td[aria-selected=true] > .sem-mg-day, [data-sem-c=time-field] > .sem-time-list > li[aria-selected=true]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-accent-9); color: #ffffff; box-shadow: none; }
  [data-sem-theme="cupertino"] :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: var(--sem-text); padding: 4px 10px; border-radius: 6px; font-size: 13px; font-weight: 500; }
  [data-sem-theme="cupertino"] :is([data-sem-c=nav-list] button[aria-pressed=true], [data-sem-c=nav-link][aria-current=page]):focus-visible:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { box-shadow: var(--sem-ring); }
  [data-sem-theme="cupertino"] :is([data-sem-c=nav-list] button[aria-pressed=true], [data-sem-c=nav-link][aria-current=page]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-accent-9); color: #ffffff; box-shadow: none; }
  [data-sem-theme="cupertino"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button:focus-visible:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { box-shadow: var(--sem-ring); }
  [data-sem-theme="cupertino"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: var(--sem-text); padding: 3px 12px; border-radius: 6px; font-size: 13px; font-weight: 500; }
  [data-sem-theme="cupertino"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button:not([aria-pressed=true]) + button:not([aria-pressed=true]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { box-shadow: inset 1px 0 0 -0.5px var(--mac-hairline); }
  [data-sem-theme="cupertino"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button[aria-pressed=true]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-thumb); color: var(--sem-text); box-shadow: var(--mac-thumb-shadow); }
  [data-sem-theme="cupertino"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-track); border: 0; gap: 0; padding: 2px; border-radius: 8px; box-shadow: inset 0 0 0 0.5px var(--mac-hairline); }
  [data-sem-theme="cupertino"] :is([data-sem-c=shape-field], [data-sem-c=choice]) select:not([multiple]):not([size]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { padding-inline-end: var(--sem-chevron-space); }
  [data-sem-theme="cupertino"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select, textarea), [data-sem-c=choice]:not([data-sem-label-placement=inline]) select, [data-sem-c=text-area] > textarea):focus:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-color: var(--sem-accent-9); box-shadow: var(--sem-ring); }
  [data-sem-theme="cupertino"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select, textarea), [data-sem-c=choice]:not([data-sem-label-placement=inline]) select, [data-sem-c=text-area] > textarea):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border: 0.5px solid var(--sem-border-strong); padding: 5px 8px; background-color: var(--sem-surface); box-shadow: inset 0 0.5px 1px light-dark(rgb(0 0 0 / 0.08), rgb(0 0 0 / 0.4)); }
  [data-sem-theme="cupertino"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row :is(.sem-label, .sem-count, .sem-twisty):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: #ffffff; }
  [data-sem-theme="cupertino"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-accent-9); border-radius: 5px; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar strong:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: var(--sem-text); overflow: hidden; position: absolute; font-size: 13px; font-weight: 600; inset-inline: 76px; letter-spacing: 0; pointer-events: none; text-align: center; text-overflow: ellipsis; text-transform: none; white-space: nowrap; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar:is(:hover, :focus-within) .sem-window-control:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: rgb(0 0 0 / 0.6); }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: light-dark(#f6f6f6, #2c2c2e); gap: 8px; padding: 0 10px; position: relative; border-bottom: 0.5px solid var(--mac-hairline); min-height: 28px; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:focus-visible:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { box-shadow: var(--sem-ring); }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:hover:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: light-dark(#d6d6d6, #5a5a5e); }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=close]):hover:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: #ff5f57; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=close]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: #ff5f57; order: -3; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=dock], [data-sem-control=undock]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { order: 1; margin-inline-start: auto; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=maximize], [data-sem-control=restore]):hover:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: #28c840; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=maximize], [data-sem-control=restore]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: #28c840; order: -1; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=minimize]):hover:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: #febc2e; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=minimize]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: #febc2e; order: -2; }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: light-dark(#d6d6d6, #5a5a5e); color: transparent; font: 700 8px/1 var(--sem-font); height: 12px; order: 1; padding: 0; width: 12px; border-radius: 50%; box-shadow: inset 0 0 0 0.5px rgb(0 0 0 / 0.18); }
  [data-sem-theme="cupertino"] :is([data-sem-c=window], [data-sem-c=palette]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-surface); border: 0.5px solid var(--mac-hairline); border-radius: 10px; box-shadow: var(--sem-shadow-4); }
  [data-sem-theme="cupertino"] [data-sem-c=app-bar]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass); backdrop-filter: var(--mac-blur); border-bottom: 0.5px solid var(--mac-hairline); }
  [data-sem-theme="cupertino"] [data-sem-c=button]:active:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { filter: brightness(0.94); transform: none; }
  [data-sem-theme="cupertino"] [data-sem-c=checkbox] > .sem-row > input:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-radius: 4px; border-width: 0.5px; box-shadow: var(--sem-shadow); --check-size: 15px; }
  [data-sem-theme="cupertino"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true] :is(mark, .sem-ta-help):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: inherit; }
  [data-sem-theme="cupertino"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-accent-9); color: #ffffff; border-radius: 6px; box-shadow: none; }
  [data-sem-theme="cupertino"] [data-sem-c=command-palette] > .sem-panel > .sem-cp-foot:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: transparent; }
  [data-sem-theme="cupertino"] [data-sem-c=command-palette] > .sem-panel:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass-strong); border: 0.5px solid var(--mac-hairline); backdrop-filter: var(--mac-blur); border-radius: 14px; }
  [data-sem-theme="cupertino"] [data-sem-c=desktop] > [data-sem-c=taskbar]:is([data-sem-edge=start], [data-sem-edge=end]) > .sem-task:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { max-width: 72px; }
  [data-sem-theme="cupertino"] [data-sem-c=desktop] > [data-sem-c=taskbar]:is([data-sem-edge=start], [data-sem-edge=end]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { align-items: center; block-size: fit-content; inline-size: auto; margin-block: auto; max-block-size: calc(100dvh - 16px); }
  [data-sem-theme="cupertino"] [data-sem-c=desktop] > [data-sem-c=taskbar]:is([data-sem-edge=top], [data-sem-edge=bottom]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { block-size: auto; inline-size: fit-content; margin-inline: auto; max-inline-size: calc(100% - 16px); }
  [data-sem-theme="cupertino"] [data-sem-c=desktop] > [data-sem-c=taskbar]:is([data-sem-edge=top], [data-sem-edge=bottom], [data-sem-edge=start], [data-sem-edge=end]):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-radius: 18px; border-width: 1px; box-shadow: var(--sem-shadow-3); }
  [data-sem-theme="cupertino"] [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=bottom]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { inset-block-end: 6px; }
  [data-sem-theme="cupertino"] [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=end]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { inset-inline-end: 6px; }
  [data-sem-theme="cupertino"] [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=start]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { inset-inline-start: 6px; }
  [data-sem-theme="cupertino"] [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=top]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { inset-block-start: 6px; }
  [data-sem-theme="cupertino"] [data-sem-c=menu-item]:not(:disabled):is(:hover, :focus-visible) .sem-icon:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: inherit; }
  [data-sem-theme="cupertino"] [data-sem-c=menu-item]:not(:disabled):is(:hover, :focus-visible):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-accent-9); color: #ffffff; box-shadow: none; }
  [data-sem-theme="cupertino"] [data-sem-c=menu-item]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-radius: 5px; font-size: 13px; font-weight: 400; }
  [data-sem-theme="cupertino"] [data-sem-c=menu] > .sem-menu-popup:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { gap: 0; padding: 5px; border-radius: 9px; }
  [data-sem-theme="cupertino"] [data-sem-c=metrics] .sem-metric:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-track); border: 0; border-radius: 6px; }
  [data-sem-theme="cupertino"] [data-sem-c=nav-list]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass); border: 0.5px solid var(--mac-hairline); gap: 1px; padding: 8px; backdrop-filter: var(--mac-blur); border-radius: 12px; }
  [data-sem-theme="cupertino"] [data-sem-c=palette] .sem-window-bar strong:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: var(--sem-muted); font-size: 11px; inset-inline: 40px; }
  [data-sem-theme="cupertino"] [data-sem-c=palette] .sem-window-bar:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: transparent; gap: 6px; padding: 0 8px; min-height: 22px; }
  [data-sem-theme="cupertino"] [data-sem-c=palette] .sem-window-control:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { height: 10px; width: 10px; font-size: 7px; }
  [data-sem-theme="cupertino"] [data-sem-c=palette]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass); backdrop-filter: var(--mac-blur); border-radius: 10px; }
  [data-sem-theme="cupertino"] [data-sem-c=radio-group] .sem-radio > input:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-width: 0.5px; box-shadow: var(--sem-shadow); --radio-size: 15px; }
  [data-sem-theme="cupertino"] [data-sem-c=radio-group] .sem-radio:has(> input:checked):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: transparent; }
  [data-sem-theme="cupertino"] [data-sem-c=radio-group] .sem-radio:has(> input:focus-visible) > input:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { box-shadow: var(--sem-ring); }
  [data-sem-theme="cupertino"] [data-sem-c=radio-group] .sem-radio:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: transparent; border: 0; padding: 3px 0; box-shadow: none; }
  [data-sem-theme="cupertino"] [data-sem-c=slider] > input:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *))::-moz-range-thumb { border: 0; box-shadow: 0 0 0 0.5px rgb(0 0 0 / 0.12), 0 1px 3px light-dark(rgb(0 0 0 / 0.3), rgb(0 0 0 / 0.6)); }
  [data-sem-theme="cupertino"] [data-sem-c=slider] > input:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *))::-moz-range-track { height: 4px; }
  [data-sem-theme="cupertino"] [data-sem-c=slider] > input:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *))::-webkit-slider-runnable-track { height: 4px; }
  [data-sem-theme="cupertino"] [data-sem-c=slider] > input:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *))::-webkit-slider-thumb { border: 0; box-shadow: 0 0 0 0.5px rgb(0 0 0 / 0.12), 0 1px 3px light-dark(rgb(0 0 0 / 0.3), rgb(0 0 0 / 0.6)); margin-top: calc((4px - var(--thumb)) / 2); }
  [data-sem-theme="cupertino"] [data-sem-c=specimen] > .sem-stage:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-surface-sunken); border: 0.5px solid var(--mac-hairline); }
  [data-sem-theme="cupertino"] [data-sem-c=status-bar]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass); backdrop-filter: var(--mac-blur); border-top: 0.5px solid var(--mac-hairline); }
  [data-sem-theme="cupertino"] [data-sem-c=table] tbody :is(th, td):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-bottom: 0; }
  [data-sem-theme="cupertino"] [data-sem-c=table] tbody tr:hover :is(td, th, code):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: inherit; }
  [data-sem-theme="cupertino"] [data-sem-c=table] tbody tr:hover:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--sem-accent-9); color: #ffffff; }
  [data-sem-theme="cupertino"] [data-sem-c=table] thead th:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-glass-strong); color: var(--sem-muted); backdrop-filter: var(--mac-blur); border-bottom: 0.5px solid var(--mac-hairline); font-weight: 500; }
  [data-sem-theme="cupertino"] [data-sem-c=tabs] > [role=tablist]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: light-dark(#e3e3e3, #2c2c2e); border: 0; gap: 0; padding: 2px; position: relative; width: fit-content; border-radius: 8px; box-shadow: inset 0 0 0 0.5px var(--mac-hairline); justify-self: center; max-width: 100%; z-index: 1; }
  [data-sem-theme="cupertino"] [data-sem-c=tabs] > [role=tabpanel]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: light-dark(rgb(0 0 0 / 0.025), rgb(255 255 255 / 0.03)); border: 0.5px solid var(--mac-hairline); padding: 26px 14px 14px; border-radius: 10px; margin-top: calc(-1 * var(--sem-space-4) - 13px); }
  [data-sem-theme="cupertino"] [data-sem-c=tabs] [role=tab]:focus-visible:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { box-shadow: var(--sem-ring); }
  [data-sem-theme="cupertino"] [data-sem-c=tabs] [role=tab]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: var(--sem-text); flex: 0 0 auto; padding: 3px 14px; border-radius: 6px; font-size: 13px; font-weight: 500; }
  [data-sem-theme="cupertino"] [data-sem-c=tabs] [role=tab][aria-selected=true]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: var(--mac-thumb); box-shadow: var(--mac-thumb-shadow); }
  [data-sem-theme="cupertino"] [data-sem-c=taskbar] .sem-task .sem-icon:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { font-size: 22px; line-height: 1; }
  [data-sem-theme="cupertino"] [data-sem-c=taskbar] .sem-task:hover:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: transparent; transform: translateY(-3px) scale(1.06); }
  [data-sem-theme="cupertino"] [data-sem-c=taskbar] .sem-task:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { color: var(--sem-text); gap: 3px; height: auto; padding: 6px 10px 8px; transition: transform var(--sem-duration-fast) var(--sem-spring), background var(--sem-duration-fast) var(--sem-ease); border-radius: 12px; flex-direction: column; font-size: 10px; font-weight: 500; }
  [data-sem-theme="cupertino"] [data-sem-c=taskbar] .sem-task[aria-current="true"]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: radial-gradient(circle, var(--sem-text) 0 2px, transparent 2.5px) bottom 1px center / 6px 6px no-repeat; color: var(--sem-text); }
  [data-sem-theme="cupertino"] [data-sem-c=taskbar]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { gap: 4px; padding: 5px; border-radius: 18px; }
  [data-sem-theme="cupertino"] [data-sem-c=toast]:not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { border-radius: 16px; }
  [data-sem-theme="cupertino"] { scrollbar-color: light-dark(rgb(0 0 0 / 0.3), rgb(255 255 255 / 0.3)) transparent; --mac-blur: saturate(1.8) blur(24px); --mac-glass: color-mix(in srgb, var(--sem-surface-overlay) 72%, transparent); --mac-hairline: light-dark(rgb(0 0 0 / 0.12), rgb(255 255 255 / 0.12)); --mac-thumb: light-dark(#ffffff, #636366); --mac-track: light-dark(rgb(0 0 0 / 0.06), rgb(255 255 255 / 0.09)); --s-focus: 3px solid color-mix(in srgb, var(--sem-accent-9) 55%, transparent); -webkit-font-smoothing: antialiased; --mac-glass-strong: color-mix(in srgb, var(--sem-surface-overlay) 86%, transparent); --mac-thumb-shadow: 0 0 0 0.5px light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.3)), 0 1px 2px light-dark(rgb(0 0 0 / 0.16), rgb(0 0 0 / 0.4)); }
  [data-sem-theme="doodle"] *:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *))::selection { background: var(--hl-strong); color: var(--sem-text); }
  [data-sem-theme="doodle"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-popup, [data-sem-c=time-field] > .sem-time-list):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: light-dark(#fff7b0, #4a4628); border: 0; color: light-dark(#1b2340, #fff8d6); rotate: 0.8deg; border-radius: 2px 2px 18px 2px / 2px 2px 26px 2px; box-shadow: 4px 6px 0 light-dark(rgb(27 35 64 / 0.18), rgb(0 0 0 / 0.4)); }
  [data-sem-theme="doodle"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):focus-within:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--hl); border-color: var(--ink); box-shadow: none; }
  [data-sem-theme="doodle"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; box-shadow: none; }
  [data-sem-theme="doodle"] :is([data-sem-c=badge], [data-sem-c=tag]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border-color: currentColor; border-radius: var(--wob-o); border-style: solid; border-width: 1.5px; }
  [data-sem-theme="doodle"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=choice][data-sem-label-placement=inline], [data-sem-c=flippable] .sem-flip):focus-visible:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { outline: var(--s-focus); outline-offset: 3px; }
  [data-sem-theme="doodle"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=choice][data-sem-label-placement=inline], [data-sem-c=flippable] .sem-flip):not([data-sem-emphasis=ghost]):not(:disabled):hover:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { transform: rotate(-1.5deg) translateY(-1px); box-shadow: 3px 4px 0 var(--ink); }
  [data-sem-theme="doodle"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=choice][data-sem-label-placement=inline], [data-sem-c=flippable] .sem-flip):not([data-sem-emphasis=ghost]):not(:disabled):is(:active, [aria-pressed=true], [aria-expanded=true], [data-open]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { transform: translate(2px, 3px); box-shadow: 0 0 0 var(--ink); }
  [data-sem-theme="doodle"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=choice][data-sem-label-placement=inline], [data-sem-c=flippable] .sem-flip):not([data-sem-emphasis=ghost]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border-color: var(--ink); border-radius: var(--wob-a); border-style: solid; border-width: 2px; box-shadow: 2px 3px 0 var(--ink); }
  [data-sem-theme="doodle"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=choice][data-sem-label-placement=inline], [data-sem-c=flippable] .sem-flip):not([data-sem-emphasis=ghost]):nth-child(2n):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border-radius: var(--wob-b); }
  [data-sem-theme="doodle"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=toggle], [data-sem-c=menu]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { font-size: 15px; font-weight: 700; }
  [data-sem-theme="doodle"] :is([data-sem-c=card], [data-sem-c=specimen], [data-sem-c=stat], [data-sem-c=accordion], [data-sem-c=table], [data-sem-c=alert], [data-sem-c=surface][data-sem-elevation]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border-color: var(--ink); border-style: solid; border-width: 2px; }
  [data-sem-theme="doodle"] :is([data-sem-c=chips] button, [data-sem-c=toggle], [data-sem-c=icon-button])[aria-pressed=true]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--hl-strong); color: var(--sem-text); }
  [data-sem-theme="doodle"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup > .sem-ta-list > li[aria-selected=true] mark:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { color: inherit; }
  [data-sem-theme="doodle"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup > .sem-ta-list > li[aria-selected=true]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: linear-gradient(100deg, transparent 1%, var(--hl-strong) 3% 94%, transparent 98%); color: inherit; box-shadow: none; }
  [data-sem-theme="doodle"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: light-dark(#fff7b0, #4a4628); border: 0; color: light-dark(#1b2340, #fff8d6); rotate: 0.8deg; border-radius: 2px 2px 18px 2px / 2px 2px 26px 2px; box-shadow: 4px 6px 0 light-dark(rgb(27 35 64 / 0.18), rgb(0 0 0 / 0.4)); }
  [data-sem-theme="doodle"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:focus-within:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--hl); border-color: var(--ink); box-shadow: none; }
  [data-sem-theme="doodle"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; box-shadow: none; }
  [data-sem-theme="doodle"] :is([data-sem-c=dialog], [data-sem-c=lightbox]) > .sem-panel:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { rotate: -0.6deg; border-radius: var(--wob-c); }
  [data-sem-theme="doodle"] :is([data-sem-c=dialog], [data-sem-c=lightbox]) > .sem-panel:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *))::before { background: light-dark(rgb(240 220 140 / 0.75), rgb(200 190 120 / 0.45)); content: ""; height: 26px; left: 50%; position: absolute; rotate: -4deg; top: -13px; translate: -50% 0; width: 96px; box-shadow: 0 1px 2px rgb(0 0 0 / 0.1); }
  [data-sem-theme="doodle"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > .sem-head h2:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { font-family: var(--sem-font-display); font-size: 22px; font-weight: 400; }
  [data-sem-theme="doodle"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 2px solid var(--ink); overflow: visible; box-shadow: var(--sem-shadow-4); }
  [data-sem-theme="doodle"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer], [data-sem-c=toast]) .sem-close:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 2px solid var(--ink); color: var(--sem-text); border-radius: var(--wob-o); }
  [data-sem-theme="doodle"] :is([data-sem-c=menu] > .sem-menu-popup, [data-sem-c=popover] > .sem-panel):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: light-dark(#fff7b0, #4a4628); border: 0; color: light-dark(#1b2340, #fff8d6); rotate: 0.8deg; border-radius: 2px 2px 18px 2px / 2px 2px 26px 2px; box-shadow: 4px 6px 0 light-dark(rgb(27 35 64 / 0.18), rgb(0 0 0 / 0.4)); }
  [data-sem-theme="doodle"] :is([data-sem-c=month-grid] td[aria-selected=true] > .sem-mg-day, [data-sem-c=time-field] > .sem-time-list > li[aria-selected=true]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: linear-gradient(100deg, transparent 1%, var(--hl-strong) 3% 94%, transparent 98%); color: inherit; box-shadow: none; }
  [data-sem-theme="doodle"] :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { color: var(--sem-text); border-bottom: 1px dashed var(--sem-border); border-radius: 0; font-size: 15px; font-weight: 700; }
  [data-sem-theme="doodle"] :is([data-sem-c=nav-list] button[aria-pressed=true], [data-sem-c=nav-link][aria-current=page]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: linear-gradient(100deg, transparent 1%, var(--hl-strong) 3% 94%, transparent 98%); color: var(--sem-text); box-shadow: none; }
  [data-sem-theme="doodle"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 2px solid transparent; color: var(--sem-text); border-radius: var(--wob-a); font-weight: 700; }
  [data-sem-theme="doodle"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button[aria-pressed=true]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--hl-strong); color: var(--sem-text); transform: rotate(-1deg); border-color: var(--ink); }
  [data-sem-theme="doodle"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 0; gap: 4px; padding: 0; box-shadow: none; }
  [data-sem-theme="doodle"] :is([data-sem-c=shape-field], [data-sem-c=choice]) select:not([multiple]):not([size]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { padding-inline-end: var(--sem-chevron-space); }
  [data-sem-theme="doodle"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select), [data-sem-c=choice]:not([data-sem-label-placement=inline]) select):focus:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background-color: var(--hl); border-color: var(--ink); box-shadow: none; }
  [data-sem-theme="doodle"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select), [data-sem-c=choice]:not([data-sem-label-placement=inline]) select):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 0; padding: 4px 2px; background-color: transparent; border-bottom: 2px solid var(--ink); border-radius: 0; box-shadow: none; font-size: 17px; }
  [data-sem-theme="doodle"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row > .sem-label:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { color: var(--sem-text); }
  [data-sem-theme="doodle"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: linear-gradient(100deg, transparent 1%, var(--hl-strong) 3% 94%, transparent 98%); }
  [data-sem-theme="doodle"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar strong:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { color: var(--sem-text); font-family: var(--sem-font-display); font-size: 17px; font-weight: 400; letter-spacing: 0.01em; text-transform: none; }
  [data-sem-theme="doodle"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border-bottom: 2px dashed var(--ink); }
  [data-sem-theme="doodle"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-body:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; }
  [data-sem-theme="doodle"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:hover:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--hl-strong); color: var(--sem-text); rotate: -8deg; }
  [data-sem-theme="doodle"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 2px solid var(--ink); color: var(--sem-text); font: 700 12px/1 var(--sem-font); height: 24px; width: 24px; border-radius: var(--wob-o); }
  [data-sem-theme="doodle"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-grip:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { bottom: 4px; right: 4px; }
  [data-sem-theme="doodle"] :is([data-sem-c=window], [data-sem-c=palette]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--sem-surface); border: 2.5px solid var(--ink); border-radius: var(--wob-c); box-shadow: var(--sem-shadow-4); }
  [data-sem-theme="doodle"] :is(input, select, textarea, [role=tab], :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]), [data-sem-c=segmented] button, [data-sem-c=menu-item], .sem-window-control, [data-sem-c=tree] .sem-label, [data-sem-c=rdf-editor] .sem-label, [data-sem-c=table]):focus-visible:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { outline: var(--s-focus); outline-offset: 2px; }
  [data-sem-theme="doodle"] [data-sem-c=app-bar] .sem-brand strong:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { font-family: var(--sem-font-display); font-size: 20px; font-weight: 400; }
  [data-sem-theme="doodle"] [data-sem-c=app-bar]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: color-mix(in srgb, var(--sem-surface) 82%, transparent); border-bottom: 2px solid var(--ink); }
  [data-sem-theme="doodle"] [data-sem-c=button-group] > [data-sem-c]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { margin-inline-start: 0; }
  [data-sem-theme="doodle"] [data-sem-c=button-group]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { gap: 6px; box-shadow: none; }
  [data-sem-theme="doodle"] [data-sem-c=card] > header h2:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { font-family: var(--sem-font-display); font-size: 17px; font-weight: 400; }
  [data-sem-theme="doodle"] [data-sem-c=card] > header:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border-bottom: 2px solid var(--ink); }
  [data-sem-theme="doodle"] [data-sem-c=card]:nth-child(2n):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { rotate: 0.2deg; }
  [data-sem-theme="doodle"] [data-sem-c=checkbox] > .sem-row > input:checked:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: linear-gradient(45deg, transparent 0 43%, var(--sem-accent) 43% 57%, transparent 57%) center / 70% 70% no-repeat, linear-gradient(-45deg, transparent 0 43%, var(--sem-accent) 43% 57%, transparent 57%) center / 72% 66% no-repeat, var(--hl); }
  [data-sem-theme="doodle"] [data-sem-c=checkbox] > .sem-row > input:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 2px solid var(--ink); border-radius: var(--wob-b); box-shadow: none; --check-size: 20px; }
  [data-sem-theme="doodle"] [data-sem-c=choice][data-sem-label-placement=inline] select:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background-color: transparent; border-radius: var(--wob-b); font-weight: 700; }
  [data-sem-theme="doodle"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true] mark:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { color: inherit; }
  [data-sem-theme="doodle"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: linear-gradient(100deg, transparent 1%, var(--hl-strong) 3% 94%, transparent 98%); color: inherit; box-shadow: none; }
  [data-sem-theme="doodle"] [data-sem-c=command-palette] .sem-cp-heading:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { font-family: var(--sem-font-display); font-size: 17px; font-weight: 400; letter-spacing: 0; text-transform: none; }
  [data-sem-theme="doodle"] [data-sem-c=command-palette] > .sem-panel > .sem-cp-search:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border-bottom: 2px solid var(--ink); }
  [data-sem-theme="doodle"] [data-sem-c=command-palette] > .sem-panel:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 2px solid var(--ink); rotate: -0.4deg; border-radius: var(--wob-c); box-shadow: var(--sem-shadow-4); }
  [data-sem-theme="doodle"] [data-sem-c=desktop] > [data-sem-c=taskbar]:is([data-sem-edge=top], [data-sem-edge=bottom], [data-sem-edge=start], [data-sem-edge=end]):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { rotate: none; border-radius: 0; }
  [data-sem-theme="doodle"] [data-sem-c=file-drop] > .sem-zone:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 2px dashed var(--ink); border-radius: var(--wob-a); }
  [data-sem-theme="doodle"] [data-sem-c=file-item] > .sem-kind:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--hl); color: var(--ink); border-radius: var(--wob-c); }
  [data-sem-theme="doodle"] [data-sem-c=file-item]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 2px solid var(--ink); border-radius: var(--wob-b); }
  [data-sem-theme="doodle"] [data-sem-c=file-item]:nth-child(2n):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { rotate: -0.2deg; }
  [data-sem-theme="doodle"] [data-sem-c=flippable]:nth-child(2n) [data-sem-c=specimen]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { rotate: 0.3deg; border-radius: 15px 225px 15px 255px / 255px 15px 225px 15px; }
  [data-sem-theme="doodle"] [data-sem-c=kbd] > kbd:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--sem-surface); border: 2px solid var(--ink); border-radius: var(--wob-b); }
  [data-sem-theme="doodle"] [data-sem-c=menu-item]:not(:disabled):is(:hover, :focus-visible):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: linear-gradient(100deg, transparent 1%, var(--hl-strong) 3% 94%, transparent 98%); color: inherit; box-shadow: none; }
  [data-sem-theme="doodle"] [data-sem-c=menu] > button:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 0; box-shadow: none; }
  [data-sem-theme="doodle"] [data-sem-c=metrics] .sem-metric:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 1.5px solid var(--sem-border); border-radius: var(--wob-a); }
  [data-sem-theme="doodle"] [data-sem-c=nav-list]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--sem-surface); border: 2px solid var(--ink); rotate: -0.4deg; border-radius: var(--wob-c); box-shadow: var(--sem-shadow-2); }
  [data-sem-theme="doodle"] [data-sem-c=palette]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: light-dark(#fff7b0, #4a4628); rotate: 0.6deg; }
  [data-sem-theme="doodle"] [data-sem-c=progress] .sem-fill:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border-radius: var(--wob-a); }
  [data-sem-theme="doodle"] [data-sem-c=progress] .sem-track:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 2px solid var(--ink); height: 14px; border-radius: var(--wob-a); box-sizing: border-box; }
  [data-sem-theme="doodle"] [data-sem-c=radio-group] .sem-radio > input:checked:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: radial-gradient(circle at 46% 54%, var(--sem-accent) 0 34%, transparent 40%); border-color: var(--ink); }
  [data-sem-theme="doodle"] [data-sem-c=radio-group] .sem-radio > input:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 2px solid var(--ink); border-radius: var(--wob-o); --radio-size: 19px; }
  [data-sem-theme="doodle"] [data-sem-c=radio-group] .sem-radio:has(> input:checked):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: linear-gradient(100deg, transparent 1%, var(--hl) 3% 95%, transparent 98%) 0 60% / 100% 60% no-repeat; }
  [data-sem-theme="doodle"] [data-sem-c=radio-group] .sem-radio:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 0; padding: 4px 2px; box-shadow: none; }
  [data-sem-theme="doodle"] [data-sem-c=slider] > input:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *))::-moz-range-thumb { background: var(--sem-surface); border: 2.5px solid var(--ink); border-radius: var(--wob-o); box-shadow: none; }
  [data-sem-theme="doodle"] [data-sem-c=slider] > input:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *))::-moz-range-track { background: linear-gradient(to right, var(--hl-strong) var(--sem-fill, 0%), transparent var(--sem-fill, 0%)); border: 2px solid var(--ink); height: 6px; border-radius: var(--wob-a); }
  [data-sem-theme="doodle"] [data-sem-c=slider] > input:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *))::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--hl-strong) var(--sem-fill, 0%), transparent var(--sem-fill, 0%)); border: 2px solid var(--ink); height: 6px; border-radius: var(--wob-a); }
  [data-sem-theme="doodle"] [data-sem-c=slider] > input:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *))::-webkit-slider-thumb { background: var(--sem-surface); border: 2.5px solid var(--ink); border-radius: var(--wob-o); box-shadow: none; margin-top: calc((6px - var(--thumb)) / 2 - 2px); }
  [data-sem-theme="doodle"] [data-sem-c=specimen] > .sem-stage:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 2px dashed var(--sem-border); border-radius: var(--wob-c); }
  [data-sem-theme="doodle"] [data-sem-c=specimen]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { rotate: -0.25deg; }
  [data-sem-theme="doodle"] [data-sem-c=status-bar]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: color-mix(in srgb, var(--sem-surface) 86%, transparent); border-top: 2px dashed var(--ink); }
  [data-sem-theme="doodle"] [data-sem-c=table] tbody :is(th, td):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border-bottom: 1px dashed var(--sem-border); }
  [data-sem-theme="doodle"] [data-sem-c=table] tbody tr:hover:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--hl); }
  [data-sem-theme="doodle"] [data-sem-c=table] tbody tr:nth-child(even):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; }
  [data-sem-theme="doodle"] [data-sem-c=table] thead th:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--sem-surface); color: var(--sem-text); border-bottom: 2px solid var(--ink); }
  [data-sem-theme="doodle"] [data-sem-c=tabs] > [role=tablist]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 0; gap: 4px; padding: 5px 4px 0; border-bottom: 2px solid var(--ink); border-radius: 0; }
  [data-sem-theme="doodle"] [data-sem-c=tabs] [role=tab]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--sem-surface-sunken); border: 2px solid var(--ink); color: var(--sem-muted); flex: 0 0 auto; border-bottom: 0; border-radius: 18px 22px 0 0 / 14px 18px 0 0; font-weight: 700; margin-bottom: -2px; }
  [data-sem-theme="doodle"] [data-sem-c=tabs] [role=tab][aria-selected=true]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--sem-surface); color: var(--sem-text); box-shadow: inset 0 -6px 0 var(--hl); margin-top: -3px; padding-bottom: 9px; }
  [data-sem-theme="doodle"] [data-sem-c=taskbar] .sem-task:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { color: var(--sem-text); border-radius: var(--wob-a); font-weight: 700; }
  [data-sem-theme="doodle"] [data-sem-c=taskbar] .sem-task[aria-current="true"]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 2px solid var(--ink); border-radius: var(--wob-o); }
  [data-sem-theme="doodle"] [data-sem-c=taskbar]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: light-dark(rgb(240 220 140 / 0.92), rgb(90 84 50 / 0.92)); border: 0; rotate: -0.5deg; border-radius: 3px; box-shadow: var(--sem-shadow-3); }
  [data-sem-theme="doodle"] [data-sem-c=text-area] > textarea:focus:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--hl); border-style: solid; box-shadow: none; }
  [data-sem-theme="doodle"] [data-sem-c=text-area] > textarea:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 2px dashed var(--ink); border-radius: var(--wob-c); box-shadow: none; font-size: 16px; }
  [data-sem-theme="doodle"] [data-sem-c=toast]:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { border: 2px solid var(--ink); rotate: -0.8deg; border-radius: var(--wob-c); box-shadow: var(--sem-shadow-3); }
  [data-sem-theme="doodle"] [data-sem-c=toggle-switch] .sem-thumb:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--ink); left: 1px; top: 1px; border-radius: var(--wob-o); box-shadow: none; }
  [data-sem-theme="doodle"] [data-sem-c=toggle-switch] .sem-track:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: transparent; border: 2px solid var(--ink); border-radius: var(--wob-a); box-shadow: none; }
  [data-sem-theme="doodle"] [data-sem-c=toggle-switch] > button[aria-checked=true] .sem-track:not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--hl-strong); }
  [data-sem-theme="doodle"] { scrollbar-color: var(--ink) transparent; --hl: light-dark(rgb(255 214 0 / 0.55), rgb(255 216 102 / 0.3)); --ink: var(--sem-border-strong); --hl-strong: light-dark(rgb(255 214 0 / 0.85), rgb(255 216 102 / 0.5)); --s-focus: 2px dashed var(--sem-accent); --wob-a: 255px 15px 225px 15px / 15px 225px 15px 255px; --wob-b: 15px 255px 15px 225px / 225px 15px 255px 15px; --wob-c: 125px 10px 20px 185px / 25px 205px 205px 25px; --wob-o: 52% 48% 55% 45% / 47% 55% 45% 53%; }
  [data-sem-theme="fluent"] *:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { scrollbar-width: thin; }
  [data-sem-theme="fluent"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-popup, [data-sem-c=time-field] > .sem-time-list):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-acrylic); border: 1px solid var(--fl-stroke-flyout); backdrop-filter: var(--fl-blur); border-radius: 8px; box-shadow: var(--sem-shadow-3); }
  [data-sem-theme="fluent"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):focus-within:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill-input); border-color: var(--fl-stroke); box-shadow: inset 0 -1px 0 var(--sem-accent-9); border-bottom-color: var(--sem-accent-9); }
  [data-sem-theme="fluent"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill); border: 1px solid var(--fl-stroke); border-radius: 4px; box-shadow: none; border-bottom-color: var(--fl-stroke-strong); }
  [data-sem-theme="fluent"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { transform: none; border-radius: 4px; font-weight: 400; }
  [data-sem-theme="fluent"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button):not([data-sem-emphasis=ghost]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-style: solid; border-width: 1px; }
  [data-sem-theme="fluent"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button):not([data-sem-emphasis], [data-sem-tone], [aria-current=page], [aria-pressed=true]):not(:disabled):active:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill-pressed); color: var(--sem-muted); border-bottom-color: var(--fl-stroke); }
  [data-sem-theme="fluent"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button):not([data-sem-emphasis], [data-sem-tone], [aria-current=page], [aria-pressed=true]):not(:disabled):hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill-hover); border-color: var(--fl-stroke); border-bottom-color: var(--fl-stroke-bottom); }
  [data-sem-theme="fluent"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button):not([data-sem-emphasis], [data-sem-tone], [aria-current=page], [aria-pressed=true]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill); border-color: var(--fl-stroke); box-shadow: none; border-bottom-color: var(--fl-stroke-bottom); }
  [data-sem-theme="fluent"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button)[data-sem-emphasis=ghost]:not(:disabled):hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); }
  [data-sem-theme="fluent"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button)[data-sem-emphasis=solid]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-color: transparent; box-shadow: var(--fl-accent-edge); }
  [data-sem-theme="fluent"] :is([data-sem-c=card], [data-sem-c=specimen], [data-sem-c=stat], [data-sem-c=accordion], [data-sem-c=table]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-color: var(--fl-stroke); }
  [data-sem-theme="fluent"] :is([data-sem-c=chips] button, [data-sem-c=toggle], [data-sem-c=icon-button])[aria-pressed=true]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--sem-accent-9); color: var(--sem-accent-contrast); border-color: transparent; box-shadow: var(--fl-accent-edge); }
  [data-sem-theme="fluent"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup > .sem-ta-list > li[aria-selected=true]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); color: inherit; border-radius: 4px; box-shadow: inset 3px 0 0 var(--sem-accent-9); }
  [data-sem-theme="fluent"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-acrylic); border: 1px solid var(--fl-stroke-flyout); padding: 4px; backdrop-filter: var(--fl-blur); border-radius: 8px; box-shadow: var(--sem-shadow-3); }
  [data-sem-theme="fluent"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:focus-within:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill-input); border-color: var(--fl-stroke); box-shadow: inset 0 -1px 0 var(--sem-accent-9); border-bottom-color: var(--sem-accent-9); }
  [data-sem-theme="fluent"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill-hover); }
  [data-sem-theme="fluent"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill); border: 1px solid var(--fl-stroke); border-radius: 4px; box-shadow: none; border-bottom-color: var(--fl-stroke-strong); }
  [data-sem-theme="fluent"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > .sem-head h2:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { font-family: var(--sem-font-display); font-size: 20px; font-weight: 600; letter-spacing: 0; }
  [data-sem-theme="fluent"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--sem-surface-overlay); border: 1px solid var(--fl-stroke-flyout); box-shadow: var(--sem-shadow-4); }
  [data-sem-theme="fluent"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-scrim:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { backdrop-filter: none; }
  [data-sem-theme="fluent"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer], [data-sem-c=toast]) .sem-close:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-radius: 4px; }
  [data-sem-theme="fluent"] :is([data-sem-c=kbd] > kbd, [data-sem-c=kbd]:not(:has(kbd))):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill); border-color: var(--fl-stroke); border-radius: 4px; border-bottom-color: var(--fl-stroke-bottom); }
  [data-sem-theme="fluent"] :is([data-sem-c=menu] > .sem-menu-popup, [data-sem-c=popover] > .sem-panel, [data-sem-c=toast], [data-sem-c=palette]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-acrylic); border: 1px solid var(--fl-stroke-flyout); backdrop-filter: var(--fl-blur); border-radius: 8px; box-shadow: var(--sem-shadow-3); }
  [data-sem-theme="fluent"] :is([data-sem-c=month-grid] td[aria-selected=true] > .sem-mg-day, [data-sem-c=time-field] > .sem-time-list > li[aria-selected=true]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--sem-accent-9); color: #ffffff; box-shadow: none; }
  [data-sem-theme="fluent"] :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]):hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); }
  [data-sem-theme="fluent"] :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { color: var(--sem-text); padding: 8px 12px 8px 16px; position: relative; border-radius: 4px; box-shadow: none; font-weight: 400; }
  [data-sem-theme="fluent"] :is([data-sem-c=nav-list] button[aria-pressed=true], [data-sem-c=nav-link][aria-current=page]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); color: var(--sem-text); box-shadow: none; }
  [data-sem-theme="fluent"] :is([data-sem-c=nav-list] button[aria-pressed=true], [data-sem-c=nav-link][aria-current=page]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::before { background: var(--sem-accent-9); content: ""; height: 16px; left: 0; position: absolute; top: 50%; translate: 0 -50%; width: 3px; border-radius: 2px; }
  [data-sem-theme="fluent"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button:hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); color: var(--sem-text); }
  [data-sem-theme="fluent"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { color: var(--sem-muted); padding: 4px 12px; position: relative; border-radius: 4px; font-weight: 400; }
  [data-sem-theme="fluent"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button[aria-pressed=true]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill); color: var(--sem-text); box-shadow: 0 0 0 1px var(--fl-stroke), 0 1px 0 var(--fl-stroke-bottom); }
  [data-sem-theme="fluent"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button[aria-pressed=true]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::after { background: var(--sem-accent-9); bottom: 1px; content: ""; height: 3px; left: 50%; position: absolute; translate: -50% 0; width: 16px; border-radius: 2px; }
  [data-sem-theme="fluent"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill-off); border: 1px solid var(--fl-stroke); gap: 2px; padding: 2px; border-radius: 6px; box-shadow: none; }
  [data-sem-theme="fluent"] :is([data-sem-c=shape-field], [data-sem-c=choice]) select:not([multiple]):not([size]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { padding-inline-end: var(--sem-chevron-space); }
  [data-sem-theme="fluent"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select, textarea), [data-sem-c=text-area] > textarea):focus:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { outline: none; background-color: var(--fl-fill-input); border-color: var(--fl-stroke); box-shadow: inset 0 -1px 0 var(--sem-accent-9); border-bottom-color: var(--sem-accent-9); }
  [data-sem-theme="fluent"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select, textarea), [data-sem-c=text-area] > textarea):not(:disabled):hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background-color: var(--fl-fill-hover); border-color: var(--fl-stroke); border-bottom-color: var(--fl-stroke-strong); }
  [data-sem-theme="fluent"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select, textarea), [data-sem-c=text-area] > textarea):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border: 1px solid var(--fl-stroke); padding: 6px 11px; background-color: var(--fl-fill); border-radius: 4px; box-shadow: none; border-bottom-color: var(--fl-stroke-strong); }
  [data-sem-theme="fluent"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select, textarea), [data-sem-c=text-area] > textarea)[aria-invalid=true]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-bottom-color: var(--sem-danger); }
  [data-sem-theme="fluent"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row > .sem-label:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { color: var(--sem-text); font-weight: 400; }
  [data-sem-theme="fluent"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); position: relative; border-radius: 4px; }
  [data-sem-theme="fluent"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::before { background: var(--sem-accent-9); content: ""; height: 16px; left: 0; position: absolute; top: 50%; translate: 0 -50%; width: 3px; border-radius: 2px; }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar strong:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { color: var(--sem-text); display: flex; gap: 12px; overflow: hidden; align-items: center; align-self: center; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; white-space: nowrap; }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar strong:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::before { background: linear-gradient(135deg, var(--sem-gradient-from), var(--sem-gradient-to)); content: ""; flex: none; height: 16px; width: 16px; border-radius: 4px; }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; cursor: default; gap: 0; padding: 0 0 0 12px; align-items: stretch; border-bottom: 0; min-height: 32px; }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-body:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--sem-surface); border-top: 1px solid var(--fl-stroke); }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:active:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-pressed); color: var(--sem-muted); }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); color: var(--sem-text); }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=close]):active:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: #c83c31; color: rgb(255 255 255 / 0.7); }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=close]):hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: #c42b1c; color: #ffffff; }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; color: var(--sem-text); font: 400 11px/1 'Segoe Fluent Icons', 'Segoe MDL2 Assets', var(--sem-font); height: auto; width: 46px; border-radius: 0; min-height: 32px; }
  [data-sem-theme="fluent"] :is([data-sem-c=window], [data-sem-c=palette]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border: 1px solid var(--fl-stroke-flyout); border-radius: 8px; box-shadow: var(--sem-shadow-4); }
  [data-sem-theme="fluent"] :is(button, summary, a[href], select, input[type=checkbox], input[type=radio], input[type=range], [tabindex]:not([tabindex="-1"])):focus-visible:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { outline: var(--s-focus); outline-offset: var(--s-focus-offset); }
  [data-sem-theme="fluent"] [data-sem-c=app-bar]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: color-mix(in srgb, var(--fl-mica) 82%, transparent); backdrop-filter: var(--fl-blur); border-bottom: 1px solid var(--fl-stroke); }
  [data-sem-theme="fluent"] [data-sem-c=button-group]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { box-shadow: none; }
  [data-sem-theme="fluent"] [data-sem-c=card] > header h2:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { font-size: 14px; font-weight: 600; }
  [data-sem-theme="fluent"] [data-sem-c=checkbox] > .sem-row > input:checked:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: linear-gradient(45deg, transparent 0 38%, var(--tone-on-solid, var(--sem-accent-contrast)) 38% 60%, transparent 60%) 22% 64% / 34% 34% no-repeat, linear-gradient(-45deg, transparent 0 41%, var(--tone-on-solid, var(--sem-accent-contrast)) 41% 60%, transparent 60%) 72% 44% / 48% 56% no-repeat, var(--tone-solid, var(--sem-accent-9)); border-color: transparent; }
  [data-sem-theme="fluent"] [data-sem-c=checkbox] > .sem-row > input:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill-off); border: 1px solid var(--fl-stroke-strong); border-radius: 4px; box-shadow: none; --check-size: 20px; }
  [data-sem-theme="fluent"] [data-sem-c=choice] select:not(:disabled):hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background-color: var(--fl-fill-hover); }
  [data-sem-theme="fluent"] [data-sem-c=choice] select:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border: 1px solid var(--fl-stroke); background-color: var(--fl-fill); border-radius: 4px; font-weight: 400; padding-block: 0; padding-inline: 10px var(--sem-chevron-space); border-bottom-color: var(--fl-stroke-bottom); }
  [data-sem-theme="fluent"] [data-sem-c=choice]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; border: 0; box-shadow: none; padding-block: 0; padding-inline-start: 0; }
  [data-sem-theme="fluent"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true] mark:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { color: inherit; }
  [data-sem-theme="fluent"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); color: inherit; border-radius: 4px; box-shadow: inset 3px 0 0 var(--sem-accent-9); }
  [data-sem-theme="fluent"] [data-sem-c=command-palette] > .sem-panel > .sem-cp-search:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-bottom: 1px solid var(--fl-stroke); }
  [data-sem-theme="fluent"] [data-sem-c=command-palette] > .sem-panel:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-acrylic); border: 1px solid var(--fl-stroke-flyout); backdrop-filter: var(--fl-blur); border-radius: 8px; box-shadow: var(--sem-shadow-4); }
  [data-sem-theme="fluent"] [data-sem-c=command-palette] > .sem-scrim:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { backdrop-filter: none; }
  [data-sem-theme="fluent"] [data-sem-c=desktop] > [data-sem-c=taskbar]:is([data-sem-edge=start], [data-sem-edge=end]) > .sem-task:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { flex: none; }
  [data-sem-theme="fluent"] [data-sem-c=desktop] > [data-sem-c=taskbar]:is([data-sem-edge=start], [data-sem-edge=end]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { align-items: center; justify-content: flex-start; }
  [data-sem-theme="fluent"] [data-sem-c=desktop] > [data-sem-c=taskbar]:is([data-sem-edge=top], [data-sem-edge=bottom], [data-sem-edge=start], [data-sem-edge=end]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-radius: 0; border-width: 0; box-shadow: none; min-height: 0; }
  [data-sem-theme="fluent"] [data-sem-c=desktop] > [data-sem-c=taskbar]:not([data-sem-edge]):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { left: 0; right: 0; translate: none; border-radius: 0; border-width: 1px 0 0; box-shadow: none; max-width: none; min-height: 48px; z-index: 56; inset-block-end: 0; }
  [data-sem-theme="fluent"] [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=bottom]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-block-start-width: 1px; }
  [data-sem-theme="fluent"] [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=end]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-inline-start-width: 1px; }
  [data-sem-theme="fluent"] [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=start]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-inline-end-width: 1px; }
  [data-sem-theme="fluent"] [data-sem-c=desktop] > [data-sem-c=taskbar][data-sem-edge=top]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-block-end-width: 1px; }
  [data-sem-theme="fluent"] [data-sem-c=dialog] > .sem-panel > .sem-actions > *:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { flex: 1 1 0; }
  [data-sem-theme="fluent"] [data-sem-c=dialog] > .sem-panel > .sem-actions:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: light-dark(#f3f3f3, #202020); margin: 8px -24px 0; padding: 24px; border-top: 1px solid var(--fl-stroke); flex-wrap: nowrap; }
  [data-sem-theme="fluent"] [data-sem-c=dialog] > .sem-panel:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { padding: 24px 24px 0; border-radius: 8px; }
  [data-sem-theme="fluent"] [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button[aria-current=page]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-color: transparent; box-shadow: var(--fl-accent-edge); }
  [data-sem-theme="fluent"] [data-sem-c=menu-item]:not(:disabled):is(:hover, :focus-visible):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); box-shadow: none; }
  [data-sem-theme="fluent"] [data-sem-c=menu-item]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-radius: 4px; font-weight: 400; min-height: 32px; }
  [data-sem-theme="fluent"] [data-sem-c=menu] > .sem-menu-popup:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { gap: 2px; padding: 4px; }
  [data-sem-theme="fluent"] [data-sem-c=menu] > button:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border: 0; box-shadow: none; }
  [data-sem-theme="fluent"] [data-sem-c=metrics] .sem-metric:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-color: var(--fl-stroke); border-radius: 4px; }
  [data-sem-theme="fluent"] [data-sem-c=nav-list]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: color-mix(in srgb, var(--sem-canvas) 86%, transparent); border: 1px solid var(--fl-stroke); gap: 2px; padding: 4px; backdrop-filter: var(--fl-blur); border-radius: 8px; box-shadow: none; }
  [data-sem-theme="fluent"] [data-sem-c=palette] .sem-window-bar:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { min-height: 28px; }
  [data-sem-theme="fluent"] [data-sem-c=palette] .sem-window-body:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; }
  [data-sem-theme="fluent"] [data-sem-c=palette] .sem-window-control:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { width: 36px; min-height: 28px; }
  [data-sem-theme="fluent"] [data-sem-c=progress] .sem-fill:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--tone-solid, var(--sem-accent-9)); border-radius: 2px; }
  [data-sem-theme="fluent"] [data-sem-c=progress] .sem-track:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: linear-gradient(var(--fl-stroke-strong), var(--fl-stroke-strong)) center / 100% 1px no-repeat; height: 3px; overflow: visible; border-radius: 2px; }
  [data-sem-theme="fluent"] [data-sem-c=radio-group] .sem-radio > input:checked:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: radial-gradient(circle, var(--tone-on-solid, var(--sem-accent-contrast)) 0 28%, var(--tone-solid, var(--sem-accent-9)) 31%); border-color: transparent; }
  [data-sem-theme="fluent"] [data-sem-c=radio-group] .sem-radio > input:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill-off); border: 1px solid var(--fl-stroke-strong); box-shadow: none; --radio-size: 20px; }
  [data-sem-theme="fluent"] [data-sem-c=radio-group] .sem-radio:has(> input:checked):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; }
  [data-sem-theme="fluent"] [data-sem-c=radio-group] .sem-radio:hover > input:checked:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: radial-gradient(circle, var(--tone-on-solid, var(--sem-accent-contrast)) 0 33%, var(--tone-solid, var(--sem-accent-9)) 36%); }
  [data-sem-theme="fluent"] [data-sem-c=radio-group] .sem-radio:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; border: 0; padding: 4px 0; box-shadow: none; }
  [data-sem-theme="fluent"] [data-sem-c=slider] > input:not(:disabled):hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::-webkit-slider-thumb { background: radial-gradient(circle, var(--tone-solid, var(--sem-accent-9)) 0 7px, light-dark(#ffffff, #454545) 7.5px); border: 1px solid var(--fl-stroke); height: 20px; transform: none; width: 20px; border-radius: 50%; box-shadow: 0 1px 2px light-dark(rgb(0 0 0 / 0.2), rgb(0 0 0 / 0.5)); margin-top: -8px; }
  [data-sem-theme="fluent"] [data-sem-c=slider] > input:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::-moz-range-thumb { background: radial-gradient(circle, var(--tone-solid, var(--sem-accent-9)) 0 5px, light-dark(#ffffff, #454545) 5.5px); border: 1px solid var(--fl-stroke); height: 20px; width: 20px; border-radius: 50%; box-shadow: 0 1px 2px light-dark(rgb(0 0 0 / 0.2), rgb(0 0 0 / 0.5)); }
  [data-sem-theme="fluent"] [data-sem-c=slider] > input:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::-moz-range-track { background: linear-gradient(to right, var(--tone-solid, var(--sem-accent-9)) var(--sem-fill, 0%), var(--fl-stroke-strong) var(--sem-fill, 0%)); height: 4px; border-radius: 2px; }
  [data-sem-theme="fluent"] [data-sem-c=slider] > input:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--tone-solid, var(--sem-accent-9)) var(--sem-fill, 0%), var(--fl-stroke-strong) var(--sem-fill, 0%)); height: 4px; border-radius: 2px; }
  [data-sem-theme="fluent"] [data-sem-c=slider] > input:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::-webkit-slider-thumb { background: radial-gradient(circle, var(--tone-solid, var(--sem-accent-9)) 0 5px, light-dark(#ffffff, #454545) 5.5px); border: 1px solid var(--fl-stroke); height: 20px; width: 20px; border-radius: 50%; box-shadow: 0 1px 2px light-dark(rgb(0 0 0 / 0.2), rgb(0 0 0 / 0.5)); margin-top: -8px; }
  [data-sem-theme="fluent"] [data-sem-c=specimen] > .sem-stage:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-mica); border: 1px solid var(--fl-stroke); border-radius: 8px; }
  [data-sem-theme="fluent"] [data-sem-c=status-bar]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: color-mix(in srgb, var(--fl-mica) 86%, transparent); backdrop-filter: var(--fl-blur); border-top: 1px solid var(--fl-stroke); }
  [data-sem-theme="fluent"] [data-sem-c=table] tbody :is(th, td):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { border-bottom-color: var(--fl-stroke); }
  [data-sem-theme="fluent"] [data-sem-c=table] tbody tr:hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); }
  [data-sem-theme="fluent"] [data-sem-c=table] tbody tr:nth-child(even):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; }
  [data-sem-theme="fluent"] [data-sem-c=table] thead th:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--sem-surface); color: var(--sem-muted); border-bottom: 1px solid var(--fl-stroke); font-weight: 600; }
  [data-sem-theme="fluent"] [data-sem-c=tabs] > [role=tablist]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; border: 0; gap: 2px; padding: 0 0 4px; border-bottom: 1px solid var(--fl-stroke); border-radius: 0; }
  [data-sem-theme="fluent"] [data-sem-c=tabs] [role=tab]:hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); color: var(--sem-text); }
  [data-sem-theme="fluent"] [data-sem-c=tabs] [role=tab]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; color: var(--sem-muted); flex: 0 0 auto; padding: 6px 12px 9px; position: relative; border-radius: 4px; box-shadow: none; font-weight: 400; }
  [data-sem-theme="fluent"] [data-sem-c=tabs] [role=tab][aria-selected=true]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; color: var(--sem-text); box-shadow: none; font-weight: 600; }
  [data-sem-theme="fluent"] [data-sem-c=tabs] [role=tab][aria-selected=true]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::after { background: var(--sem-accent-9); bottom: 1px; content: ""; height: 3px; left: 50%; position: absolute; translate: -50% 0; width: 16px; border-radius: 2px; }
  [data-sem-theme="fluent"] [data-sem-c=taskbar] .sem-task .sem-icon:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { font-size: 20px; line-height: 1; }
  [data-sem-theme="fluent"] [data-sem-c=taskbar] .sem-task .sem-label:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { height: 1px; overflow: hidden; position: absolute; width: 1px; clip-path: inset(50%); white-space: nowrap; }
  [data-sem-theme="fluent"] [data-sem-c=taskbar] .sem-task:hover:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); color: var(--sem-text); }
  [data-sem-theme="fluent"] [data-sem-c=taskbar] .sem-task:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: transparent; color: var(--sem-text); height: 40px; padding: 0; position: relative; width: 44px; border-radius: 4px; justify-content: center; }
  [data-sem-theme="fluent"] [data-sem-c=taskbar] .sem-task:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::after { background: var(--sem-faint); bottom: 2px; content: ""; height: 3px; left: 50%; position: absolute; transition: width var(--sem-duration) var(--sem-ease); translate: -50% 0; width: 6px; border-radius: 2px; }
  [data-sem-theme="fluent"] [data-sem-c=taskbar] .sem-task[aria-current="true"]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); color: var(--sem-text); }
  [data-sem-theme="fluent"] [data-sem-c=taskbar] .sem-task[aria-current="true"]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *))::after { background: var(--sem-accent-9); width: 16px; }
  [data-sem-theme="fluent"] [data-sem-c=taskbar]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-acrylic); border: 1px solid var(--fl-stroke-flyout); gap: 4px; padding: 4px; backdrop-filter: var(--fl-blur); border-radius: 8px; justify-content: center; }
  [data-sem-theme="fluent"] [data-sem-c=toggle-switch] .sem-thumb:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-knob); height: 12px; left: 3px; top: 3px; transition: transform var(--sem-duration) var(--sem-spring), width var(--sem-duration-fast) var(--sem-ease), height var(--sem-duration-fast) var(--sem-ease), top var(--sem-duration-fast) var(--sem-ease), left var(--sem-duration-fast) var(--sem-ease); width: 12px; box-shadow: none; }
  [data-sem-theme="fluent"] [data-sem-c=toggle-switch] .sem-track:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-fill-off); border: 1px solid var(--fl-stroke-strong); height: 20px; width: 40px; border-radius: 999px; box-shadow: none; box-sizing: border-box; }
  [data-sem-theme="fluent"] [data-sem-c=toggle-switch] > button:not(:disabled):hover .sem-thumb:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { height: 14px; left: 2px; top: 2px; width: 14px; }
  [data-sem-theme="fluent"] [data-sem-c=toggle-switch] > button:not(:disabled):hover .sem-track:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-subtle-hover); }
  [data-sem-theme="fluent"] [data-sem-c=toggle-switch] > button[aria-checked=true] .sem-thumb:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--tone-on-solid, var(--sem-accent-contrast)); transform: translateX(20px); }
  [data-sem-theme="fluent"] [data-sem-c=toggle-switch] > button[aria-checked=true] .sem-track:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--tone-solid, var(--sem-accent-9)); border-color: transparent; }
  [data-sem-theme="fluent"] [data-sem-c=toggle-switch] > button[aria-checked=true]:not(:disabled):hover .sem-track:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: color-mix(in srgb, var(--tone-solid, var(--sem-accent-9)) 90%, var(--sem-canvas)); }
  [data-sem-theme="fluent"] [data-sem-c=window]:not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--fl-mica); }
  [data-sem-theme="fluent"] { scrollbar-color: light-dark(rgb(0 0 0 / 0.45), rgb(255 255 255 / 0.45)) transparent; --fl-acrylic: color-mix(in srgb, var(--sem-surface-overlay) 80%, transparent); --fl-blur: blur(30px) saturate(1.3); --fl-fill: light-dark(rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.0605)); --fl-knob: light-dark(rgb(0 0 0 / 0.62), rgb(255 255 255 / 0.79)); --fl-mica: light-dark(#eef0f5, #202227); --fl-stroke: light-dark(rgb(0 0 0 / 0.0578), rgb(255 255 255 / 0.0698)); --s-focus: 2px solid light-dark(#000000, #ffffff); --fl-accent-edge: inset 0 1px 0 rgb(255 255 255 / 0.08), inset 0 -1px 0 light-dark(rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.14)); --fl-fill-hover: light-dark(rgb(249 249 249 / 0.5), rgb(255 255 255 / 0.0837)); --fl-fill-input: light-dark(#ffffff, #1f1f1f); --fl-fill-off: light-dark(rgb(0 0 0 / 0.0241), rgb(0 0 0 / 0.1)); --fl-fill-pressed: light-dark(rgb(249 249 249 / 0.3), rgb(255 255 255 / 0.0326)); --fl-stroke-bottom: light-dark(rgb(0 0 0 / 0.1622), rgb(255 255 255 / 0.093)); --fl-stroke-flyout: light-dark(rgb(0 0 0 / 0.0578), rgb(0 0 0 / 0.2)); --fl-stroke-strong: light-dark(rgb(0 0 0 / 0.4458), rgb(255 255 255 / 0.5442)); --fl-subtle-hover: light-dark(rgb(0 0 0 / 0.0373), rgb(255 255 255 / 0.0605)); --fl-subtle-pressed: light-dark(rgb(0 0 0 / 0.0241), rgb(255 255 255 / 0.0419)); --s-focus-offset: 1px; }
  [data-sem-theme="fluent"]:has(> [data-sem-c=desktop] > [data-sem-c=taskbar]:not([data-sem-edge], [hidden])) { box-sizing: border-box; padding-block-end: var(--sem-dock-bottom); --sem-dock-bottom: var(--sem-taskbar-size); }
  [data-sem-theme="tracker"] *:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border-radius: 0; }
  [data-sem-theme="tracker"] *:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *))::-webkit-scrollbar { background: var(--bv-dither); height: 16px; width: 16px; }
  [data-sem-theme="tracker"] *:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *))::-webkit-scrollbar-corner { background: var(--bv-face); }
  [data-sem-theme="tracker"] *:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *))::-webkit-scrollbar-thumb { background: var(--bv-face); box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-popup, [data-sem-c=time-field] > .sem-time-list):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border: 0; border-radius: 0; box-shadow: var(--bv-raised), var(--sem-shadow-3); }
  [data-sem-theme="tracker"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):focus-within:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { box-shadow: var(--bv-sunken), inset 0 0 0 2px var(--sem-accent-9); }
  [data-sem-theme="tracker"] :is(:is([data-sem-c=date-field], [data-sem-c=date-range-field]) > .sem-date-row, [data-sem-c=time-field] > .sem-time-row):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border: 0; color: var(--sem-text); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] :is([data-sem-c=badge], [data-sem-c=tag]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border-style: solid; border-width: 1px; }
  [data-sem-theme="tracker"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):disabled:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: var(--sem-faint); opacity: 1; text-shadow: 1px 1px 0 var(--bv-hi); }
  [data-sem-theme="tracker"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):is(:active, [aria-pressed=true], [aria-expanded=true], [data-open]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { box-shadow: var(--bv-pressed); }
  [data-sem-theme="tracker"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border: 0; border-radius: 3px; box-shadow: var(--bv-raised); font-family: var(--sem-font); text-shadow: none; }
  [data-sem-theme="tracker"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):not([data-sem-emphasis], [data-sem-tone]):not([data-sem-intent]):is([aria-pressed=true], [data-open]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-dither); }
  [data-sem-theme="tracker"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold):not([data-sem-emphasis=ghost]):not([data-sem-emphasis], [data-sem-tone]):not([data-sem-intent], [aria-current=page]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-button); }
  [data-sem-theme="tracker"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold)[data-sem-emphasis=ghost]:not(:disabled):active:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { box-shadow: var(--bv-thin-sunken); }
  [data-sem-theme="tracker"] :is([data-sem-c=button], [data-sem-c=run-query-button], [data-sem-c=icon-button], [data-sem-c=toggle], [data-sem-c=menu], [data-sem-c=chips] button, [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button, [data-sem-c=popover] > .sem-trigger, [data-sem-c=flippable] .sem-flip, [data-sem-c=specimen] > .sem-docs > .sem-docs-toggle, [data-sem-c=status-bar] > .sem-fold)[data-sem-emphasis=ghost]:not(:disabled):hover:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; box-shadow: var(--bv-thin-raised); }
  [data-sem-theme="tracker"] :is([data-sem-c=card], [data-sem-c=specimen], [data-sem-c=stat], [data-sem-c=accordion], [data-sem-c=alert], [data-sem-c=toast], [data-sem-c=nav-list]:not(*), [data-sem-c=surface][data-sem-elevation=raised], [data-sem-c=surface][data-sem-elevation=overlay], [data-sem-c=flippable] > .sem-faces > .sem-back):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] :is([data-sem-c=card], [data-sem-c=specimen], [data-sem-c=stat], [data-sem-c=accordion], [data-sem-c=flippable] > .sem-faces > .sem-back):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); }
  [data-sem-theme="tracker"] :is([data-sem-c=code]:is(pre), [data-sem-c=result-turtle] pre):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup > .sem-ta-list > li[aria-selected=true] mark:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: inherit; }
  [data-sem-theme="tracker"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup > .sem-ta-list > li[aria-selected=true]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); border-radius: 0; box-shadow: none; }
  [data-sem-theme="tracker"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field > .sem-ta-popup:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border: 0; padding: 3px; border-radius: 0; box-shadow: var(--bv-raised), var(--sem-shadow-3); }
  [data-sem-theme="tracker"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:focus-within:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { box-shadow: var(--bv-sunken), inset 0 0 0 2px var(--sem-accent-9); }
  [data-sem-theme="tracker"] :is([data-sem-c=combobox], [data-sem-c=tag-input]) > .sem-ta-field:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border: 0; color: var(--sem-text); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > .sem-head .sem-close:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: linear-gradient(135deg, #fff9c4, #f3c300); color: transparent; height: 13px; order: -1; width: 13px; box-shadow: inset 0 0 0 1px #8a6d00, inset 1px 1px 0 1px #fffbe0; font-size: 0; }
  [data-sem-theme="tracker"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > .sem-head h2:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: #000; flex: 1; font-size: 13px; font-weight: 700; letter-spacing: 0; }
  [data-sem-theme="tracker"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > .sem-head:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-title); color: var(--bv-title-fg); margin: -3px 0 0 -3px; padding: 3px 3px 3px 6px; align-items: center; align-self: flex-start; box-shadow: inset 0 0 0 1px var(--bv-dark), inset 1px 1px 0 1px #fff6b8; }
  [data-sem-theme="tracker"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel > :not(.sem-head):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { margin-inline: 10px; }
  [data-sem-theme="tracker"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-panel:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { gap: 10px; padding: 3px 3px 12px; }
  [data-sem-theme="tracker"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer]) > .sem-scrim:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { backdrop-filter: none; }
  [data-sem-theme="tracker"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer], [data-sem-c=popover]) > .sem-panel:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border: 0; box-shadow: var(--bv-raised), var(--sem-shadow-4); }
  [data-sem-theme="tracker"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer], [data-sem-c=toast]) .sem-close:active:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { box-shadow: var(--bv-pressed); }
  [data-sem-theme="tracker"] :is([data-sem-c=dialog], [data-sem-c=lightbox], [data-sem-c=drawer], [data-sem-c=toast]) .sem-close:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); color: var(--sem-text); height: 16px; margin: 0; width: 18px; border-radius: 0; box-shadow: var(--bv-raised); font-size: 10px; }
  [data-sem-theme="tracker"] :is([data-sem-c=kbd] > kbd, [data-sem-c=kbd]:not(:has(kbd))):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] :is([data-sem-c=month-grid] td[aria-selected=true] > .sem-mg-day, [data-sem-c=time-field] > .sem-time-list > li[aria-selected=true]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); border-radius: 0; box-shadow: none; }
  [data-sem-theme="tracker"] :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]):focus-visible:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { outline: var(--s-focus); box-shadow: none; outline-offset: -2px; }
  [data-sem-theme="tracker"] :is([data-sem-c=nav-list] button, [data-sem-c=nav-link]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; color: var(--sem-text); padding: 3px 8px; box-shadow: none; font-weight: 400; }
  [data-sem-theme="tracker"] :is([data-sem-c=nav-list] button[aria-pressed=true], [data-sem-c=nav-link][aria-current=page]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); box-shadow: none; }
  [data-sem-theme="tracker"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); color: var(--sem-text); padding: 4px 10px; border-radius: 3px; box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]) button[aria-pressed=true]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-dither); color: var(--sem-text); box-shadow: var(--bv-pressed); }
  [data-sem-theme="tracker"] :is([data-sem-c=segmented], [data-sem-c=theme-switcher]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; border: 0; gap: 2px; padding: 0; box-shadow: none; }
  [data-sem-theme="tracker"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select, textarea), [data-sem-c=text-area] > textarea):focus:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { outline: none; box-shadow: var(--bv-sunken), inset 0 0 0 2px var(--sem-accent-9); }
  [data-sem-theme="tracker"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), select, textarea), [data-sem-c=text-area] > textarea, [data-sem-c=choice] select, [data-sem-c=slider] > .sem-head > .sem-value, [data-sem-c=query-editor] .sem-scroll, [data-sem-c=code-editor] .sem-scroll):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border: 0; color: var(--sem-text); background-color: var(--sem-surface-sunken); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] :is([data-sem-c=text-field] input, [data-sem-c=shape-field] :is(input:not([type=checkbox]), textarea)):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { padding: 4px 6px; }
  [data-sem-theme="tracker"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row > .sem-label:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); font-weight: 400; }
  [data-sem-theme="tracker"] :is([data-sem-c=tree] [aria-selected="true"], [data-sem-c=rdf-editor] [aria-current="true"]) > .sem-row:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; }
  [data-sem-theme="tracker"] :is([data-sem-c=tree], [data-sem-c=rdf-editor]) [role=group]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border-width: 0; border-inline-start: 1px dotted var(--sem-border-strong); }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar strong:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: var(--bv-title-fg); flex: 0 1 auto; overflow: hidden; font-size: 12px; font-weight: 700; letter-spacing: 0; padding-inline: 2px 10px; text-overflow: ellipsis; text-transform: none; white-space: nowrap; }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-bar:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-title); color: var(--bv-title-fg); gap: 6px; padding: 3px 4px; position: relative; border-bottom: 0; box-shadow: inset 0 0 0 1px var(--bv-dark), inset 1px 1px 0 1px #fff6b8, inset -1px 0 0 1px #c89a00; justify-self: start; margin-bottom: -1px; max-width: 100%; min-width: 120px; z-index: 1; }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-body:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); box-shadow: var(--bv-raised), var(--sem-shadow-3); }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:active:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: linear-gradient(135deg, #e6b800, #fff3a0); box-shadow: var(--bv-pressed); }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:hover:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: linear-gradient(135deg, #fffde8, #ffd633); color: transparent; }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=close]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { order: -1; }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:is([data-sem-control=maximize], [data-sem-control=restore]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: linear-gradient(#8a6d00, #8a6d00) 2px 2px / 6px 6px no-repeat, linear-gradient(#fff9c4, #fff9c4) 3px 3px / 4px 4px no-repeat, linear-gradient(135deg, #fff9c4, #f3c300); }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-control:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: linear-gradient(135deg, #fff9c4, #f3c300); color: transparent; font: 700 10px/1 var(--sem-font); height: 13px; width: 13px; box-shadow: inset 0 0 0 1px #8a6d00, inset 1px 1px 0 1px #fffbe0; font-size: 0; }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]) .sem-window-grip:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { bottom: 2px; right: 2px; }
  [data-sem-theme="tracker"] :is([data-sem-c=window], [data-sem-c=palette]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; border: 0; overflow: visible; padding: 0; border-radius: 0; box-shadow: none; }
  [data-sem-theme="tracker"] :is([data-sem-file-state=refused], [data-sem-file-state=failed])[data-sem-c=file-item] > .sem-kind:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: var(--sem-danger-11); }
  [data-sem-theme="tracker"] :is(button, summary, a[href], [role=tab], [tabindex]:not([tabindex="-1"])):focus-visible:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { outline: var(--s-focus); outline-offset: var(--s-focus-offset); }
  [data-sem-theme="tracker"] :is(input, select, textarea, [data-sem-c=table], [data-sem-c=tree] .sem-label, [data-sem-c=rdf-editor] .sem-label):focus-visible:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { outline: var(--s-focus); outline-offset: 1px; }
  [data-sem-theme="tracker"] [data-sem-c=alert] > .sem-icon:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border-radius: 50%; }
  [data-sem-theme="tracker"] [data-sem-c=app-bar] .sem-brand strong:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--tr-tab); color: #000; padding: 2px 10px; box-shadow: inset 0 0 0 1px var(--bv-dark), inset 1px 1px 0 1px #fff6b8; }
  [data-sem-theme="tracker"] [data-sem-c=app-bar]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); backdrop-filter: none; border-bottom: 0; box-shadow: inset 0 -1px 0 var(--bv-dark), inset 0 -2px 0 var(--bv-shade), inset 0 1px 0 var(--bv-hi); }
  [data-sem-theme="tracker"] [data-sem-c=button-group] > [data-sem-c]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { margin-inline-start: 0; }
  [data-sem-theme="tracker"] [data-sem-c=button-group]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { gap: 0; box-shadow: none; }
  [data-sem-theme="tracker"] [data-sem-c=card] > header .sem-badge:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: #fff3a8; color: #000; box-shadow: inset 0 0 0 1px #8a6d00; }
  [data-sem-theme="tracker"] [data-sem-c=card] > header :is(h2, p):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: var(--sem-text); }
  [data-sem-theme="tracker"] [data-sem-c=card] > header h2:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--tr-tab); color: #000; padding: 4px 14px; box-shadow: inset 0 0 0 1px var(--bv-dark), inset 1px 1px 0 1px #fff6b8; }
  [data-sem-theme="tracker"] [data-sem-c=card] > header p:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: var(--sem-muted); padding-inline-start: var(--sem-space-4); }
  [data-sem-theme="tracker"] [data-sem-c=card] > header:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; color: var(--sem-text); margin: 0; padding: 0 var(--sem-space-4) var(--sem-space-2) 0; border-bottom: 1px solid var(--bv-shade); }
  [data-sem-theme="tracker"] [data-sem-c=checkbox] > .sem-row > input:checked:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: linear-gradient(45deg, transparent 0 38%, var(--sem-accent-9) 38% 64%, transparent 64%) 18% 64% / 38% 38% no-repeat, linear-gradient(-45deg, transparent 0 40%, var(--sem-accent-9) 40% 62%, transparent 62%) 74% 42% / 54% 62% no-repeat, var(--sem-surface-sunken); }
  [data-sem-theme="tracker"] [data-sem-c=checkbox] > .sem-row > input:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border: 0; box-shadow: var(--bv-sunken); --check-size: 15px; }
  [data-sem-theme="tracker"] [data-sem-c=choice]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; border: 0; box-shadow: none; padding-block: 0; padding-inline-start: 0; }
  [data-sem-theme="tracker"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true] :is(mark, .sem-ta-help, kbd):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: inherit; }
  [data-sem-theme="tracker"] [data-sem-c=command-palette] .sem-cp-group > [role=option][aria-selected=true]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); border-radius: 0; box-shadow: none; }
  [data-sem-theme="tracker"] [data-sem-c=command-palette] > .sem-panel > .sem-cp-foot:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; border-top: 1px solid var(--bv-dark); }
  [data-sem-theme="tracker"] [data-sem-c=command-palette] > .sem-panel > .sem-cp-search:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border: 0; margin: 6px; box-shadow: var(--bv-sunken); min-height: 40px; }
  [data-sem-theme="tracker"] [data-sem-c=command-palette] > .sem-panel:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border: 0; padding: 3px; border-radius: 0; box-shadow: var(--bv-raised), var(--sem-shadow-4); }
  [data-sem-theme="tracker"] [data-sem-c=command-palette] > .sem-scrim:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { backdrop-filter: none; }
  [data-sem-theme="tracker"] [data-sem-c=desktop] > [data-sem-c=taskbar]:not([data-sem-edge]) > .sem-grip:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { height: 14px; padding: 2px 4px; width: auto; min-height: 0; }
  [data-sem-theme="tracker"] [data-sem-c=desktop] > [data-sem-c=taskbar]:not([data-sem-edge]):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { left: auto; overflow: auto; right: 12px; top: 76px; translate: none; align-items: stretch; flex-direction: column; flex-wrap: nowrap; max-height: calc(100vh - 160px); inset-block-end: auto; }
  [data-sem-theme="tracker"] [data-sem-c=file-drop] > .sem-zone:focus-visible:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { outline: 1px dotted var(--sem-text); box-shadow: var(--bv-sunken); outline-offset: -6px; }
  [data-sem-theme="tracker"] [data-sem-c=file-drop] > .sem-zone:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border: 1px dotted var(--bv-dark); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] [data-sem-c=file-item] > .sem-kind:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); color: var(--sem-text); border-radius: 0; box-shadow: var(--bv-thin-sunken); }
  [data-sem-theme="tracker"] [data-sem-c=file-item]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border: 0; border-radius: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] [data-sem-c=gallery] > .sem-controls > :is(.sem-prev, .sem-next), [data-sem-c=lightbox] > .sem-panel :is(.sem-zoom, .sem-original, .sem-stage > .sem-prev, .sem-stage > .sem-next), [data-sem-c=pagination] button[aria-current=page]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { box-shadow: var(--bv-pressed); }
  [data-sem-theme="tracker"] [data-sem-c=list-item] > input[type=checkbox]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { accent-color: var(--bv-select-bg); }
  [data-sem-theme="tracker"] [data-sem-c=menu-item]:disabled:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: var(--sem-faint); opacity: 1; text-shadow: 1px 1px 0 var(--bv-hi); }
  [data-sem-theme="tracker"] [data-sem-c=menu-item]:not(:disabled):is(:hover, :focus-visible) .sem-icon:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: inherit; }
  [data-sem-theme="tracker"] [data-sem-c=menu-item]:not(:disabled):is(:hover, :focus-visible):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); box-shadow: none; }
  [data-sem-theme="tracker"] [data-sem-c=menu] > .sem-menu-popup:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border: 0; gap: 0; padding: 3px; box-shadow: var(--bv-raised), var(--sem-shadow-3); }
  [data-sem-theme="tracker"] [data-sem-c=menu] > button:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; box-shadow: none; }
  [data-sem-theme="tracker"] [data-sem-c=metrics] .sem-metric:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; border: 0; padding: 2px 8px; box-shadow: var(--bv-thin-sunken); }
  [data-sem-theme="tracker"] [data-sem-c=month-grid] :is(.sem-mg-day, td):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border-radius: 0; }
  [data-sem-theme="tracker"] [data-sem-c=nav-list]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border: 0; gap: 0; padding: 3px; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] [data-sem-c=progress] .sem-fill:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: repeating-linear-gradient(90deg, var(--bv-select-bg) 0 8px, transparent 8px 10px); border-radius: 0; }
  [data-sem-theme="tracker"] [data-sem-c=progress] .sem-track:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); height: 18px; padding: 3px; box-shadow: var(--bv-sunken); box-sizing: border-box; }
  [data-sem-theme="tracker"] [data-sem-c=radio-group] .sem-radio > input:checked:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: radial-gradient(circle, var(--sem-text) 0 22%, var(--sem-surface-sunken) 27%); }
  [data-sem-theme="tracker"] [data-sem-c=radio-group] .sem-radio > input:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border: 0; border-radius: 50%; box-shadow: inset 1px 1px 0 var(--bv-shade), inset -1px -1px 0 var(--bv-hi), inset 2px 2px 0 var(--bv-dark), inset -2px -2px 0 var(--bv-lite); --radio-size: 14px; }
  [data-sem-theme="tracker"] [data-sem-c=radio-group] .sem-radio:has(> input:checked):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; }
  [data-sem-theme="tracker"] [data-sem-c=radio-group] .sem-radio:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; border: 0; padding: 3px 2px; box-shadow: none; }
  [data-sem-theme="tracker"] [data-sem-c=slider] > input:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *))::-moz-range-thumb { background: var(--bv-face); border: 0; height: 22px; width: 12px; border-radius: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] [data-sem-c=slider] > input:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *))::-moz-range-track { background: linear-gradient(to right, var(--tone-solid, var(--bv-select-bg)) var(--sem-fill, 0%), var(--sem-surface-sunken) var(--sem-fill, 0%)); height: 6px; border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] [data-sem-c=slider] > input:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *))::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--tone-solid, var(--bv-select-bg)) var(--sem-fill, 0%), var(--sem-surface-sunken) var(--sem-fill, 0%)); height: 6px; border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] [data-sem-c=slider] > input:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *))::-webkit-slider-thumb { background: var(--bv-face); border: 0; height: 22px; width: 12px; border-radius: 0; box-shadow: var(--bv-raised); margin-top: -8px; }
  [data-sem-theme="tracker"] [data-sem-c=specimen] > .sem-docs:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border-top: 0; box-shadow: inset 0 1px 0 var(--bv-shade), inset 0 2px 0 var(--bv-hi); }
  [data-sem-theme="tracker"] [data-sem-c=specimen] > .sem-stage:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border: 0; box-shadow: var(--bv-etched); }
  [data-sem-theme="tracker"] [data-sem-c=spinner] > .sem-ring:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border-radius: 50%; }
  [data-sem-theme="tracker"] [data-sem-c=status-bar]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); backdrop-filter: none; border-top: 0; box-shadow: inset 0 1px 0 var(--bv-hi), inset 0 2px 0 var(--bv-lite); }
  [data-sem-theme="tracker"] [data-sem-c=surface]:is([data-sem-elevation=flat], :not([data-sem-elevation])):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border: 0; box-shadow: var(--bv-etched); }
  [data-sem-theme="tracker"] [data-sem-c=table] tbody :is(th, td):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border-bottom: 1px dotted var(--sem-border); }
  [data-sem-theme="tracker"] [data-sem-c=table] tbody tr:hover :is(td, th, code):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { color: inherit; }
  [data-sem-theme="tracker"] [data-sem-c=table] tbody tr:hover:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-select-bg); color: var(--bv-select-fg); }
  [data-sem-theme="tracker"] [data-sem-c=table] tbody tr:nth-child(even):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; }
  [data-sem-theme="tracker"] [data-sem-c=table] thead th:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); color: var(--sem-text); border-bottom: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] [data-sem-c=table]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] [data-sem-c=tabs] > [role=tablist]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; border: 0; gap: 0; overflow: visible; padding: 2px 4px 0; position: relative; border-radius: 0; flex-wrap: wrap; z-index: 1; }
  [data-sem-theme="tracker"] [data-sem-c=tabs] > [role=tabpanel]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); padding: 12px; box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] [data-sem-c=tabs] [role=tab]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--tr-tab-idle); color: var(--sem-text); flex: 0 0 auto; padding: 4px 18px 3px; box-shadow: inset 0 1px 0 var(--bv-hi); clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 100%, 0 100%); font-weight: 400; margin-inline: -3px; margin-top: 2px; }
  [data-sem-theme="tracker"] [data-sem-c=tabs] [role=tab][aria-selected=true]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); position: relative; margin-bottom: -2px; margin-inline: -3px; margin-top: 0; padding-bottom: 5px; z-index: 2; }
  [data-sem-theme="tracker"] [data-sem-c=tabs]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { gap: 0; }
  [data-sem-theme="tracker"] [data-sem-c=tag] > :is(.sem-tag-toggle, .sem-remove):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { border-radius: 0; }
  [data-sem-theme="tracker"] [data-sem-c=taskbar] .sem-task:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); color: var(--sem-text); border-radius: 3px; box-shadow: var(--bv-raised); font-weight: 400; justify-content: flex-start; min-width: 110px; }
  [data-sem-theme="tracker"] [data-sem-c=taskbar] .sem-task[aria-current="true"]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-dither); color: var(--sem-text); box-shadow: var(--bv-pressed); font-weight: 700; }
  [data-sem-theme="tracker"] [data-sem-c=taskbar]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border: 0; gap: 3px; padding: 3px; box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] [data-sem-c=tiled-workspace] [data-sem-c=tabs]:not(:where([data-sem-c=tiled-workspace] [role=tabpanel] *)) > [role=tablist]:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; }
  [data-sem-theme="tracker"] [data-sem-c=toggle-switch] .sem-thumb:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-face); border-radius: 0; box-shadow: var(--bv-raised); }
  [data-sem-theme="tracker"] [data-sem-c=toggle-switch] .sem-track:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--sem-surface-sunken); border-radius: 0; box-shadow: var(--bv-sunken); }
  [data-sem-theme="tracker"] [data-sem-c=toggle-switch] > button:not(:disabled):hover .sem-track:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { filter: brightness(0.97); }
  [data-sem-theme="tracker"] [data-sem-c=toggle-switch] > button[aria-checked=true] .sem-track:not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--tone-solid, var(--bv-select-bg)); }
  [data-sem-theme="tracker"] { --bv-button: linear-gradient(180deg, light-dark(#f6f6f6, #4a4a50), light-dark(#d4d4d4, #36363b)); --bv-dark: light-dark(#6c6c6c, #0c0c0e); --bv-dither: linear-gradient(180deg, light-dark(#c4c4c4, #2a2a2e), light-dark(#d6d6d6, #323236)); --bv-etched: inset 1px 1px 0 var(--bv-shade), inset -1px -1px 0 var(--bv-hi), inset 2px 2px 0 var(--bv-hi), inset -2px -2px 0 var(--bv-shade); --bv-face: var(--sem-surface); --bv-hi: light-dark(#ffffff, #6a6a72); --bv-lite: light-dark(#f0f0f0, #4c4c52); --bv-pressed: inset 0 0 0 1px var(--bv-dark), inset 1px 1px 0 1px var(--bv-shade), inset -1px -1px 0 1px var(--bv-lite); --bv-raised: inset 0 0 0 1px var(--bv-dark), inset 1px 1px 0 1px var(--bv-hi), inset -1px -1px 0 1px var(--bv-shade); --bv-shade: light-dark(#9a9a9a, #232326); --bv-sunken: inset 0 0 0 1px var(--bv-shade), inset 1px 1px 0 1px var(--bv-dark); --bv-title: linear-gradient(180deg, #ffe873, #ffcb00 60%, #f0b800); --s-focus: 2px solid var(--sem-accent-9); --tr-tab: var(--bv-title); --bv-default-bg: var(--bv-face); --bv-default-fg: var(--sem-text); --bv-pressed-inner: inset 0 0 0 2px var(--bv-dark), inset 1px 1px 0 2px var(--bv-shade), inset -1px -1px 0 2px var(--bv-lite); --bv-raised-inner: inset 0 0 0 2px var(--bv-dark), inset 1px 1px 0 2px var(--bv-hi), inset -1px -1px 0 2px var(--bv-shade); --bv-select-bg: light-dark(#9eb4e6, #3a5aa8); --bv-select-fg: light-dark(#000000, #ffffff); --bv-thin-raised: inset -1px -1px 0 var(--bv-shade), inset 1px 1px 0 var(--bv-hi); --bv-thin-sunken: inset -1px -1px 0 var(--bv-hi), inset 1px 1px 0 var(--bv-shade); --bv-title-fg: #000000; --s-focus-offset: 1px; --tr-tab-idle: linear-gradient(180deg, light-dark(#ececec, #55555c), light-dark(#cacaca, #44444a)); }
  [data-sem-c="choice"][data-sem-label-placement="inline"] > span { color: var(--sem-muted); font-size: var(--sem-font-size-micro); letter-spacing: 0.07em; text-transform: uppercase; }
  [data-sem-c="choice"][data-sem-label-placement="inline"] select { border: 0; align-self: stretch; block-size: auto; border-radius: 7px; font-weight: 550; padding-inline: 8px var(--sem-chevron-space); }
  [data-sem-c="choice"][data-sem-label-placement="inline"] { background: var(--sem-surface); border: 1px solid var(--sem-border); display: inline-flex; align-items: center; block-size: var(--control-h, var(--sem-control-height)); border-radius: var(--sem-radius-control); box-shadow: var(--sem-shadow); box-sizing: border-box; font-size: var(--sem-font-size-small); padding-block: 4px; padding-inline: 12px 4px; }
  [data-sem-c="code-input"][data-sem-cells="filled"] .sem-code-cell { background: var(--tone-soft, var(--sem-gray-3)); border-color: transparent; border-radius: var(--sem-radius-lg); }
  [data-sem-c="code-input"][data-sem-cells="joined"] .sem-code-cell { border-radius: 0; margin-inline-start: -1px; }
  [data-sem-c="code-input"][data-sem-cells="joined"] .sem-code-sep { margin-inline: calc(var(--control-h, var(--sem-control-height)) * 0.16); }
  [data-sem-c="code-input"][data-sem-cells="joined"] :is(.sem-code-cell:first-child, .sem-code-sep + .sem-code-cell) { margin-inline-start: 0; border-end-start-radius: var(--control-radius, var(--sem-radius-control)); border-start-start-radius: var(--control-radius, var(--sem-radius-control)); }
  [data-sem-c="code-input"][data-sem-cells="joined"] :is(.sem-code-cell:last-child, .sem-code-cell:has(+ .sem-code-sep)) { border-end-end-radius: var(--control-radius, var(--sem-radius-control)); border-start-end-radius: var(--control-radius, var(--sem-radius-control)); }
  [data-sem-c="code-input"][data-sem-cells="joined"] > .sem-code-box > .sem-code-cells { gap: 0; }
  [data-sem-c="code-input"][data-sem-cells="joined"] > .sem-code-box:focus-within .sem-code-cell[data-state=active] { position: relative; z-index: 1; }
  [data-sem-c="code-input"][data-sem-cells="underlined"] .sem-code-cell { background: transparent; border-radius: 0; border-width: 0 0 2px; box-shadow: none; }
  [data-sem-c="connector"][data-sem-emphasis="solid"] { background: none; color: inherit; border-color: transparent; }
  [data-sem-c="desktop"][data-sem-tile-layout="desktop-grid"] > .sem-frames > * { pointer-events: auto; }
  [data-sem-c="desktop"][data-sem-tile-layout="desktop-grid"] > .sem-frames > [data-sem-tiled] .sem-window-bar { cursor: default; }
  [data-sem-c="desktop"][data-sem-tile-layout="desktop-grid"] > .sem-frames > [data-sem-tiled] { height: auto; inset: auto; position: relative; width: auto; box-shadow: var(--sem-shadow-2); min-height: 180px; min-width: 0; }
  [data-sem-c="desktop"][data-sem-tile-layout="desktop-grid"] > .sem-frames { display: grid; gap: var(--sem-space-3); overflow: auto; position: fixed; inset-block: max(var(--sem-dock-top, 0px), 72px) max(var(--sem-dock-bottom, 0px), 64px); inset-inline: max(var(--sem-dock-start, 0px), 24px) max(var(--sem-dock-end, 0px), 24px); pointer-events: none; grid-auto-rows: minmax(180px, 1fr); grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--grid-min, 320px)), 1fr)); }
  [data-sem-c="desktop"][data-sem-tile-layout="desktop-grid"] > .sem-frames[data-columns] { grid-template-columns: repeat(auto-fit, minmax(min(100%, max(var(--grid-min, 160px), calc((100% - (var(--grid-columns) - 1) * var(--sem-space-3)) / var(--grid-columns)))), 1fr)); }
  [data-sem-c="dock-panel"][data-sem-edge="end"] > .sem-dock-handle { cursor: col-resize; height: auto; width: 8px; inset-block: 0; inset-inline: -4px auto; }
  [data-sem-c="dock-panel"][data-sem-edge="end"] { bottom: auto; height: auto; top: 0; width: var(--dock-size, 280px); border-top: 0; margin-top: 0; max-width: 100%; border-inline-start: 1px solid var(--sem-border-strong); margin-inline-start: auto; }
  [data-sem-c="dock-panel"][data-sem-edge="start"] > .sem-dock-handle { cursor: col-resize; height: auto; width: 8px; inset-block: 0; inset-inline: auto -4px; }
  [data-sem-c="dock-panel"][data-sem-edge="start"] { bottom: auto; height: auto; order: -1; top: 0; width: var(--dock-size, 280px); border-top: 0; margin-top: 0; max-width: 100%; border-inline-end: 1px solid var(--sem-border-strong); margin-inline-end: auto; }
  [data-sem-c="dock-panel"][data-sem-edge="top"] > .sem-dock-handle { bottom: -4px; top: auto; }
  [data-sem-c="dock-panel"][data-sem-edge="top"] { bottom: auto; top: 0; border-bottom: 1px solid var(--sem-border-strong); border-top: 0; margin-bottom: auto; margin-top: 0; }
  [data-sem-c="graph-mark"][data-sem-size="lg"] { filter: drop-shadow(0 10px 24px rgb(91 76 240 / 0.35)); height: 72px; width: 72px; }
  [data-sem-c="graph-mark"][data-sem-size="sm"] { height: 20px; width: 20px; }
  [data-sem-c="menu"][data-sem-emphasis="ghost"]:has(> button:not(:disabled):hover) { background: var(--tone-soft, var(--sem-gray-3)); }
  [data-sem-c="menu"][data-sem-emphasis="outline"]:has(> button:not(:disabled):hover) { background: var(--tone-soft, var(--sem-gray-3)); }
  [data-sem-c="menu"][data-sem-emphasis="soft"]:has(> button:not(:disabled):hover) { background: var(--tone-soft-hover, var(--sem-gray-4)); }
  [data-sem-c="menu"][data-sem-emphasis="solid"]:has(> button:not(:disabled):hover) { background: var(--tone-solid-hover, light-dark(#2c2c3a, #ffffff)); border-color: var(--tone-solid-hover, light-dark(#2c2c3a, #ffffff)); }
  [data-sem-c="split-view"][data-sem-direction="column"] > .sem-divider { cursor: row-resize; }
  [data-sem-c="split-view"][data-sem-direction="column"] > .sem-divider::after { height: 4px; width: 28px; }
  [data-sem-c="split-view"][data-sem-direction="column"] > .sem-divider::before { inset: -5px 0; }
  [data-sem-c="split-view"][data-sem-direction="column"] { flex-direction: column; min-height: 20rem; }
  [data-sem-c="surface"][data-sem-elevation="flat"] { box-shadow: none; }
  [data-sem-c="surface"][data-sem-elevation="overlay"] { border-color: transparent; border-radius: var(--sem-radius-xl); box-shadow: var(--sem-shadow-3); }
  [data-sem-c="surface"][data-sem-elevation="overlay"]:not([data-sem-tone]) { background: var(--sem-surface-overlay); }
  [data-sem-c="surface"][data-sem-elevation="raised"] { box-shadow: var(--sem-shadow-2); }
  [data-sem-c="window"][data-sem-edge="bottom"]:not([data-sem-window-state="maximized"]), [data-sem-c="palette"][data-sem-edge="bottom"]:not([data-sem-window-state="maximized"]) { width: auto; border-radius: 0; border-width: 1px 0 0; inset-inline: var(--sem-dock-start, 0px) var(--sem-dock-end, 0px); max-height: 70vh; inset-block-end: var(--sem-dock-bottom, 0px); inset-block-start: auto; }
  [data-sem-c="window"][data-sem-edge="bottom"]:not([data-sem-window-state="maximized"], [data-sem-window-state="minimized"]), [data-sem-c="palette"][data-sem-edge="bottom"]:not([data-sem-window-state="maximized"], [data-sem-window-state="minimized"]) { anchor-name: --sem-bottom-dock; }
  [data-sem-c="window"][data-sem-edge="end"]:not([data-sem-window-state="maximized"]), [data-sem-c="palette"][data-sem-edge="end"]:not([data-sem-window-state="maximized"]) { height: auto; border-radius: 0; border-width: 0 0 0 1px; inset-block: var(--sem-dock-top, 0px) var(--sem-dock-bottom, 0px); max-width: 80vw; inset-inline-end: var(--sem-dock-end, 0px); inset-inline-start: auto; }
  [data-sem-c="window"][data-sem-edge="start"]:not([data-sem-window-state="maximized"]), [data-sem-c="palette"][data-sem-edge="start"]:not([data-sem-window-state="maximized"]) { height: auto; border-radius: 0; border-width: 0 1px 0 0; inset-block: var(--sem-dock-top, 0px) var(--sem-dock-bottom, 0px); max-width: 80vw; inset-inline-end: auto; inset-inline-start: var(--sem-dock-start, 0px); }
  [data-sem-c="window"][data-sem-edge="top"]:not([data-sem-window-state="maximized"]), [data-sem-c="palette"][data-sem-edge="top"]:not([data-sem-window-state="maximized"]) { width: auto; border-radius: 0; border-width: 0 0 1px; inset-inline: var(--sem-dock-start, 0px) var(--sem-dock-end, 0px); max-height: 70vh; inset-block-end: auto; inset-block-start: var(--sem-dock-top, 0px); }
  [data-sem-c="window"][data-sem-window-state="maximized"] .sem-window-bar, [data-sem-c="palette"][data-sem-window-state="maximized"] .sem-window-bar { cursor: default; }
  [data-sem-c="window"][data-sem-window-state="maximized"], [data-sem-c="palette"][data-sem-window-state="maximized"] { height: auto; width: auto; border-radius: 0; border-width: 0; box-shadow: none; inset-block: var(--sem-dock-top, 0px) var(--sem-dock-bottom, 0px); inset-inline: var(--sem-dock-start, 0px) var(--sem-dock-end, 0px); }
  @media (max-width: 640px) {
    [data-sem-layout="field-row"] > :not([data-sem-row-span]) { align-self: end; grid-row: span 2; }
    [data-sem-layout="field-row"] > [data-sem-row-span]:not(:last-child) { margin-block-end: var(--sem-space-3); }
    [data-sem-layout="field-row"] { grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); }
    [data-sem-layout="settings"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
    [data-sem-c="choice"][data-sem-label-placement="inline"] > span { padding-inline: 6px; }
    [data-sem-c="choice"][data-sem-label-placement="inline"] select { block-size: var(--control-h, var(--sem-control-height)); }
    [data-sem-c="choice"][data-sem-label-placement="inline"] { display: inline-grid; gap: 2px; padding: 6px; block-size: auto; max-width: 100%; grid-template-columns: minmax(0, 1fr); }
    [data-sem-c="desktop"][data-sem-tile-layout="desktop-grid"] > .sem-frames[data-columns] { grid-template-columns: minmax(0, 1fr); }
    [data-sem-c="segmented"][data-sem-compact-as="picker"] > .sem-picker, [data-sem-c="theme-switcher"][data-sem-compact-as="picker"] > .sem-picker, [data-sem-c="nav-list"][data-sem-compact-as="picker"] > .sem-picker { appearance: none; border: 1px solid var(--sem-border); color: var(--sem-text); cursor: pointer; display: block; font: 600 14px/1.2 var(--sem-font); width: 100%; background-color: var(--sem-surface); border-radius: var(--sem-radius-control); box-shadow: var(--sem-shadow); box-sizing: border-box; min-height: 44px; padding-block: 0; padding-inline: 12px 32px; text-overflow: ellipsis; }
    [data-sem-c="segmented"][data-sem-compact-as="picker"] > .sem-picker:focus-visible, [data-sem-c="theme-switcher"][data-sem-compact-as="picker"] > .sem-picker:focus-visible, [data-sem-c="nav-list"][data-sem-compact-as="picker"] > .sem-picker:focus-visible { outline: none; box-shadow: var(--sem-ring); }
    [data-sem-c="segmented"][data-sem-compact-as="picker"] > :not(.sem-picker), [data-sem-c="theme-switcher"][data-sem-compact-as="picker"] > :not(.sem-picker), [data-sem-c="nav-list"][data-sem-compact-as="picker"] > :not(.sem-picker) { display: none; }
    [data-sem-c="segmented"][data-sem-compact-as="picker"], [data-sem-c="theme-switcher"][data-sem-compact-as="picker"], [data-sem-c="nav-list"][data-sem-compact-as="picker"] { background: none; border: 0; display: block; overflow: visible; padding: 0; border-radius: 0; box-shadow: none; }
    [data-sem-c="nav-list"][data-sem-compact-as="picker"] { background: none; border: 0; position: static; }
    [data-sem-c="window"][data-sem-edge="bottom"]:not([data-sem-window-state="maximized"]), [data-sem-c="palette"][data-sem-edge="bottom"]:not([data-sem-window-state="maximized"]) { max-height: 50dvh; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-sem-motion="system"] [data-sem-theme] { --sem-ease: linear; --sem-motion: var(--sem-duration) linear; --sem-spring: linear; }
  }
}

@layer sem.intents {
  [data-sem-c="button"][data-sem-intent="danger"], [data-sem-c="run-query-button"][data-sem-intent="danger"] { color: var(--sem-danger); }
  [data-sem-c="button"][data-sem-intent="primary"], [data-sem-c="run-query-button"][data-sem-intent="primary"] { background: linear-gradient(180deg, color-mix(in oklab, var(--sem-accent) 88%, white), var(--sem-accent)); color: var(--sem-on-accent); border-color: var(--sem-accent-strong); box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 6px 16px -6px color-mix(in oklab, var(--sem-accent) 70%, transparent); }
  [data-sem-c="button"][data-sem-intent="primary"]:hover, [data-sem-c="run-query-button"][data-sem-intent="primary"]:hover { background: linear-gradient(180deg, var(--sem-accent), var(--sem-accent-strong)); border-color: var(--sem-accent-strong); }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=classic] *):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)), [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=classic] *):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: var(--bv-default-bg); border: 0; color: var(--bv-default-fg); box-shadow: inset 0 0 0 1px var(--bv-dark), var(--bv-raised-inner); text-shadow: none; }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=classic] *):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)):active, [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=classic] *):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)):active { box-shadow: inset 0 0 0 1px var(--bv-dark), var(--bv-pressed-inner); }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=classic] *):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)):hover, [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=classic] *):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)):hover { background: var(--bv-default-bg); border-color: transparent; }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=cupertino] *):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)), [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=cupertino] *):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)) { background: linear-gradient(180deg, color-mix(in srgb, var(--sem-accent-9) 82%, white), var(--sem-accent-9)); color: #ffffff; border-color: transparent; box-shadow: 0 0 0 0.5px color-mix(in srgb, var(--sem-accent-9) 70%, black), 0 1px 1.5px light-dark(rgb(0 0 0 / 0.15), rgb(0 0 0 / 0.5)); }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=cupertino] *):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)):hover, [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=cupertino] *):not(:where([data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]), [data-sem-theme=cupertino] [data-sem-theme]:not([data-sem-theme=cupertino]) *)):hover { background: linear-gradient(180deg, color-mix(in srgb, var(--sem-accent-9) 90%, white), var(--sem-accent-9)); }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=doodle] *):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)), [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=doodle] *):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)) { background: var(--sem-accent-9); color: var(--sem-accent-contrast); border-color: var(--ink); box-shadow: 3px 4px 0 var(--ink); }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=doodle] *):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)):hover, [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=doodle] *):not(:where([data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]), [data-sem-theme=doodle] [data-sem-theme]:not([data-sem-theme=doodle]) *)):hover { background: var(--sem-accent-10); border-color: var(--ink); }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=fluent] *):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)), [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=fluent] *):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)) { background: var(--sem-accent-9); color: var(--sem-accent-contrast); border-color: transparent; box-shadow: var(--fl-accent-edge); font-weight: 400; }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=fluent] *):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)):active, [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=fluent] *):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)):active { background: color-mix(in srgb, var(--sem-accent-9) 80%, var(--sem-canvas)); box-shadow: none; }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=fluent] *):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)):hover, [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=fluent] *):not(:where([data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]), [data-sem-theme=fluent] [data-sem-theme]:not([data-sem-theme=fluent]) *)):hover { background: color-mix(in srgb, var(--sem-accent-9) 90%, var(--sem-canvas)); border-color: transparent; }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=tracker] *):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)), [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=tracker] *):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: var(--bv-default-bg); border: 0; color: var(--bv-default-fg); box-shadow: inset 0 0 0 1px var(--bv-dark), var(--bv-raised-inner); text-shadow: none; }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=tracker] *):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)):active, [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=tracker] *):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)):active { box-shadow: inset 0 0 0 1px var(--bv-dark), var(--bv-pressed-inner); }
  [data-sem-c="button"][data-sem-intent="primary"]:where([data-sem-theme=tracker] *):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)):hover, [data-sem-c="run-query-button"][data-sem-intent="primary"]:where([data-sem-theme=tracker] *):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)):hover { background: var(--bv-default-bg); border-color: transparent; }
  [data-sem-c="button"][data-sem-intent="secondary"], [data-sem-c="run-query-button"][data-sem-intent="secondary"] { background: transparent; color: var(--sem-muted); box-shadow: none; }
  [data-sem-c="button"][data-sem-intent="secondary"]:where([data-sem-theme=classic] *):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)), [data-sem-c="run-query-button"][data-sem-intent="secondary"]:where([data-sem-theme=classic] *):not(:where([data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]), [data-sem-theme=classic] [data-sem-theme]:not([data-sem-theme=classic]) *)) { background: transparent; box-shadow: none; }
  [data-sem-c="button"][data-sem-intent="secondary"]:where([data-sem-theme=tracker] *):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)), [data-sem-c="run-query-button"][data-sem-intent="secondary"]:where([data-sem-theme=tracker] *):not(:where([data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]), [data-sem-theme=tracker] [data-sem-theme]:not([data-sem-theme=tracker]) *)) { background: transparent; box-shadow: none; }
}