@charset "UTF-8";.page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h1{margin:0 0 4px;font-size:1.875rem}.page-actions{display:flex;gap:8px;flex-wrap:wrap}a.mat-mdc-button-base:hover,a.mat-mdc-button-base:focus,a.back:hover,a.back:focus,a.thumb:hover,a.thumb:focus,a.thumb-link:hover,a.thumb-link:focus,a.bar-col:hover,a.bar-col:focus,a.hop-stat-label:hover,a.hop-stat-label:focus,a.open:hover,a.open:focus,a.details:hover,a.details:focus,a.icon-link:hover,a.icon-link:focus{text-decoration:none}.sub{font-size:.875rem;color:var(--text-tertiary)}.mono{font-family:var(--font-mono);font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;text-align:center;color:var(--text-secondary)}.empty-state>mat-icon{width:40px;height:40px;font-size:40px;color:var(--text-tertiary)}.empty-state h2{margin:0;font-size:1.125rem}.score-chip{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:26px;padding:0 6px;border-radius:8px;font-weight:600;font-size:.875rem;font-variant-numeric:tabular-nums;background:var(--bg-tertiary);color:var(--text-secondary)}.score-chip.good{background:var(--color-success-bg);color:var(--color-success-text)}.score-chip.warn{background:var(--color-warning-bg);color:var(--color-warning-text)}.score-chip.bad{background:var(--color-error-bg);color:var(--color-error-text)}.delta{font-size:.8125rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.delta.good{color:var(--color-success-text)}.delta.bad{color:var(--color-error-text)}.num{text-align:right;font-variant-numeric:tabular-nums}.plain-table{width:100%;border-collapse:collapse;font-size:.9375rem}.plain-table th{padding:10px 12px;border-bottom:1px solid var(--border-default);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;color:var(--text-tertiary)}.plain-table td{padding:10px 12px;border-bottom:1px solid var(--border-light);vertical-align:middle}.plain-table tbody tr:hover td{background:var(--hover-overlay)}.plain-table th.num,.plain-table td.num{text-align:right}.sev{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap;background:var(--bg-tertiary);color:var(--text-secondary)}.sev.ok{background:var(--color-success-bg);color:var(--color-success-text)}.sev.warn{background:var(--color-warning-bg);color:var(--color-warning-text)}.sev.error{background:var(--color-error-bg);color:var(--color-error-text)}:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fb;--bg-tertiary: #f1f3f6;--bg-elevated: #ffffff;--bg-inverse: #15181e;--bg-overlay: rgba(0, 0, 0, .5);--surface-default: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f1f3f6;--surface-overlay: #ffffff;--text-primary: #15181e;--text-secondary: #4d5560;--text-tertiary: #6c7280;--text-disabled: #9ba1ac;--text-inverse: #ffffff;--text-link: #0f766e;--text-link-hover: #115e59;--border-default: #e4e7ec;--border-light: #f1f3f6;--border-strong: #d2d6dd;--border-focus: #37d6c4;--color-primary: #011627;--color-primary-hover: #0d2947;--color-primary-active: #061d33;--color-primary-bg: #eef2f6;--color-primary-bg-hover: #d4dfe8;--color-primary-text: #0d2947;--color-accent: #16b9a8;--color-accent-hover: #0d9488;--color-accent-bg: #effefb;--color-accent-text: #0f766e;--color-tertiary: #ad4780;--color-tertiary-bg: #fbf0f6;--color-tertiary-text: #923a6b;--color-success: #059669;--color-success-hover: #047857;--color-success-bg: #ecfdf5;--color-success-text: #047857;--color-success-border: #a7f3d0;--color-warning: #c07f1c;--color-warning-hover: #986114;--color-warning-bg: #fefbf0;--color-warning-text: #714810;--color-warning-border: #fae5ad;--color-error: #dc2626;--color-error-hover: #b91c1c;--color-error-bg: #fef2f2;--color-error-text: #b91c1c;--color-error-border: #fecaca;--color-info: #0d9488;--color-info-bg: #effefb;--color-info-text: #0f766e;--hover-overlay: rgba(0, 0, 0, .04);--active-overlay: rgba(0, 0, 0, .08);--focus-ring: 0 0 0 3px rgba(55, 214, 196, .35);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--sidebar-bg: #f8f9fb;--header-bg: #ffffff;--header-border: #e4e7ec;--card-bg: #ffffff;--card-border: #e4e7ec;--input-bg: #ffffff;--input-border: #d2d6dd;--input-border-focus: #37d6c4;--button-secondary-bg: #f1f3f6;--button-secondary-hover: #e4e7ec;--code-bg: #f1f3f6;--code-text: #b91c1c;--scrollbar-track: #f1f3f6;--scrollbar-thumb: #d2d6dd;--scrollbar-thumb-hover: #9ba1ac;--font-sans: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-mono: Roboto Mono, ui-monospace, SF Mono, Consolas, Menlo, monospace}[data-theme=dark]{--bg-primary: #0b0c0f;--bg-secondary: #101218;--bg-tertiary: #151821;--bg-elevated: #1d212b;--bg-inverse: #f1f3f6;--bg-overlay: rgba(4, 6, 10, .7);--surface-default: #14161d;--surface-raised: #1a1d26;--surface-sunken: #0b0c0f;--surface-overlay: #1d212b;--text-primary: #eef0f3;--text-secondary: #9ba1ac;--text-tertiary: #7d8493;--text-disabled: #4d5560;--text-inverse: #15181e;--text-link: #79ecdd;--text-link-hover: #9bf5e4;--border-default: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .14);--border-focus: #37d6c4;--color-primary: #7f9bb2;--color-primary-hover: #adc0d0;--color-primary-active: #4f7291;--color-primary-bg: rgba(43, 81, 117, .18);--color-primary-bg-hover: rgba(43, 81, 117, .28);--color-primary-text: #adc0d0;--color-accent: #37d6c4;--color-accent-hover: #79ecdd;--color-accent-bg: rgba(22, 185, 168, .15);--color-accent-text: #79ecdd;--color-tertiary: #dd85b6;--color-tertiary-bg: rgba(173, 71, 128, .18);--color-tertiary-text: #eab3d3;--color-success: #34d399;--color-success-hover: #6ee7b7;--color-success-bg: rgba(16, 185, 129, .15);--color-success-text: #6ee7b7;--color-success-border: rgba(16, 185, 129, .3);--color-warning: #f0bd5c;--color-warning-hover: #f7d48e;--color-warning-bg: rgba(227, 160, 50, .15);--color-warning-text: #f7d48e;--color-warning-border: rgba(227, 160, 50, .3);--color-error: #f87171;--color-error-hover: #fca5a5;--color-error-bg: rgba(239, 68, 68, .15);--color-error-text: #fca5a5;--color-error-border: rgba(239, 68, 68, .3);--color-info: #37d6c4;--color-info-bg: rgba(22, 185, 168, .15);--color-info-text: #79ecdd;--hover-overlay: rgba(255, 255, 255, .05);--active-overlay: rgba(255, 255, 255, .1);--focus-ring: 0 0 0 3px rgba(55, 214, 196, .35);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--sidebar-bg: #101218;--header-bg: #0b0c0f;--header-border: rgba(255, 255, 255, .08);--card-bg: #14161d;--card-border: rgba(255, 255, 255, .08);--input-bg: #1a1d26;--input-border: rgba(255, 255, 255, .12);--input-border-focus: #37d6c4;--button-secondary-bg: #1d212b;--button-secondary-hover: #252a36;--code-bg: #1a1d26;--code-text: #79ecdd;--scrollbar-track: #101218;--scrollbar-thumb: #2a2f3b;--scrollbar-thumb-hover: #353b48}:root{--text-default: var(--text-primary);--text-muted: var(--text-tertiary);--surface-card: var(--card-bg);--surface-elevated: var(--bg-elevated);--accent: var(--color-accent);--hop-primary: var(--color-primary);--hop-accent: var(--color-accent);--hop-warn: var(--color-error);--hop-gradient: linear-gradient(135deg, #011627 0%, #0f766e 100%);--hop-sidebar-width: 250px;--hop-sidebar-rail-width: 64px;--hop-toolbar-height: 64px;--hop-space-xs: 4px;--hop-space-sm: 8px;--hop-space-md: 16px;--hop-space-lg: 24px;--hop-space-xl: 32px;--hop-success-bg: var(--color-success-bg);--hop-success-text: var(--color-success-text);--hop-error-bg: var(--color-error-bg);--hop-error-text: var(--color-error-text);--code-panel-bg: #1e1e1e;--code-panel-text: #d4d4d4;--code-panel-border: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box}html{height:100%;font-size:15px;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .2s ease,color .2s ease}body{height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:-.011em;font-feature-settings:"cv05" 1,"ss01" 1;color:var(--text-primary);background-color:var(--bg-primary);overflow-wrap:break-word;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{margin:0 0 16px;font-weight:600;line-height:1.25;color:var(--text-primary)}h1,h2,h3{letter-spacing:-.02em}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0 0 16px;color:var(--text-secondary)}a{color:var(--text-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--text-link-hover);text-decoration:underline}code,pre,kbd,samp{font-family:Roboto Mono,ui-monospace,SF Mono,Consolas,Menlo,monospace;font-size:.9em}code{padding:2px 6px;background-color:var(--code-bg);color:var(--code-text);border-radius:4px}pre{padding:16px;background-color:var(--code-bg);border-radius:8px;overflow-x:auto}pre code{padding:0;background:none}::selection{background-color:var(--color-accent-bg);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mat-mdc-input-element:focus-visible,.mat-mdc-select:focus-visible{box-shadow:none}a:focus-visible,button:focus-visible:not([class*=mat-]),input:focus-visible:not([class*=mat-]),select:focus-visible,textarea:focus-visible:not([class*=mat-]){outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-success{color:var(--color-success-text)!important}.text-warning{color:var(--color-warning-text)!important}.text-error{color:var(--color-error-text)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-surface{background-color:var(--surface-default)!important}.no-pad.mat-mdc-card,.no-pad .mat-mdc-card{padding:0!important}.loading-overlay{position:fixed;inset:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:500}.skip-link{position:absolute;top:-40px;left:0;padding:8px 16px;background:var(--color-primary);color:#fff;z-index:1000;transition:top .15s ease}.skip-link:focus{top:0}html{color-scheme:light;--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #810081;--mat-sys-on-tertiary-fixed: #380038;--mat-sys-on-tertiary-fixed-variant: #810081;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #a900a9;--mat-sys-tertiary-container: #ffd7f5;--mat-sys-tertiary-fixed: #ffd7f5;--mat-sys-tertiary-fixed-dim: #ffabf3;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-chip-touch-target-display: none;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-tab-container-height: 44px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 68px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-theme=dark]{color-scheme:dark;--mat-sys-background: #121316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2f3033;--mat-sys-inverse-primary: #005cbb;--mat-sys-inverse-surface: #e3e2e6;--mat-sys-on-background: #e3e2e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #002f65;--mat-sys-on-primary-container: #d7e3ff;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #283041;--mat-sys-on-secondary-container: #dae2f9;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #e3e2e6;--mat-sys-on-surface-variant: #e0e2ec;--mat-sys-on-tertiary: #5b005b;--mat-sys-on-tertiary-container: #ffd7f5;--mat-sys-on-tertiary-fixed: #380038;--mat-sys-on-tertiary-fixed-variant: #810081;--mat-sys-outline: #8e9099;--mat-sys-outline-variant: #44474e;--mat-sys-primary: #abc7ff;--mat-sys-primary-container: #00458f;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #bec6dc;--mat-sys-secondary-container: #3e4759;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #121316;--mat-sys-surface-bright: #38393c;--mat-sys-surface-container: #1f2022;--mat-sys-surface-container-high: #292a2c;--mat-sys-surface-container-highest: #343537;--mat-sys-surface-container-low: #1a1b1f;--mat-sys-surface-container-lowest: #0d0e11;--mat-sys-surface-dim: #121316;--mat-sys-surface-tint: #abc7ff;--mat-sys-surface-variant: #44474e;--mat-sys-tertiary: #ffabf3;--mat-sys-tertiary-container: #810081;--mat-sys-tertiary-fixed: #ffd7f5;--mat-sys-tertiary-fixed-dim: #ffabf3;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html,html[data-theme=dark]{--mat-sys-primary: var(--color-primary);--mat-sys-primary-fixed: var(--color-primary);--mat-sys-surface: var(--bg-primary);--mat-sys-surface-container-lowest: var(--surface-sunken);--mat-sys-surface-container-low: var(--surface-default);--mat-sys-surface-container: var(--surface-raised);--mat-sys-surface-container-high: var(--bg-elevated);--mat-sys-outline-variant: var(--border-default)}html{--mat-button-filled-container-shape: 8px;--mat-button-outlined-container-shape: 8px;--mat-button-text-container-shape: 8px;--mat-button-protected-container-shape: 8px;--mat-form-field-container-height: 44px;--mat-form-field-container-vertical-padding: 10px;--mat-form-field-outlined-container-shape: 8px;--mat-form-field-filled-container-shape: 8px;--mat-form-field-filled-container-color: var(--input-bg)}mat-icon.material-icons,.material-icons,.material-symbols-rounded{font-family:Material Symbols Rounded,Material Icons;font-weight:300;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}mat-icon.mat-icon{overflow:visible}.mat-drawer,.mat-sidenav{--mat-sidenav-container-shape: 0;border-radius:0}.mat-toolbar{border-radius:0}mat-card.mat-mdc-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:none!important}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-unelevated-button,.mat-mdc-outlined-button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;letter-spacing:0;border-radius:8px}.mat-mdc-outlined-button{--mat-button-outlined-outline-color: var(--border-strong);color:var(--text-primary);transition:background-color .12s ease,border-color .12s ease}.mat-mdc-outlined-button:hover:not([disabled]){background:var(--hover-overlay)}.mat-mdc-unelevated-button,.mat-mdc-raised-button{transition:filter .12s ease}.mat-mdc-unelevated-button:hover:not([disabled]),.mat-mdc-raised-button:hover:not([disabled]){filter:brightness(1.12)}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{--mat-button-protected-container-color: var(--color-primary);--mat-button-protected-label-text-color: #fff;--mat-button-filled-container-color: var(--color-primary);--mat-button-filled-label-text-color: #fff;background-color:var(--color-primary);color:#fff}.mat-mdc-raised-button.mat-primary .mat-mdc-progress-spinner circle,.mat-mdc-unelevated-button.mat-primary .mat-mdc-progress-spinner circle{stroke:#fff!important}.mat-mdc-icon-button{color:var(--text-secondary)}.mat-mdc-icon-button:hover:not([disabled]){color:var(--text-primary);background-color:var(--hover-overlay)}.mat-mdc-form-field{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-top:12px}.mat-mdc-form-field+.mat-mdc-form-field{margin-top:10px}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--input-border)}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch{border-left-color:transparent;border-right-color:transparent}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__trailing{border-color:var(--border-strong)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__notch{border-left-color:transparent;border-right-color:transparent}.mat-mdc-menu-panel,div.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{background:var(--bg-elevated)!important;border:1px solid var(--border-default);border-radius:8px}.mat-mdc-menu-item,.mat-mdc-option{color:var(--text-primary)}.mat-mdc-menu-item:hover:not([disabled]):not(.mdc-list-item--disabled),.mat-mdc-option:hover:not([disabled]):not(.mdc-list-item--disabled){background-color:var(--hover-overlay)}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background-color:var(--color-primary-bg)}.mat-mdc-dialog-container .mdc-dialog__surface{background:var(--bg-elevated)!important;border:1px solid var(--border-default);border-radius:14px!important}.cdk-overlay-pane.mat-mdc-dialog-panel{--mat-dialog-container-max-width: 80vw}.mat-mdc-checkbox .mdc-checkbox__background{border-color:var(--border-strong)!important}.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.mat-mdc-chip{background-color:var(--button-secondary-bg)!important;color:var(--text-primary)!important;border-radius:9999px!important}.mat-mdc-chip .mdc-evolution-chip__text-label{color:inherit!important;display:inline-flex;align-items:center}.mat-mdc-progress-spinner circle{stroke:var(--color-primary)!important}.mat-mdc-progress-bar .mdc-linear-progress__bar-inner{border-color:var(--color-primary)}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:var(--color-primary-bg)}.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab.mdc-tab,.mat-mdc-tab-nav-bar.mat-mdc-tab-nav-bar-stretch-tabs .mat-mdc-tab-link.mdc-tab{flex-grow:0}.mat-mdc-tab-group .mat-mdc-tab,.mat-mdc-tab-group .mat-mdc-tab-link,.mat-mdc-tab-nav-bar .mat-mdc-tab,.mat-mdc-tab-nav-bar .mat-mdc-tab-link{color:var(--text-secondary)}.mat-mdc-tab-group .mat-mdc-tab.mdc-tab--active,.mat-mdc-tab-group .mat-mdc-tab-link.mdc-tab--active,.mat-mdc-tab-nav-bar .mat-mdc-tab.mdc-tab--active,.mat-mdc-tab-nav-bar .mat-mdc-tab-link.mdc-tab--active{color:var(--color-primary)}.mat-mdc-tab-group .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar .mdc-tab-indicator__content--underline{border-color:var(--color-accent)}.mat-mdc-tab-group .mdc-tab__text-label,.mat-mdc-tab-nav-bar .mdc-tab__text-label{font-weight:500;letter-spacing:-.006em}.mat-mdc-tooltip{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem}.mat-mdc-snack-bar-container .mdc-snackbar__surface{background-color:var(--bg-inverse)!important;color:var(--text-inverse)!important;border-radius:8px!important}.mat-divider{border-color:var(--border-default)}.mat-expansion-panel{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:none!important}.mat-expansion-panel:not(.mat-expanded){border-radius:8px!important}.mat-expansion-panel-header{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.mat-expansion-panel-header:hover:not([aria-disabled=true]){background-color:var(--hover-overlay)}.mat-mdc-slide-toggle .mdc-switch__track{background-color:var(--border-strong)}.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__track{background-color:var(--color-primary)!important}.mat-mdc-table{background:transparent!important}.mat-mdc-table .mat-mdc-header-cell{color:var(--text-tertiary);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-bottom-color:var(--border-default)}.mat-mdc-table .mat-mdc-cell{border-bottom-color:var(--border-light)}.mat-mdc-table .mat-mdc-row:hover .mat-mdc-cell{background:var(--hover-overlay)}.mat-mdc-table .mat-sort-header-container:hover{color:var(--text-secondary)}.mat-mdc-table [aria-sort=ascending],.mat-mdc-table [aria-sort=descending]{color:var(--text-primary)}.mat-button-toggle-group{--mat-standard-button-toggle-shape: 8px;--mat-standard-button-toggle-height: 36px;border-radius:8px!important;border:1px solid var(--border-strong)!important;overflow:hidden}.mat-button-toggle-group .mat-button-toggle{background:transparent;color:var(--text-secondary)}.mat-button-toggle-group .mat-button-toggle-checked{background:var(--color-primary-bg);color:var(--color-primary)}.mat-button-toggle-group .mat-button-toggle+.mat-button-toggle{border-left:1px solid var(--border-default)}select{height:36px;padding:0 10px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-family:inherit;font-size:.86rem}@media(max-width:768px){html,body{overflow-x:hidden}.cdk-overlay-pane.mat-mdc-dialog-panel{max-width:calc(100vw - 24px)!important}.mat-mdc-dialog-container .mat-mdc-dialog-surface{max-width:100%}.mat-mdc-menu-panel,.cdk-overlay-pane .mat-mdc-autocomplete-panel,.cdk-overlay-pane .mat-mdc-select-panel{max-width:calc(100vw - 24px)!important}.mat-mdc-icon-button.mat-mdc-button-base{--mat-icon-button-state-layer-size: 44px;width:44px;height:44px;padding:10px}}.hop-status-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:9999px;font-size:.78rem;font-weight:500;line-height:1.6;background:var(--button-secondary-bg);color:var(--text-secondary)}.hop-status-chip-pending{background-color:var(--color-warning-bg)!important;color:var(--color-warning-text)!important;--mat-chip-label-text-color: var(--color-warning-text)}.hop-status-chip-running{background-color:var(--color-info-bg)!important;color:var(--color-info-text)!important;--mat-chip-label-text-color: var(--color-info-text)}.hop-status-chip-completed{background-color:var(--color-success-bg)!important;color:var(--color-success-text)!important;--mat-chip-label-text-color: var(--color-success-text)}.hop-status-chip-failed{background-color:var(--color-error-bg)!important;color:var(--color-error-text)!important;--mat-chip-label-text-color: var(--color-error-text)}.hop-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex:none;background:var(--color-primary-bg);color:var(--color-primary)}.hop-icon-badge.accent{background:var(--color-accent-bg);color:var(--color-accent-text)}.hop-icon-badge.success{background:var(--color-success-bg);color:var(--color-success)}.hop-icon-badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.hop-icon-badge.error{background:var(--color-error-bg);color:var(--color-error)}.hop-icon-badge.info{background:var(--color-info-bg);color:var(--color-info)}.hop-stat-card,.mat-mdc-card.hop-stat-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}.hop-stat-value{display:block;font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--text-primary)}.hop-stat-label{display:block;font-size:.78rem;color:var(--text-tertiary)}.hop-code-panel{background:var(--code-panel-bg);color:var(--code-panel-text);border:1px solid var(--code-panel-border);border-radius:8px;padding:16px;overflow:auto;font-family:var(--font-mono);font-size:.86rem;line-height:1.6}.hop-code-panel pre,.hop-code-panel code{background:none;color:inherit;padding:0;margin:0;font-size:inherit}.hop-query-block{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:8px;padding:12px 16px;overflow-x:auto;font-family:var(--font-mono);font-size:.86rem;line-height:1.6;color:var(--text-primary)}.hop-query-block code{background:none;color:inherit;padding:0}.hop-query-block-label{display:block;margin-bottom:6px;font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary)}@keyframes hop-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hop-shimmer{background-image:linear-gradient(90deg,transparent 0%,var(--hop-shimmer-tint, var(--color-accent-bg)) 50%,transparent 100%);background-size:200% 100%;animation:hop-shimmer 1.8s linear infinite}@media(prefers-reduced-motion:reduce){.hop-shimmer{animation:none}}.hop-dita{color:var(--text-primary);line-height:1.6;overflow-wrap:break-word}.hop-dita p,.hop-dita .p,.hop-dita li,.hop-dita dd{color:var(--text-secondary)}.hop-dita .p,.hop-dita p{margin:0 0 12px}.hop-dita .topictitle1{font-size:1.875rem;margin-bottom:12px}.hop-dita .topictitle2{font-size:1.5rem;margin:32px 0 12px}.hop-dita .topictitle3,.hop-dita .topictitle4,.hop-dita .topictitle5,.hop-dita .topictitle6{font-size:1.25rem;margin:24px 0 8px}.hop-dita .sectiontitle{font-size:1.125rem;margin:24px 0 8px}.hop-dita .tasklabel .sectiontitle{font-size:1rem;margin:20px 0 8px}.hop-dita .shortdesc{font-size:1.0625rem;color:var(--text-secondary);margin-bottom:20px}.hop-dita .abstract{margin-bottom:20px}.hop-dita .section,.hop-dita .example{margin:0 0 16px}.hop-dita article.nested1,.hop-dita article.nested2,.hop-dita article.nested3{border-top:1px solid var(--border-default);margin-top:32px}.hop-dita ul,.hop-dita ol{margin:0 0 12px;padding-left:24px}.hop-dita li{margin:4px 0}.hop-dita li>.p:last-child,.hop-dita li>p:last-child{margin-bottom:0}.hop-dita ul.simple{list-style:none;padding-left:0}.hop-dita .compact>li{margin:0}.hop-dita .liexpand,.hop-dita .stepexpand,.hop-dita .substepexpand{margin:12px 0}.hop-dita ol.steps>li::marker{color:var(--text-primary);font-weight:600}.hop-dita .stepsection{margin:16px 0 8px;font-weight:500;color:var(--text-primary)}.hop-dita .cmd{color:var(--text-primary)}.hop-dita .itemgroup.info,.hop-dita .stepxmp,.hop-dita .stepresult,.hop-dita .tutorialinfo{margin:6px 0;color:var(--text-secondary)}.hop-dita dl{margin:0 0 12px}.hop-dita dt{font-weight:600;color:var(--text-primary);margin-top:8px}.hop-dita dd{margin:2px 0 8px 24px}.hop-dita .note{margin:16px 0;padding:12px 16px;border-radius:8px;background:var(--color-info-bg);border:1px solid var(--border-default);border-left:3px solid var(--color-info)}.hop-dita .note__title{font-weight:600;color:var(--text-primary)}.hop-dita .note__body{display:inline}.hop-dita .note__body>:first-child{display:inline}.hop-dita .note__body>:last-child{margin-bottom:0}.hop-dita .note.important,.hop-dita .note.attention,.hop-dita .note.remember,.hop-dita .note.restriction,.hop-dita .note.notice,.hop-dita .note.caution{background:var(--color-warning-bg);border-color:var(--color-warning-border);border-left-color:var(--color-warning)}.hop-dita .note.warning,.hop-dita .note.danger,.hop-dita .note.trouble{background:var(--color-error-bg);border-color:var(--color-error-border);border-left-color:var(--color-error)}.hop-dita .note.caution .note__title,.hop-dita .note.warning .note__title,.hop-dita .note.danger .note__title{color:var(--color-error-text)}.hop-dita .spectitle{margin:16px 0 4px}.hop-dita table.hazardstatement{width:100%;margin:16px 0;border-collapse:collapse;border:1px solid var(--border-strong)}.hop-dita table.hazardstatement th{padding:8px 12px;text-transform:uppercase;letter-spacing:.04em;text-align:center;background:var(--color-warning-bg);color:var(--color-warning-text)}.hop-dita table.hazardstatement th.hazardstatement--danger,.hop-dita table.hazardstatement th.hazardstatement--warning{background:var(--color-error);color:var(--text-inverse)}.hop-dita table.hazardstatement th.hazardstatement--notice{background:var(--color-info-bg);color:var(--color-info-text)}.hop-dita table.hazardstatement td{padding:12px;vertical-align:top;border:none}.hop-dita .messagepanel>div+div{margin-top:6px}.hop-dita .typeofhazard{font-weight:600;color:var(--text-primary)}.hop-dita pre{margin:0 0 16px;line-height:1.5}.hop-dita .screen{background:var(--surface-sunken);border:1px solid var(--border-default)}.hop-dita .filepath,.hop-dita .cmdname,.hop-dita .tt,.hop-dita .apiname,.hop-dita .parmname,.hop-dita .option{font-family:var(--font-mono);font-size:.9em}.hop-dita kbd.userinput{font-family:var(--font-mono);font-size:.85em;padding:1px 6px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface-sunken)}.hop-dita samp{font-family:var(--font-mono);font-size:.9em}.hop-dita .uicontrol,.hop-dita .wintitle{font-weight:600;color:var(--text-primary)}.hop-dita .menucascade abbr{text-decoration:none;color:var(--text-tertiary)}.hop-dita .varname,.hop-dita .var{font-style:italic}.hop-dita .markupname{color:var(--color-tertiary-text)}.hop-dita .shortcut{text-decoration:underline}.hop-dita .line-through{text-decoration:line-through}.hop-dita .overline{text-decoration:overline}.hop-dita dfn.term{font-style:italic}.hop-dita .lines{white-space:normal}.hop-dita blockquote.lq{margin:16px 0;padding:4px 16px;border-left:3px solid var(--color-accent);color:var(--text-secondary)}.hop-dita blockquote.lq>div{text-align:right;font-size:.9em}.hop-dita .syntaxdiagram{margin:16px 0;font-family:var(--font-mono);font-size:.9em}.hop-dita .syntaxdiagram kbd{font-family:inherit}.hop-dita figure{margin:16px 0}.hop-dita figure.figborder{border:1px solid var(--border-default);border-radius:8px;padding:12px}.hop-dita figure.figtop,.hop-dita figure.figtopbot{border-top:1px solid var(--border-default);padding-top:12px}.hop-dita figure.figbottom,.hop-dita figure.figtopbot{border-bottom:1px solid var(--border-default);padding-bottom:12px}.hop-dita figure.figsides{border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);padding:0 12px}.hop-dita figcaption{margin-bottom:8px;font-size:.9rem;color:var(--text-secondary)}.hop-dita .fig--title-label,.hop-dita .table--title-label{font-weight:600;color:var(--text-primary)}.hop-dita .figdesc,.hop-dita .tabledesc{color:var(--text-tertiary)}.hop-dita img{max-width:100%;height:auto;vertical-align:middle}.hop-dita .imageleft{text-align:left}.hop-dita .imagecenter{text-align:center}.hop-dita .imageright{text-align:right}.hop-dita table.table,.hop-dita table.simpletable{width:100%;margin:16px 0;border-collapse:collapse;font-size:.95em}.hop-dita table.table caption,.hop-dita table.simpletable caption{caption-side:top;text-align:left;padding-bottom:8px;font-size:.9rem;color:var(--text-secondary)}.hop-dita table.table caption .tabledesc{display:block}.hop-dita table.table th,.hop-dita table.table td,.hop-dita table.simpletable th,.hop-dita table.simpletable td{padding:8px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-default);color:var(--text-secondary)}.hop-dita table.table thead th,.hop-dita table.simpletable thead th{color:var(--text-primary);font-weight:600;background:var(--surface-sunken);border-bottom:1px solid var(--border-strong)}.hop-dita table.table tbody th,.hop-dita table.simpletable tbody th{color:var(--text-primary);font-weight:600}.hop-dita table.frame-all,.hop-dita table.simpletableborder,.hop-dita table.frame-all th,.hop-dita table.frame-all td{border:1px solid var(--border-default)}.hop-dita table.frame-topbot{border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.hop-dita .align-center{text-align:center!important}.hop-dita .align-right{text-align:right!important}.hop-dita .align-justify{text-align:justify!important}.hop-dita .valign-middle{vertical-align:middle!important}.hop-dita .valign-bottom{vertical-align:bottom!important}.hop-dita .entry.rotate{writing-mode:vertical-rl}.hop-dita .entry>p:last-child,.hop-dita .stentry>p:last-child{margin-bottom:0}.hop-dita table>colgroup+thead th{white-space:nowrap}.hop-dita .related-links{margin-top:32px;padding-top:16px;border-top:1px solid var(--border-default)}.hop-dita .related-links .linklist,.hop-dita .related-links .familylinks{margin-bottom:16px}.hop-dita .related-links strong{color:var(--text-primary)}.hop-dita ul.linklist,.hop-dita ul.ullinks{list-style:none;padding-left:0;margin:4px 0 0}.hop-dita .fn-callout{text-decoration:none}.hop-dita div.fn{font-size:.85rem;color:var(--text-secondary);margin:4px 0}.hop-dita article>div.fn:not(div.fn+div.fn){margin-top:32px;padding-top:12px;border-top:1px solid var(--border-default)}.hop-dita .draft-comment,.hop-dita .required-cleanup{margin:12px 0;padding:8px 12px;border-radius:8px;font-size:.9rem;background:var(--color-warning-bg);color:var(--color-warning-text);border:1px dashed var(--color-warning-border)}.hop-dita .required-cleanup{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-border)}.hop-dita .undefined_element{background:var(--color-error-bg)}.mat-mdc-card.hop-card-accent{border-left:4px solid var(--hop-card-accent-color, var(--color-accent))}.hop-status-message{margin-top:12px;padding:12px;border-radius:4px}.hop-status-message.success{background-color:var(--hop-success-bg);color:var(--hop-success-text)}.hop-status-message.error{background-color:var(--hop-error-bg);color:var(--hop-error-text)}.hop-form-section{margin-bottom:32px}.hop-form-section h4{margin-bottom:16px;color:var(--text-primary)}.hop-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.hop-page{width:100%;max-width:none;margin:0;padding-right:var(--hop-page-gutter-right, 32px)}@media(max-width:768px){.hop-page{padding-right:0}}