html:root{--dbl-ink: light-dark(#f4f4f5,#08080c);--dbl-graphite: light-dark(#ffffff,#131315);--dbl-slate: light-dark(#f7f7f8,#1b1b1e);--dbl-filament: light-dark(#e4e4e7,#26262a);--dbl-bone: light-dark(#0b0b0e,#f2f2f3);--dbl-ash: light-dark(#5b5b63,#8a8a92);--dbl-ember: #f65a1a;--dbl-spark: #ff7a3a;--dbl-ember-text: light-dark(#c2410c,#ff7a3a);--dbl-ok: light-dark(#15803d,#3ddc84);--dbl-danger: light-dark(#c81e3a,#ff4d6a);--dbl-glow: none;--dbl-hairline: 1px solid var(--dbl-filament);--dbl-font-display: "Space Grotesk","Segoe UI","Helvetica Neue",Arial,sans-serif;--dbl-font-body: "Inter","Segoe UI","Helvetica Neue",Arial,sans-serif;--dbl-font-mono: "JetBrains Mono","Cascadia Code","Fira Code","SF Mono",Consolas,monospace;--lumo-base-color: var(--dbl-graphite);--lumo-body-text-color: var(--dbl-bone);--lumo-header-text-color: var(--dbl-bone);--lumo-secondary-text-color: var(--dbl-ash);--lumo-tertiary-text-color: light-dark(#8a8a92,#5f5f67);--lumo-disabled-text-color: light-dark(#a1a1aa,#4a4a52);--lumo-shade: rgb(11 11 14);--lumo-shade-5pct: rgb(11 11 14 / 0.04);--lumo-shade-10pct: rgb(11 11 14 / 0.08);--lumo-shade-20pct: rgb(11 11 14 / 0.16);--lumo-shade-30pct: rgb(11 11 14 / 0.26);--lumo-shade-40pct: rgb(11 11 14 / 0.38);--lumo-shade-50pct: rgb(11 11 14 / 0.5);--lumo-shade-60pct: rgb(11 11 14 / 0.6);--lumo-shade-70pct: rgb(11 11 14 / 0.7);--lumo-shade-80pct: rgb(11 11 14 / 0.8);--lumo-shade-90pct: rgb(11 11 14 / 0.9);--lumo-tint: rgb(242 242 243);--lumo-tint-5pct: rgb(242 242 243 / 0.04);--lumo-tint-10pct: rgb(242 242 243 / 0.07);--lumo-tint-20pct: rgb(242 242 243 / 0.14);--lumo-tint-30pct: rgb(242 242 243 / 0.24);--lumo-tint-40pct: rgb(242 242 243 / 0.36);--lumo-tint-50pct: rgb(242 242 243 / 0.5);--lumo-tint-60pct: rgb(242 242 243 / 0.6);--lumo-tint-70pct: rgb(242 242 243 / 0.7);--lumo-tint-80pct: rgb(242 242 243 / 0.8);--lumo-tint-90pct: rgb(242 242 243 / 0.9);--lumo-primary-color: var(--dbl-ember);--lumo-primary-color-50pct: rgb(246 90 26 / 0.5);--lumo-primary-color-10pct: rgb(246 90 26 / 0.1);--lumo-primary-text-color: var(--dbl-ember-text);--lumo-primary-contrast-color: #0b0b0e;--lumo-error-color: var(--dbl-danger);--lumo-error-color-50pct: light-dark(rgb(200 30 58 / 0.5),rgb(255 77 106 / 0.5));--lumo-error-color-10pct: light-dark(rgb(200 30 58 / 0.08),rgb(255 77 106 / 0.1));--lumo-error-text-color: var(--dbl-danger);--lumo-error-contrast-color: #ffffff;--lumo-success-color: var(--dbl-ok);--lumo-success-color-50pct: light-dark(rgb(21 128 61 / 0.5),rgb(61 220 132 / 0.5));--lumo-success-color-10pct: light-dark(rgb(21 128 61 / 0.08),rgb(61 220 132 / 0.1));--lumo-success-text-color: var(--dbl-ok);--lumo-success-contrast-color: #0b0b0e;--lumo-warning-color: #f5a524;--lumo-warning-color-10pct: rgb(245 165 36 / 0.12);--lumo-warning-text-color: light-dark(#a15c00,#f5b544);--lumo-warning-contrast-color: #0b0b0e;--lumo-border-radius: 4px;--lumo-border-radius-s: 2px;--lumo-border-radius-m: 4px;--lumo-border-radius-l: 4px;--vaadin-radius-s: 2px;--vaadin-radius-m: 4px;--vaadin-radius-l: 4px;--lumo-font-family: var(--dbl-font-body);--lumo-font-size-xxs: 0.6875rem;--lumo-font-size-xs: 0.75rem;--lumo-font-size-s: 0.8125rem;--lumo-font-size-m: 0.875rem;--lumo-font-size-l: 1rem;--lumo-font-size-xl: 1.25rem;--lumo-font-size-xxl: 1.75rem;--lumo-font-size-xxxl: 2.5rem;--vaadin-input-field-background: var(--dbl-slate);--vaadin-input-field-border-color: light-dark(#d4d4d8,#36363c);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-radius: var(--lumo-border-radius-m);--vaadin-user-color-1: var(--dbl-ash);--vaadin-user-color-3: var(--dbl-ember);--vaadin-focus-ring-color: rgb(246 90 26 / 0.6);--vaadin-focus-ring-width: 2px;accent-color: var(--dbl-ember);scrollbar-color: var(--dbl-filament) transparent;scrollbar-width: thin;font-feature-settings: "cv11","ss01"}html[theme~="dark"]{color-scheme: dark}html[theme~="light"]{color-scheme: light}html,body{background-color: var(--dbl-ink);color: var(--dbl-bone);-webkit-font-smoothing: antialiased}::selection{background: var(--dbl-ember);color: #0b0b0e}a{color: var(--dbl-ember-text);text-decoration: none}a:hover{text-decoration: underline;text-underline-offset: 3px}h1,h2,h3,h4,h5,h6{font-family: var(--dbl-font-display);font-weight: 700;letter-spacing: -0.02em;color: var(--dbl-bone)}h2{font-size: var(--lumo-font-size-xl);text-transform: uppercase;letter-spacing: 0.01em}h3,h4{font-size: var(--lumo-font-size-m);font-weight: 600;letter-spacing: 0}.dbl-mono,code,pre,kbd{font-family: var(--dbl-font-mono)}vaadin-app-layout{--vaadin-app-layout-navbar-background: var(--dbl-ink)}vaadin-app-layout::part(navbar){background: var(--dbl-ink);border-bottom: var(--dbl-hairline);box-shadow: none;min-height: 3rem}.app-title{display: inline-flex;align-items: center;gap: 0.55em;font-family: var(--dbl-font-display);font-size: var(--lumo-font-size-m);font-weight: 700;letter-spacing: -0.01em;margin: 0 var(--lumo-space-l) 0 var(--lumo-space-m);color: var(--dbl-bone);white-space: nowrap}.app-title::before{content: "D";display: inline-grid;place-items: center;width: 1.35em;height: 1.35em;border-radius: 2px;background: var(--dbl-ember);color: #0b0b0e;font-family: var(--dbl-font-mono);font-size: 0.8em;font-weight: 700}.nav-link{position: relative;display: inline-flex;align-items: center;height: 3rem;padding: 0 var(--lumo-space-m);color: var(--dbl-ash);text-decoration: none;font-size: var(--lumo-font-size-s);font-weight: 500}.nav-link:hover{color: var(--dbl-bone);text-decoration: none}.nav-link[highlight]{color: var(--dbl-bone)}.nav-link[highlight]::after{content: "";position: absolute;left: var(--lumo-space-m);right: var(--lumo-space-m);bottom: -1px;height: 2px;background: var(--dbl-ember)}vaadin-button{font-family: var(--dbl-font-mono);font-size: var(--lumo-font-size-xxs);font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;border-radius: var(--lumo-border-radius-m)}vaadin-button[theme~="primary"]{background: var(--dbl-ember);color: #0b0b0e}vaadin-button[theme~="primary"]:not([disabled]):hover{background: var(--dbl-spark)}vaadin-button:not([theme~="primary"]):not([theme~="tertiary"]):not([theme~="tertiary-inline"]):not([theme~="icon"]){background: transparent;color: var(--dbl-bone);box-shadow: inset 0 0 0 1px var(--dbl-filament)}vaadin-button:not([theme~="primary"]):not([theme~="tertiary"]):not([theme~="tertiary-inline"]):not([theme~="icon"]):hover{box-shadow: inset 0 0 0 1px var(--dbl-ash)}vaadin-button[theme~="tertiary"],vaadin-button[theme~="tertiary-inline"]{color: var(--dbl-ash)}vaadin-button[theme~="tertiary"]:hover,vaadin-button[theme~="tertiary-inline"]:hover{color: var(--dbl-bone)}vaadin-button[theme~="icon"]{letter-spacing: 0;font-size: var(--lumo-font-size-m)}vaadin-button[theme~="error"]:not([theme~="primary"]){color: var(--dbl-danger)}vaadin-button[theme~="error"][theme~="primary"]{background: var(--dbl-danger);color: #ffffff}vaadin-button[theme~="success"]:not([theme~="primary"]){color: var(--dbl-ok)}vaadin-text-field:hover::part(input-field),vaadin-password-field:hover::part(input-field),vaadin-text-area:hover::part(input-field),vaadin-combo-box:hover::part(input-field),vaadin-select:hover::part(input-field),vaadin-date-picker:hover::part(input-field){box-shadow: inset 0 0 0 1px var(--dbl-ash)}vaadin-text-field[focused]::part(input-field),vaadin-password-field[focused]::part(input-field),vaadin-email-field[focused]::part(input-field),vaadin-number-field[focused]::part(input-field),vaadin-integer-field[focused]::part(input-field),vaadin-text-area[focused]::part(input-field),vaadin-combo-box[focused]::part(input-field),vaadin-select[focused]::part(input-field),vaadin-date-picker[focused]::part(input-field){box-shadow: inset 0 0 0 1px var(--dbl-ember)}vaadin-text-field[invalid]::part(input-field),vaadin-password-field[invalid]::part(input-field),vaadin-text-area[invalid]::part(input-field){box-shadow: inset 0 0 0 1px var(--dbl-danger)}vaadin-text-field::part(label),vaadin-password-field::part(label),vaadin-email-field::part(label),vaadin-number-field::part(label),vaadin-integer-field::part(label),vaadin-text-area::part(label),vaadin-combo-box::part(label),vaadin-select::part(label),vaadin-date-picker::part(label){font-family: var(--dbl-font-mono);font-size: var(--lumo-font-size-xxs);font-weight: 500;text-transform: uppercase;letter-spacing: 0.08em;color: var(--dbl-ash)}vaadin-checkbox::part(checkbox){border-radius: 2px}vaadin-avatar{border-radius: 4px}vaadin-grid{background: var(--dbl-graphite);border: var(--dbl-hairline);border-radius: var(--lumo-border-radius-m);--vaadin-grid-cell-background: var(--dbl-graphite)}vaadin-grid::part(header-cell){background: var(--dbl-graphite);font-family: var(--dbl-font-mono);font-size: var(--lumo-font-size-xxs);font-weight: 500;text-transform: uppercase;letter-spacing: 0.08em;color: var(--dbl-ash)}vaadin-grid::part(row-stripe-cell),vaadin-grid::part(odd-row-cell){background-image: none}vaadin-grid::part(selected-row-cell){background-image: linear-gradient(var(--lumo-primary-color-10pct),var(--lumo-primary-color-10pct))}vaadin-grid::part(selected-row-cell first-column-cell){box-shadow: inset 2px 0 0 var(--dbl-ember)}.dbl-panel{background: var(--dbl-graphite);border: var(--dbl-hairline);border-radius: var(--lumo-border-radius-m)}vaadin-dialog-overlay::part(overlay),vaadin-confirm-dialog-overlay::part(overlay){background: var(--dbl-graphite);border: var(--dbl-hairline);box-shadow: 0 24px 64px rgb(0 0 0 / 0.45)}vaadin-dialog-overlay::part(header),vaadin-dialog-overlay::part(footer){border-color: var(--dbl-filament)}vaadin-notification-card::part(overlay){background: var(--dbl-graphite);color: var(--dbl-bone);border: var(--dbl-hairline);border-left: 3px solid var(--dbl-ember)}vaadin-notification-card[theme~="error"]::part(overlay){border-left-color: var(--dbl-danger)}vaadin-notification-card[theme~="success"]::part(overlay){border-left-color: var(--dbl-ok)}vaadin-tabsheet::part(tabs-container),vaadin-tabs{box-shadow: inset 0 -1px 0 var(--dbl-filament)}vaadin-tab[selected]{color: var(--dbl-bone)}vaadin-tab[selected]::before{background-color: var(--dbl-ember)}vaadin-details{border-top: var(--dbl-hairline)}vaadin-details::part(summary){font-family: var(--dbl-font-mono);font-size: var(--lumo-font-size-xs);text-transform: uppercase;letter-spacing: 0.06em;color: var(--dbl-ash)}vaadin-split-layout::part(splitter){background: var(--dbl-filament);min-width: 1px}.dbl-badge{display: inline-block;padding: 1px 6px;border: 1px solid currentColor;border-radius: 2px;font-family: var(--dbl-font-mono);font-size: var(--lumo-font-size-xxs);font-weight: 500;text-transform: uppercase;letter-spacing: 0.08em;line-height: 1.5;color: var(--dbl-ash)}.dbl-badge.ok{color: var(--dbl-ok)}.dbl-badge.accent{color: var(--dbl-ember-text)}.dbl-badge.error{color: var(--dbl-danger)}mark{background: rgb(246 90 26 / 0.18);color: inherit;box-shadow: inset 0 -1px 0 var(--dbl-ember);border-radius: 1px}vaadin-markdown code,vaadin-message code{font-size: 0.92em;background: var(--dbl-slate);border: var(--dbl-hairline);border-radius: 2px;padding: 0 0.3em}vaadin-markdown pre,vaadin-message pre{background: var(--dbl-slate);border: var(--dbl-hairline);border-radius: var(--lumo-border-radius-m);padding: var(--lumo-space-s) var(--lumo-space-m);overflow-x: auto}vaadin-markdown pre code,vaadin-message pre code{border: 0;background: none;padding: 0}vaadin-markdown blockquote,vaadin-message blockquote{margin: var(--lumo-space-xs) 0;padding: var(--lumo-space-xs) var(--lumo-space-s);border-left: 2px solid var(--dbl-ember);background: var(--dbl-slate);color: var(--dbl-ash);font-family: var(--dbl-font-mono);font-size: var(--lumo-font-size-xs)}.theme-toggle{color: var(--dbl-ash)}.app-navbar{overflow-x: auto;scrollbar-width: none}.app-navbar::-webkit-scrollbar{display: none}.app-navbar>*{flex-shrink: 0}@media (max-width: 640px){.app-title{margin-right: var(--lumo-space-s)}.nav-link{padding: 0 var(--lumo-space-s)}.nav-user-name{display: none}}