.app-title{font-size: var(--aura-font-size-l);margin: 0}.home-view{container-type: inline-size;box-sizing: border-box;max-width: 72rem;gap: 0;padding: clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem) 4rem}.home-view>h1{font-size: clamp(2rem,1.4rem + 2.6vw,3rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.1;letter-spacing: -0.025em;text-wrap: balance;margin: 0 0 1rem}.home-view>p{max-width: 62ch;margin: 0;text-wrap: pretty}.home-view>h1 + p{font-size: var(--aura-font-size-l);line-height: var(--aura-line-height-l);color: var(--vaadin-text-color)}.home-view>.home-how-to{margin-top: 0.75rem;color: var(--vaadin-text-color-secondary)}.home-group{width: 100%;margin-top: 3rem}.home-group + .home-group{margin-top: 2.5rem;padding-top: 2.5rem;border-top: 1px solid var(--vaadin-border-color-secondary)}.home-group-header{display: grid;grid-template-columns: auto 1fr;align-items: center;column-gap: 0.75rem;margin-bottom: 1.25rem}.home-group-icon{grid-row: span 2;box-sizing: border-box;width: 2.5rem;height: 2.5rem;padding: 0.625rem;border-radius: var(--vaadin-radius-m);color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent)}.home-group-heading{font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-semibold);line-height: 1.2;margin: 0}.home-group-count{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.home-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,17rem),1fr));gap: 1rem}@container (min-width: 56rem){.home-group{display: grid;grid-template-columns: 12rem 1fr;gap: 2rem;align-items: start}.home-group-header{position: sticky;top: 1rem;grid-template-columns: 1fr;row-gap: 0.75rem;margin: 0}.home-group-icon{grid-row: auto}.home-cards{grid-template-columns: repeat(2,1fr)}}@container (max-width: 40rem){.home-view>h1{margin-top: 2.5rem}}.home-card{position: relative;transition: border-color 200ms cubic-bezier(0.16,1,0.3,1),box-shadow 200ms cubic-bezier(0.16,1,0.3,1),translate 200ms cubic-bezier(0.16,1,0.3,1)}.home-card::part(content){flex-grow: 1}.home-card p{margin: 0;color: var(--vaadin-text-color-secondary)}.home-card .home-card-tag{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);font-variant-numeric: tabular-nums;letter-spacing: 0.04em;color: color-mix(in oklab,var(--aura-accent-text-color) 75%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);border-radius: 999px;padding: 0.125rem 0.5rem}.home-card .home-card-link{font-weight: var(--aura-font-weight-medium);color: var(--aura-accent-text-color);text-decoration: none}.home-card .home-card-link::after{content: "";position: absolute;inset: 0;border-radius: inherit}.home-card:hover{--vaadin-card-border-color: color-mix(in srgb,var(--aura-accent-color) 55%,var(--vaadin-border-color));box-shadow: var(--aura-shadow-m);translate: 0 -2px}.home-card:has(.home-card-link:focus-visible){outline: 2px solid var(--aura-accent-color);outline-offset: 2px}.home-card .home-card-link:focus-visible{outline: none}@media (prefers-reduced-motion: reduce){.home-card{transition: none}.home-card:hover{translate: none}}.app-window{box-sizing: border-box;width: 100%;max-width: 760px;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l,12px);overflow: hidden;box-shadow: 0 12px 32px rgb(0 0 0 / 14%);background: var(--vaadin-background-color)}.app-window-chrome{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem 0.75rem;background: var(--vaadin-background-container);border-bottom: 1px solid var(--vaadin-border-color)}.app-window-dots{display: flex;gap: 0.375rem}.app-window-dots>div{width: 0.625rem;height: 0.625rem;border-radius: 50%;background: color-mix(in srgb,var(--vaadin-text-color-secondary) 40%,transparent)}.app-window-title{font-size: 0.875rem;font-weight: 600}.app-window-url{margin-inline-start: auto;font-family: var(--vaadin-font-family-monospace,monospace);font-size: 0.75rem;color: var(--vaadin-text-color-secondary);background: var(--vaadin-background-color);border: 1px solid var(--vaadin-border-color);border-radius: 999px;padding: 0.125rem 0.625rem}.app-window-body{display: flex;flex-direction: column;gap: var(--vaadin-gap-container,1rem);padding: var(--vaadin-padding-l,1.5rem)}.lens-divider{display: flex;align-items: center;gap: 0.75rem;font-size: var(--aura-font-size-m,1rem);text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary);margin-top: 1.5rem}.lens-divider::before,.lens-divider::after{content: "";flex: 1;border-top: 1px solid var(--vaadin-border-color)}.lens-divider::before{max-width: 2rem;flex: 0 0 2rem}.investigation-step{width: 100%;max-width: 960px;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m,8px);background: var(--vaadin-background-container);padding: 0.25rem 1rem}.investigation-step + .investigation-step{margin-top: 0.5rem}.metric{font-family: var(--vaadin-font-family-monospace,ui-monospace,monospace);font-size: 0.8125em;background: var(--vaadin-background-container-strong,var(--vaadin-background-container));border: 1px solid var(--vaadin-border-color-secondary,var(--vaadin-border-color));border-radius: var(--vaadin-radius-s,4px);padding: 0.0625em 0.375em;white-space: nowrap}.timing{font-variant-numeric: tabular-nums;font-weight: 600;color: var(--aura-accent-text-color,var(--vaadin-text-color));white-space: nowrap}.verdict-card{background: var(--aura-accent-surface,var(--vaadin-background-container));border: 1px solid var(--vaadin-border-color);border-inline-start: 3px solid var(--aura-accent-color,var(--vaadin-border-color));border-radius: var(--vaadin-radius-m,8px);padding: 0.75rem 1rem;margin-block: 0.75rem;color: var(--vaadin-text-color)}.verdict-severity{display: inline-block;font-size: 0.6875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--aura-accent-text-color,var(--vaadin-text-color-secondary))}.verdict-summary{margin: 0.25rem 0 0.5rem}.verdict-evidence{display: flex;flex-wrap: wrap;gap: 0.375rem}.verdict-empty{color: var(--vaadin-text-color-secondary);font-style: italic}.meter-table{border-collapse: collapse;margin-block: 0.5rem 0.75rem}.meter-table th{font-size: 0.6875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary);text-align: start;padding: 0.375rem 0.75rem 0.375rem 0;border-bottom: 1px solid var(--vaadin-border-color)}.meter-table td{padding: 0.4375rem 0.75rem 0.4375rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary,var(--vaadin-border-color));vertical-align: baseline}.meter-table td:nth-child(3){text-align: end;font-variant-numeric: tabular-nums}.meter-table th:nth-child(3){text-align: end}.meter-table td:last-child{color: var(--vaadin-text-color-secondary);font-size: 0.8125rem}.app-window-rig{box-sizing: border-box;width: 100%;max-width: 760px;margin-top: -0.5rem;padding: 0.5rem 1rem 0.75rem;border: 1px dashed var(--vaadin-border-color);border-top: none;border-radius: 0 0 var(--vaadin-radius-l,12px) var(--vaadin-radius-l,12px);background: color-mix(in srgb,var(--vaadin-background-container) 50%,transparent)}.app-window-rig-caption{display: block;font-size: 0.6875rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary)}.order-lines{border-collapse: collapse}.order-lines th{font-size: 0.6875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary);text-align: start;padding: 0.375rem 0;border-bottom: 1px solid var(--vaadin-border-color)}.order-lines td{padding: 0.4375rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary,var(--vaadin-border-color))}.order-lines-numeric th:last-child,.order-lines-numeric td:last-child{text-align: end;width: 4em;font-variant-numeric: tabular-nums}.order-lines .order-empty td{color: var(--vaadin-text-color-secondary);font-style: italic;text-align: start;border-bottom: none}.investigation-step::part(summary-content){font-weight: 600}.verdict-severity{background: color-mix(in srgb,var(--aura-accent-color,currentColor) 12%,transparent);border-radius: 999px;padding: 0.125rem 0.5625rem}.verdict-detail{display: block;font-family: var(--vaadin-font-family-monospace,ui-monospace,monospace);font-size: 0.75rem;color: var(--vaadin-text-color-secondary);overflow-wrap: anywhere;margin-block-end: 0.5rem}.payload-scroller{width: 100%;max-height: 55vh;overflow: auto;background: var(--vaadin-background-container-strong,var(--vaadin-background-container));border-radius: var(--vaadin-radius-m,8px);padding: var(--vaadin-padding-s,0.5rem);box-sizing: border-box}.payload{margin: 0;font-size: 0.7rem;line-height: 1.35;white-space: pre-wrap;word-break: break-word}.catalog-summary{color: var(--vaadin-text-color-secondary)}.trail-table{border-collapse: collapse;margin-block: 0.5rem 0.75rem;table-layout: fixed}.trail-table th{font-size: 0.6875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary);text-align: start;padding: 0.375rem 0.75rem 0.375rem 0;border-bottom: 1px solid var(--vaadin-border-color)}.trail-table td{padding: 0.375rem 0.75rem 0.375rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary,var(--vaadin-border-color));vertical-align: middle}.trail-table th:nth-child(1),.trail-table td:nth-child(1){width: 28%}.trail-table th:nth-child(2),.trail-table td:nth-child(2){width: 24%}.trail-table th:nth-child(3),.trail-table td:nth-child(3){width: 6.5em;text-align: end}.trail-track{width: 100%;height: 0.5rem;border-radius: 999px;background: color-mix(in srgb,var(--vaadin-text-color-secondary) 12%,transparent)}.trail-bar{height: 100%;min-width: 2px;border-radius: 999px;background: var(--aura-accent-color,var(--vaadin-text-color-secondary))}.trail-name{display: flex;flex-direction: column;align-items: flex-start;gap: 0.125rem}.trail-error{font-family: var(--vaadin-font-family-monospace,ui-monospace,monospace);font-size: 0.75rem;color: var(--aura-accent-text-color,var(--vaadin-text-color-secondary));overflow-wrap: anywhere}.trail-attributes{display: flex;flex-wrap: wrap;gap: 0.25rem}.trail-attributes .metric{white-space: normal;overflow-wrap: anywhere}.trail-failed{background: var(--aura-accent-surface,transparent)}