@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-ext-wght-normal-BUWC6ZS3.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-wght-normal-ENSFVLK4.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-greek-wght-normal-Y3BRZMJV.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-vietnamese-wght-normal-SP6EBKAH.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-ext-wght-normal-TSLVDSQR.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-wght-normal-VBS632QH.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url("./media/material-icons-LEZCGFVT.woff2") format("woff2"),url("./media/material-icons-JLIDJUWE.woff") format("woff")}.material-icons{font-family:Material Icons;font-weight:400;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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url("./media/material-icons-outlined-7BWLPMFK.woff2") format("woff2"),url("./media/material-icons-outlined-PCUTWIDZ.woff") format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--pixel-blue-50: rgb(242.25, 251.25, 253.05);--pixel-blue-100: rgb(229.5, 247.5, 251.1);--pixel-blue-200: rgb(204, 240, 247.2);--pixel-blue-300: rgb(153, 225, 239.4);--pixel-blue-400: rgb(102, 210, 231.6);--pixel-blue-500: #00B4D8;--pixel-blue-600: rgb(0, 144, 172.8);--pixel-blue-700: rgb(0, 108, 129.6);--pixel-blue-800: rgb(0, 72, 86.4);--pixel-blue-900: rgb(0, 36, 43.2);--pixel-blue-950: rgb(0, 18, 21.6);--pixel-green-50: rgb(242.25, 254.5, 250.25);--pixel-green-100: rgb(229.5, 254, 245.5);--pixel-green-200: #ccfdec;--pixel-green-300: #99fbd9;--pixel-green-400: #66f9c6;--pixel-green-500: #00F5A0;--pixel-green-600: #00c480;--pixel-green-700: #009360;--pixel-green-800: #006240;--pixel-green-900: #003120;--pixel-green-950: rgb(0, 24.5, 16);--pixel-orange-50: rgb(255, 249.25, 242.25);--pixel-orange-100: rgb(255, 243.5, 229.5);--pixel-orange-200: #ffe8cc;--pixel-orange-300: #ffd199;--pixel-orange-400: #ffba66;--pixel-orange-500: #FF8C00;--pixel-orange-600: #cc7000;--pixel-orange-700: #995400;--pixel-orange-800: #663800;--pixel-orange-900: #331c00;--pixel-orange-950: rgb(25.5, 14, 0);--pixel-yellow-50: rgb(255, 251.45, 242.25);--pixel-yellow-100: rgb(255, 247.9, 229.5);--pixel-yellow-200: rgb(255, 240.8, 204);--pixel-yellow-300: rgb(255, 226.6, 153);--pixel-yellow-400: rgb(255, 212.4, 102);--pixel-yellow-500: #FFB800;--pixel-yellow-600: rgb(204, 147.2, 0);--pixel-yellow-700: rgb(153, 110.4, 0);--pixel-yellow-800: rgb(102, 73.6, 0);--pixel-yellow-900: rgb(51, 36.8, 0);--pixel-yellow-950: rgb(25.5, 18.4, 0);--pixel-navy-50: rgb(242.25, 248.2, 251.35);--pixel-navy-100: rgb(229.5, 241.4, 247.7);--pixel-navy-200: rgb(204, 227.8, 240.4);--pixel-navy-300: rgb(153, 200.6, 225.8);--pixel-navy-400: rgb(102, 173.4, 211.2);--pixel-navy-500: #0077B6;--pixel-navy-600: rgb(0, 95.2, 145.6);--pixel-navy-700: rgb(0, 71.4, 109.2);--pixel-navy-800: rgb(0, 47.6, 72.8);--pixel-navy-900: rgb(0, 23.8, 36.4);--pixel-navy-950: rgb(0, 11.9, 18.2);--pixel-teal-50: rgb(242.25, 251.25, 250.25);--pixel-teal-100: rgb(229.5, 247.5, 245.5);--pixel-teal-200: #ccf0ec;--pixel-teal-300: #99e1d9;--pixel-teal-400: #66d2c6;--pixel-teal-500: #00B4A0;--pixel-teal-600: #009080;--pixel-teal-700: #006c60;--pixel-teal-800: #004840;--pixel-teal-900: #002420;--pixel-teal-950: #001210;--pixel-dark-50: #f8fafc;--pixel-dark-100: #f1f5f9;--pixel-dark-200: #e2e8f0;--pixel-dark-300: #cbd5e1;--pixel-dark-400: #94a3b8;--pixel-dark-500: #64748b;--pixel-dark-600: #475569;--pixel-dark-700: #334155;--pixel-dark-800: #1e293b;--pixel-dark-900: #0f172a;--pixel-dark-950: #020617;--pixel-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pixel-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--pixel-spacing-0: 0;--pixel-spacing-1: .25rem;--pixel-spacing-2: .5rem;--pixel-spacing-3: .75rem;--pixel-spacing-4: 1rem;--pixel-spacing-5: 1.25rem;--pixel-spacing-6: 1.5rem;--pixel-spacing-8: 2rem;--pixel-spacing-10: 2.5rem;--pixel-spacing-12: 3rem;--pixel-spacing-16: 4rem;--pixel-spacing-20: 5rem;--pixel-spacing-24: 6rem;--pixel-radius-none: 0;--pixel-radius-sm: .125rem;--pixel-radius-base: .25rem;--pixel-radius-md: .375rem;--pixel-radius-lg: .5rem;--pixel-radius-xl: .75rem;--pixel-radius-2xl: 1rem;--pixel-radius-3xl: 1.5rem;--pixel-radius-full: 9999px;--pixel-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--pixel-shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--pixel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--pixel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--pixel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--pixel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--pixel-z-0: 0;--pixel-z-10: 10;--pixel-z-20: 20;--pixel-z-30: 30;--pixel-z-40: 40;--pixel-z-50: 50;--pixel-z-auto: auto;--pixel-transition-fast: .15s ease-in-out;--pixel-transition-base: .25s ease-in-out;--pixel-transition-slow: .35s ease-in-out;--pixel-screen-sm: 640px;--pixel-screen-md: 768px;--pixel-screen-lg: 1024px;--pixel-screen-xl: 1280px;--pixel-screen-2xl: 1536px;--pixel-color-primary-50: var(--pixel-blue-50);--pixel-color-primary-100: var(--pixel-blue-100);--pixel-color-primary-200: var(--pixel-blue-200);--pixel-color-primary-300: var(--pixel-blue-300);--pixel-color-primary-400: var(--pixel-blue-400);--pixel-color-primary-500: var(--pixel-blue-500);--pixel-color-primary-600: var(--pixel-blue-600);--pixel-color-primary-700: var(--pixel-blue-700);--pixel-color-primary-800: var(--pixel-blue-800);--pixel-color-primary-900: var(--pixel-blue-900);--pixel-color-primary-950: var(--pixel-blue-950);--pixel-color-secondary-50: var(--pixel-green-50);--pixel-color-secondary-100: var(--pixel-green-100);--pixel-color-secondary-200: var(--pixel-green-200);--pixel-color-secondary-300: var(--pixel-green-300);--pixel-color-secondary-400: var(--pixel-green-400);--pixel-color-secondary-500: var(--pixel-green-500);--pixel-color-secondary-600: var(--pixel-green-600);--pixel-color-secondary-700: var(--pixel-green-700);--pixel-color-secondary-800: var(--pixel-green-800);--pixel-color-secondary-900: var(--pixel-green-900);--pixel-color-secondary-950: var(--pixel-green-950);--pixel-color-accent-50: var(--pixel-orange-50);--pixel-color-accent-100: var(--pixel-orange-100);--pixel-color-accent-200: var(--pixel-orange-200);--pixel-color-accent-300: var(--pixel-orange-300);--pixel-color-accent-400: var(--pixel-orange-400);--pixel-color-accent-500: var(--pixel-orange-500);--pixel-color-accent-600: var(--pixel-orange-600);--pixel-color-accent-700: var(--pixel-orange-700);--pixel-color-accent-800: var(--pixel-orange-800);--pixel-color-accent-900: var(--pixel-orange-900);--pixel-color-accent-950: var(--pixel-orange-950);--pixel-color-background: #ffffff;--pixel-color-surface: #ffffff;--pixel-color-surface-variant: #f8fafc;--pixel-color-surface-inverse: var(--pixel-dark-900);--pixel-color-text: var(--pixel-dark-900);--pixel-color-text-secondary: var(--pixel-dark-600);--pixel-color-text-muted: var(--pixel-dark-500);--pixel-color-text-inverse: #ffffff;--pixel-color-text-on-primary: var(--pixel-dark-900);--pixel-color-text-on-secondary: var(--pixel-dark-900);--pixel-color-text-on-accent: var(--pixel-dark-900);--pixel-color-border: #e2e8f0;--pixel-color-border-muted: #f1f5f9;--pixel-color-border-strong: #cbd5e1;--pixel-color-success: var(--pixel-green-500);--pixel-color-success-bg: var(--pixel-green-50);--pixel-color-success-border: var(--pixel-green-200);--pixel-color-success-text: var(--pixel-green-800);--pixel-color-warning: var(--pixel-yellow-500);--pixel-color-warning-bg: var(--pixel-yellow-50);--pixel-color-warning-border: var(--pixel-yellow-200);--pixel-color-warning-text: var(--pixel-yellow-800);--pixel-color-error: #dc2626;--pixel-color-error-bg: #fef2f2;--pixel-color-error-border: #fecaca;--pixel-color-error-text: #991b1b;--pixel-color-text-on-error: #ffffff;--pixel-color-info: var(--pixel-blue-500);--pixel-color-info-bg: var(--pixel-blue-50);--pixel-color-info-border: var(--pixel-blue-200);--pixel-color-info-text: var(--pixel-blue-700);--pixel-color-hover: var(--pixel-dark-50);--pixel-color-focus: var(--pixel-blue-600);--pixel-color-active: var(--pixel-blue-600);--pixel-button-primary-bg: var(--pixel-color-primary-700);--pixel-button-primary-hover: var(--pixel-color-primary-800);--pixel-button-primary-active: var(--pixel-color-primary-900);--pixel-button-primary-text: #ffffff;--pixel-button-secondary-bg: var(--pixel-color-secondary-500);--pixel-button-secondary-hover: var(--pixel-color-secondary-600);--pixel-button-secondary-active: var(--pixel-color-secondary-700);--pixel-button-secondary-text: var(--pixel-dark-900);--pixel-button-ghost-bg: transparent;--pixel-button-ghost-hover: var(--pixel-color-hover);--pixel-button-ghost-active: var(--pixel-dark-100);--pixel-button-ghost-text: var(--pixel-color-text);--pixel-input-bg: #ffffff;--pixel-input-border: var(--pixel-color-border);--pixel-input-border-focus: var(--pixel-color-focus);--pixel-input-text: var(--pixel-color-text);--pixel-input-placeholder: var(--pixel-color-text-muted);--pixel-nav-bg: #ffffff;--pixel-nav-border: var(--pixel-color-border);--pixel-nav-item-hover: var(--pixel-color-hover);--pixel-nav-item-active: var(--pixel-color-primary-50);--pixel-nav-item-active-text: var(--pixel-color-primary-700);--pixel-card-bg: #ffffff;--pixel-card-border: var(--pixel-color-border);--pixel-card-shadow: var(--pixel-shadow-base);--pixel-overlay-bg: rgba(0, 0, 0, .5);--pixel-modal-bg: #ffffff;--pixel-color-gradient-stop-1: var(--pixel-color-primary-500);--pixel-color-gradient-stop-2: var(--pixel-color-secondary-500);--pixel-color-gradient-stop-3: var(--pixel-color-accent-700);--pixel-color-gradient-surface: var(--pixel-color-primary-300);--mdc-theme-primary: var(--pixel-button-primary-bg);--mdc-theme-secondary: var(--pixel-color-secondary-500);--mdc-theme-background: var(--pixel-color-background);--mdc-theme-surface: var(--pixel-color-surface);--mdc-theme-error: var(--pixel-color-error);--mdc-theme-on-primary: var(--pixel-button-primary-text);--mdc-theme-on-secondary: var(--pixel-color-text-on-secondary);--mdc-theme-on-surface: var(--pixel-color-text);--mdc-theme-on-error: var(--pixel-color-text-on-error);--mat-elevation-color: var(--pixel-dark-900);--mat-elevation-opacity-1: .05;--mat-elevation-opacity-2: .07;--mat-elevation-opacity-3: .08;--mat-elevation-opacity-4: .09;--mat-elevation-opacity-5: .1}[data-theme=pixel-light]{--pixel-blue-50: rgb(242.25, 251.25, 253.05);--pixel-blue-100: rgb(229.5, 247.5, 251.1);--pixel-blue-200: rgb(204, 240, 247.2);--pixel-blue-300: rgb(153, 225, 239.4);--pixel-blue-400: rgb(102, 210, 231.6);--pixel-blue-500: #00B4D8;--pixel-blue-600: rgb(0, 144, 172.8);--pixel-blue-700: rgb(0, 108, 129.6);--pixel-blue-800: rgb(0, 72, 86.4);--pixel-blue-900: rgb(0, 36, 43.2);--pixel-blue-950: rgb(0, 18, 21.6);--pixel-green-50: rgb(242.25, 254.5, 250.25);--pixel-green-100: rgb(229.5, 254, 245.5);--pixel-green-200: #ccfdec;--pixel-green-300: #99fbd9;--pixel-green-400: #66f9c6;--pixel-green-500: #00F5A0;--pixel-green-600: #00c480;--pixel-green-700: #009360;--pixel-green-800: #006240;--pixel-green-900: #003120;--pixel-green-950: rgb(0, 24.5, 16);--pixel-orange-50: rgb(255, 249.25, 242.25);--pixel-orange-100: rgb(255, 243.5, 229.5);--pixel-orange-200: #ffe8cc;--pixel-orange-300: #ffd199;--pixel-orange-400: #ffba66;--pixel-orange-500: #FF8C00;--pixel-orange-600: #cc7000;--pixel-orange-700: #995400;--pixel-orange-800: #663800;--pixel-orange-900: #331c00;--pixel-orange-950: rgb(25.5, 14, 0);--pixel-yellow-50: rgb(255, 251.45, 242.25);--pixel-yellow-100: rgb(255, 247.9, 229.5);--pixel-yellow-200: rgb(255, 240.8, 204);--pixel-yellow-300: rgb(255, 226.6, 153);--pixel-yellow-400: rgb(255, 212.4, 102);--pixel-yellow-500: #FFB800;--pixel-yellow-600: rgb(204, 147.2, 0);--pixel-yellow-700: rgb(153, 110.4, 0);--pixel-yellow-800: rgb(102, 73.6, 0);--pixel-yellow-900: rgb(51, 36.8, 0);--pixel-yellow-950: rgb(25.5, 18.4, 0);--pixel-navy-50: rgb(242.25, 248.2, 251.35);--pixel-navy-100: rgb(229.5, 241.4, 247.7);--pixel-navy-200: rgb(204, 227.8, 240.4);--pixel-navy-300: rgb(153, 200.6, 225.8);--pixel-navy-400: rgb(102, 173.4, 211.2);--pixel-navy-500: #0077B6;--pixel-navy-600: rgb(0, 95.2, 145.6);--pixel-navy-700: rgb(0, 71.4, 109.2);--pixel-navy-800: rgb(0, 47.6, 72.8);--pixel-navy-900: rgb(0, 23.8, 36.4);--pixel-navy-950: rgb(0, 11.9, 18.2);--pixel-teal-50: rgb(242.25, 251.25, 250.25);--pixel-teal-100: rgb(229.5, 247.5, 245.5);--pixel-teal-200: #ccf0ec;--pixel-teal-300: #99e1d9;--pixel-teal-400: #66d2c6;--pixel-teal-500: #00B4A0;--pixel-teal-600: #009080;--pixel-teal-700: #006c60;--pixel-teal-800: #004840;--pixel-teal-900: #002420;--pixel-teal-950: #001210;--pixel-dark-50: #f8fafc;--pixel-dark-100: #f1f5f9;--pixel-dark-200: #e2e8f0;--pixel-dark-300: #cbd5e1;--pixel-dark-400: #94a3b8;--pixel-dark-500: #64748b;--pixel-dark-600: #475569;--pixel-dark-700: #334155;--pixel-dark-800: #1e293b;--pixel-dark-900: #0f172a;--pixel-dark-950: #020617;--pixel-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pixel-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--pixel-spacing-0: 0;--pixel-spacing-1: .25rem;--pixel-spacing-2: .5rem;--pixel-spacing-3: .75rem;--pixel-spacing-4: 1rem;--pixel-spacing-5: 1.25rem;--pixel-spacing-6: 1.5rem;--pixel-spacing-8: 2rem;--pixel-spacing-10: 2.5rem;--pixel-spacing-12: 3rem;--pixel-spacing-16: 4rem;--pixel-spacing-20: 5rem;--pixel-spacing-24: 6rem;--pixel-radius-none: 0;--pixel-radius-sm: .125rem;--pixel-radius-base: .25rem;--pixel-radius-md: .375rem;--pixel-radius-lg: .5rem;--pixel-radius-xl: .75rem;--pixel-radius-2xl: 1rem;--pixel-radius-3xl: 1.5rem;--pixel-radius-full: 9999px;--pixel-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--pixel-shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--pixel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--pixel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--pixel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--pixel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--pixel-z-0: 0;--pixel-z-10: 10;--pixel-z-20: 20;--pixel-z-30: 30;--pixel-z-40: 40;--pixel-z-50: 50;--pixel-z-auto: auto;--pixel-transition-fast: .15s ease-in-out;--pixel-transition-base: .25s ease-in-out;--pixel-transition-slow: .35s ease-in-out;--pixel-screen-sm: 640px;--pixel-screen-md: 768px;--pixel-screen-lg: 1024px;--pixel-screen-xl: 1280px;--pixel-screen-2xl: 1536px;--pixel-color-primary-50: var(--pixel-blue-50);--pixel-color-primary-100: var(--pixel-blue-100);--pixel-color-primary-200: var(--pixel-blue-200);--pixel-color-primary-300: var(--pixel-blue-300);--pixel-color-primary-400: var(--pixel-blue-400);--pixel-color-primary-500: var(--pixel-blue-500);--pixel-color-primary-600: var(--pixel-blue-600);--pixel-color-primary-700: var(--pixel-blue-700);--pixel-color-primary-800: var(--pixel-blue-800);--pixel-color-primary-900: var(--pixel-blue-900);--pixel-color-primary-950: var(--pixel-blue-950);--pixel-color-secondary-50: var(--pixel-green-50);--pixel-color-secondary-100: var(--pixel-green-100);--pixel-color-secondary-200: var(--pixel-green-200);--pixel-color-secondary-300: var(--pixel-green-300);--pixel-color-secondary-400: var(--pixel-green-400);--pixel-color-secondary-500: var(--pixel-green-500);--pixel-color-secondary-600: var(--pixel-green-600);--pixel-color-secondary-700: var(--pixel-green-700);--pixel-color-secondary-800: var(--pixel-green-800);--pixel-color-secondary-900: var(--pixel-green-900);--pixel-color-secondary-950: var(--pixel-green-950);--pixel-color-accent-50: var(--pixel-orange-50);--pixel-color-accent-100: var(--pixel-orange-100);--pixel-color-accent-200: var(--pixel-orange-200);--pixel-color-accent-300: var(--pixel-orange-300);--pixel-color-accent-400: var(--pixel-orange-400);--pixel-color-accent-500: var(--pixel-orange-500);--pixel-color-accent-600: var(--pixel-orange-600);--pixel-color-accent-700: var(--pixel-orange-700);--pixel-color-accent-800: var(--pixel-orange-800);--pixel-color-accent-900: var(--pixel-orange-900);--pixel-color-accent-950: var(--pixel-orange-950);--pixel-color-background: #ffffff;--pixel-color-surface: #ffffff;--pixel-color-surface-variant: #f8fafc;--pixel-color-surface-inverse: var(--pixel-dark-900);--pixel-color-text: var(--pixel-dark-900);--pixel-color-text-secondary: var(--pixel-dark-600);--pixel-color-text-muted: var(--pixel-dark-500);--pixel-color-text-inverse: #ffffff;--pixel-color-text-on-primary: var(--pixel-dark-900);--pixel-color-text-on-secondary: var(--pixel-dark-900);--pixel-color-text-on-accent: var(--pixel-dark-900);--pixel-color-border: #e2e8f0;--pixel-color-border-muted: #f1f5f9;--pixel-color-border-strong: #cbd5e1;--pixel-color-success: var(--pixel-green-500);--pixel-color-success-bg: var(--pixel-green-50);--pixel-color-success-border: var(--pixel-green-200);--pixel-color-success-text: var(--pixel-green-800);--pixel-color-warning: var(--pixel-yellow-500);--pixel-color-warning-bg: var(--pixel-yellow-50);--pixel-color-warning-border: var(--pixel-yellow-200);--pixel-color-warning-text: var(--pixel-yellow-800);--pixel-color-error: #dc2626;--pixel-color-error-bg: #fef2f2;--pixel-color-error-border: #fecaca;--pixel-color-error-text: #991b1b;--pixel-color-text-on-error: #ffffff;--pixel-color-info: var(--pixel-blue-500);--pixel-color-info-bg: var(--pixel-blue-50);--pixel-color-info-border: var(--pixel-blue-200);--pixel-color-info-text: var(--pixel-blue-700);--pixel-color-hover: var(--pixel-dark-50);--pixel-color-focus: var(--pixel-blue-600);--pixel-color-active: var(--pixel-blue-600);--pixel-button-primary-bg: var(--pixel-color-primary-700);--pixel-button-primary-hover: var(--pixel-color-primary-800);--pixel-button-primary-active: var(--pixel-color-primary-900);--pixel-button-primary-text: #ffffff;--pixel-button-secondary-bg: var(--pixel-color-secondary-500);--pixel-button-secondary-hover: var(--pixel-color-secondary-600);--pixel-button-secondary-active: var(--pixel-color-secondary-700);--pixel-button-secondary-text: var(--pixel-dark-900);--pixel-button-ghost-bg: transparent;--pixel-button-ghost-hover: var(--pixel-color-hover);--pixel-button-ghost-active: var(--pixel-dark-100);--pixel-button-ghost-text: var(--pixel-color-text);--pixel-input-bg: #ffffff;--pixel-input-border: var(--pixel-color-border);--pixel-input-border-focus: var(--pixel-color-focus);--pixel-input-text: var(--pixel-color-text);--pixel-input-placeholder: var(--pixel-color-text-muted);--pixel-nav-bg: #ffffff;--pixel-nav-border: var(--pixel-color-border);--pixel-nav-item-hover: var(--pixel-color-hover);--pixel-nav-item-active: var(--pixel-color-primary-50);--pixel-nav-item-active-text: var(--pixel-color-primary-700);--pixel-card-bg: #ffffff;--pixel-card-border: var(--pixel-color-border);--pixel-card-shadow: var(--pixel-shadow-base);--pixel-overlay-bg: rgba(0, 0, 0, .5);--pixel-modal-bg: #ffffff;--pixel-color-gradient-stop-1: var(--pixel-color-primary-500);--pixel-color-gradient-stop-2: var(--pixel-color-secondary-500);--pixel-color-gradient-stop-3: var(--pixel-color-accent-700);--pixel-color-gradient-surface: var(--pixel-color-primary-300);--mdc-theme-primary: var(--pixel-button-primary-bg);--mdc-theme-secondary: var(--pixel-color-secondary-500);--mdc-theme-background: var(--pixel-color-background);--mdc-theme-surface: var(--pixel-color-surface);--mdc-theme-error: var(--pixel-color-error);--mdc-theme-on-primary: var(--pixel-button-primary-text);--mdc-theme-on-secondary: var(--pixel-color-text-on-secondary);--mdc-theme-on-surface: var(--pixel-color-text);--mdc-theme-on-error: var(--pixel-color-text-on-error);--mat-elevation-color: var(--pixel-dark-900);--mat-elevation-opacity-1: .05;--mat-elevation-opacity-2: .07;--mat-elevation-opacity-3: .08;--mat-elevation-opacity-4: .09;--mat-elevation-opacity-5: .1}[data-theme=pixel-dark]{--pixel-blue-50: rgb(242.25, 251.25, 253.05);--pixel-blue-100: rgb(229.5, 247.5, 251.1);--pixel-blue-200: rgb(204, 240, 247.2);--pixel-blue-300: rgb(153, 225, 239.4);--pixel-blue-400: rgb(102, 210, 231.6);--pixel-blue-500: #00B4D8;--pixel-blue-600: rgb(0, 144, 172.8);--pixel-blue-700: rgb(0, 108, 129.6);--pixel-blue-800: rgb(0, 72, 86.4);--pixel-blue-900: rgb(0, 36, 43.2);--pixel-blue-950: rgb(0, 18, 21.6);--pixel-green-50: rgb(242.25, 254.5, 250.25);--pixel-green-100: rgb(229.5, 254, 245.5);--pixel-green-200: #ccfdec;--pixel-green-300: #99fbd9;--pixel-green-400: #66f9c6;--pixel-green-500: #00F5A0;--pixel-green-600: #00c480;--pixel-green-700: #009360;--pixel-green-800: #006240;--pixel-green-900: #003120;--pixel-green-950: rgb(0, 24.5, 16);--pixel-orange-50: rgb(255, 249.25, 242.25);--pixel-orange-100: rgb(255, 243.5, 229.5);--pixel-orange-200: #ffe8cc;--pixel-orange-300: #ffd199;--pixel-orange-400: #ffba66;--pixel-orange-500: #FF8C00;--pixel-orange-600: #cc7000;--pixel-orange-700: #995400;--pixel-orange-800: #663800;--pixel-orange-900: #331c00;--pixel-orange-950: rgb(25.5, 14, 0);--pixel-yellow-50: rgb(255, 251.45, 242.25);--pixel-yellow-100: rgb(255, 247.9, 229.5);--pixel-yellow-200: rgb(255, 240.8, 204);--pixel-yellow-300: rgb(255, 226.6, 153);--pixel-yellow-400: rgb(255, 212.4, 102);--pixel-yellow-500: #FFB800;--pixel-yellow-600: rgb(204, 147.2, 0);--pixel-yellow-700: rgb(153, 110.4, 0);--pixel-yellow-800: rgb(102, 73.6, 0);--pixel-yellow-900: rgb(51, 36.8, 0);--pixel-yellow-950: rgb(25.5, 18.4, 0);--pixel-navy-50: rgb(242.25, 248.2, 251.35);--pixel-navy-100: rgb(229.5, 241.4, 247.7);--pixel-navy-200: rgb(204, 227.8, 240.4);--pixel-navy-300: rgb(153, 200.6, 225.8);--pixel-navy-400: rgb(102, 173.4, 211.2);--pixel-navy-500: #0077B6;--pixel-navy-600: rgb(0, 95.2, 145.6);--pixel-navy-700: rgb(0, 71.4, 109.2);--pixel-navy-800: rgb(0, 47.6, 72.8);--pixel-navy-900: rgb(0, 23.8, 36.4);--pixel-navy-950: rgb(0, 11.9, 18.2);--pixel-teal-50: rgb(242.25, 251.25, 250.25);--pixel-teal-100: rgb(229.5, 247.5, 245.5);--pixel-teal-200: #ccf0ec;--pixel-teal-300: #99e1d9;--pixel-teal-400: #66d2c6;--pixel-teal-500: #00B4A0;--pixel-teal-600: #009080;--pixel-teal-700: #006c60;--pixel-teal-800: #004840;--pixel-teal-900: #002420;--pixel-teal-950: #001210;--pixel-dark-50: #f8fafc;--pixel-dark-100: #f1f5f9;--pixel-dark-200: #e2e8f0;--pixel-dark-300: #cbd5e1;--pixel-dark-400: #94a3b8;--pixel-dark-500: #64748b;--pixel-dark-600: #475569;--pixel-dark-700: #334155;--pixel-dark-800: #1e293b;--pixel-dark-900: #0f172a;--pixel-dark-950: #020617;--pixel-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pixel-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--pixel-spacing-0: 0;--pixel-spacing-1: .25rem;--pixel-spacing-2: .5rem;--pixel-spacing-3: .75rem;--pixel-spacing-4: 1rem;--pixel-spacing-5: 1.25rem;--pixel-spacing-6: 1.5rem;--pixel-spacing-8: 2rem;--pixel-spacing-10: 2.5rem;--pixel-spacing-12: 3rem;--pixel-spacing-16: 4rem;--pixel-spacing-20: 5rem;--pixel-spacing-24: 6rem;--pixel-radius-none: 0;--pixel-radius-sm: .125rem;--pixel-radius-base: .25rem;--pixel-radius-md: .375rem;--pixel-radius-lg: .5rem;--pixel-radius-xl: .75rem;--pixel-radius-2xl: 1rem;--pixel-radius-3xl: 1.5rem;--pixel-radius-full: 9999px;--pixel-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--pixel-shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--pixel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--pixel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--pixel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--pixel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--pixel-z-0: 0;--pixel-z-10: 10;--pixel-z-20: 20;--pixel-z-30: 30;--pixel-z-40: 40;--pixel-z-50: 50;--pixel-z-auto: auto;--pixel-transition-fast: .15s ease-in-out;--pixel-transition-base: .25s ease-in-out;--pixel-transition-slow: .35s ease-in-out;--pixel-screen-sm: 640px;--pixel-screen-md: 768px;--pixel-screen-lg: 1024px;--pixel-screen-xl: 1280px;--pixel-screen-2xl: 1536px;--pixel-color-primary-50: var(--pixel-blue-950);--pixel-color-primary-100: var(--pixel-blue-900);--pixel-color-primary-200: var(--pixel-blue-800);--pixel-color-primary-300: var(--pixel-blue-700);--pixel-color-primary-400: var(--pixel-blue-600);--pixel-color-primary-500: var(--pixel-blue-500);--pixel-color-primary-600: var(--pixel-blue-400);--pixel-color-primary-700: var(--pixel-blue-300);--pixel-color-primary-800: var(--pixel-blue-200);--pixel-color-primary-900: var(--pixel-blue-100);--pixel-color-primary-950: var(--pixel-blue-50);--pixel-color-secondary-50: var(--pixel-green-950);--pixel-color-secondary-100: var(--pixel-green-900);--pixel-color-secondary-200: var(--pixel-green-800);--pixel-color-secondary-300: var(--pixel-green-700);--pixel-color-secondary-400: var(--pixel-green-600);--pixel-color-secondary-500: var(--pixel-green-500);--pixel-color-secondary-600: var(--pixel-green-400);--pixel-color-secondary-700: var(--pixel-green-300);--pixel-color-secondary-800: var(--pixel-green-200);--pixel-color-secondary-900: var(--pixel-green-100);--pixel-color-secondary-950: var(--pixel-green-50);--pixel-color-accent-50: var(--pixel-orange-950);--pixel-color-accent-100: var(--pixel-orange-900);--pixel-color-accent-200: var(--pixel-orange-800);--pixel-color-accent-300: var(--pixel-orange-700);--pixel-color-accent-400: var(--pixel-orange-600);--pixel-color-accent-500: var(--pixel-orange-500);--pixel-color-accent-600: var(--pixel-orange-400);--pixel-color-accent-700: var(--pixel-orange-300);--pixel-color-accent-800: var(--pixel-orange-200);--pixel-color-accent-900: var(--pixel-orange-100);--pixel-color-accent-950: var(--pixel-orange-50);--pixel-color-background: var(--pixel-dark-950);--pixel-color-surface: var(--pixel-dark-900);--pixel-color-surface-variant: var(--pixel-dark-800);--pixel-color-surface-inverse: #ffffff;--pixel-color-text: #f1f5f9;--pixel-color-text-secondary: #cbd5e1;--pixel-color-text-muted: var(--pixel-dark-400);--pixel-color-text-inverse: var(--pixel-dark-900);--pixel-color-text-on-primary: var(--pixel-dark-900);--pixel-color-text-on-secondary: var(--pixel-dark-900);--pixel-color-text-on-accent: var(--pixel-dark-900);--pixel-color-border: #334155;--pixel-color-border-muted: #1e293b;--pixel-color-border-strong: #475569;--pixel-color-success: var(--pixel-green-400);--pixel-color-success-bg: rgba(0, 245, 160, .1);--pixel-color-success-border: rgba(0, 245, 160, .2);--pixel-color-success-text: var(--pixel-green-300);--pixel-color-warning: var(--pixel-yellow-400);--pixel-color-warning-bg: rgba(255, 184, 0, .1);--pixel-color-warning-border: rgba(255, 184, 0, .2);--pixel-color-warning-text: var(--pixel-yellow-300);--pixel-color-error: #ef4444;--pixel-color-error-bg: rgba(239, 68, 68, .1);--pixel-color-error-border: rgba(239, 68, 68, .2);--pixel-color-error-text: #fca5a5;--pixel-color-text-on-error: var(--pixel-dark-900);--pixel-color-info: var(--pixel-blue-400);--pixel-color-info-bg: rgba(0, 180, 216, .1);--pixel-color-info-border: rgba(0, 180, 216, .2);--pixel-color-info-text: var(--pixel-blue-300);--pixel-color-hover: rgba(255, 255, 255, .1);--pixel-color-focus: var(--pixel-blue-400);--pixel-color-active: var(--pixel-blue-500);--pixel-button-primary-bg: var(--pixel-color-primary-500);--pixel-button-primary-hover: var(--pixel-color-primary-600);--pixel-button-primary-active: var(--pixel-color-primary-700);--pixel-button-primary-text: var(--pixel-dark-900);--pixel-button-secondary-bg: var(--pixel-color-secondary-500);--pixel-button-secondary-hover: var(--pixel-color-secondary-400);--pixel-button-secondary-active: var(--pixel-color-secondary-300);--pixel-button-secondary-text: var(--pixel-dark-900);--pixel-button-ghost-bg: transparent;--pixel-button-ghost-hover: var(--pixel-color-hover);--pixel-button-ghost-active: rgba(255, 255, 255, .2);--pixel-button-ghost-text: var(--pixel-color-text);--pixel-input-bg: var(--pixel-dark-800);--pixel-input-border: var(--pixel-color-border);--pixel-input-border-focus: var(--pixel-color-focus);--pixel-input-text: var(--pixel-color-text);--pixel-input-placeholder: var(--pixel-color-text-muted);--pixel-nav-bg: var(--pixel-color-surface);--pixel-nav-border: var(--pixel-color-border);--pixel-nav-item-hover: var(--pixel-color-hover);--pixel-nav-item-active: rgba(0, 180, 216, .2);--pixel-nav-item-active-text: var(--pixel-color-primary-700);--pixel-card-bg: var(--pixel-color-surface);--pixel-card-border: var(--pixel-color-border);--pixel-card-shadow: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--pixel-overlay-bg: rgba(0, 0, 0, .7);--pixel-modal-bg: var(--pixel-color-surface);--pixel-color-gradient-stop-1: var(--pixel-color-primary-400);--pixel-color-gradient-stop-2: var(--pixel-color-secondary-400);--pixel-color-gradient-stop-3: var(--pixel-color-accent-400);--pixel-color-gradient-surface: var(--pixel-color-primary-600);--mdc-theme-primary: var(--pixel-button-primary-bg);--mdc-theme-secondary: var(--pixel-color-secondary-400);--mdc-theme-background: var(--pixel-color-background);--mdc-theme-surface: var(--pixel-color-surface);--mdc-theme-error: var(--pixel-color-error);--mdc-theme-on-primary: var(--pixel-button-primary-text);--mdc-theme-on-secondary: var(--pixel-color-text-on-secondary);--mdc-theme-on-surface: var(--pixel-color-text);--mdc-theme-on-error: var(--pixel-color-text-on-error);--mat-elevation-color: #000000;--mat-elevation-opacity-1: .15;--mat-elevation-opacity-2: .2;--mat-elevation-opacity-3: .25;--mat-elevation-opacity-4: .3;--mat-elevation-opacity-5: .35}@media (prefers-color-scheme: dark){:root:not([data-theme]){--pixel-blue-50: rgb(242.25, 251.25, 253.05);--pixel-blue-100: rgb(229.5, 247.5, 251.1);--pixel-blue-200: rgb(204, 240, 247.2);--pixel-blue-300: rgb(153, 225, 239.4);--pixel-blue-400: rgb(102, 210, 231.6);--pixel-blue-500: #00B4D8;--pixel-blue-600: rgb(0, 144, 172.8);--pixel-blue-700: rgb(0, 108, 129.6);--pixel-blue-800: rgb(0, 72, 86.4);--pixel-blue-900: rgb(0, 36, 43.2);--pixel-blue-950: rgb(0, 18, 21.6);--pixel-green-50: rgb(242.25, 254.5, 250.25);--pixel-green-100: rgb(229.5, 254, 245.5);--pixel-green-200: #ccfdec;--pixel-green-300: #99fbd9;--pixel-green-400: #66f9c6;--pixel-green-500: #00F5A0;--pixel-green-600: #00c480;--pixel-green-700: #009360;--pixel-green-800: #006240;--pixel-green-900: #003120;--pixel-green-950: rgb(0, 24.5, 16);--pixel-orange-50: rgb(255, 249.25, 242.25);--pixel-orange-100: rgb(255, 243.5, 229.5);--pixel-orange-200: #ffe8cc;--pixel-orange-300: #ffd199;--pixel-orange-400: #ffba66;--pixel-orange-500: #FF8C00;--pixel-orange-600: #cc7000;--pixel-orange-700: #995400;--pixel-orange-800: #663800;--pixel-orange-900: #331c00;--pixel-orange-950: rgb(25.5, 14, 0);--pixel-yellow-50: rgb(255, 251.45, 242.25);--pixel-yellow-100: rgb(255, 247.9, 229.5);--pixel-yellow-200: rgb(255, 240.8, 204);--pixel-yellow-300: rgb(255, 226.6, 153);--pixel-yellow-400: rgb(255, 212.4, 102);--pixel-yellow-500: #FFB800;--pixel-yellow-600: rgb(204, 147.2, 0);--pixel-yellow-700: rgb(153, 110.4, 0);--pixel-yellow-800: rgb(102, 73.6, 0);--pixel-yellow-900: rgb(51, 36.8, 0);--pixel-yellow-950: rgb(25.5, 18.4, 0);--pixel-navy-50: rgb(242.25, 248.2, 251.35);--pixel-navy-100: rgb(229.5, 241.4, 247.7);--pixel-navy-200: rgb(204, 227.8, 240.4);--pixel-navy-300: rgb(153, 200.6, 225.8);--pixel-navy-400: rgb(102, 173.4, 211.2);--pixel-navy-500: #0077B6;--pixel-navy-600: rgb(0, 95.2, 145.6);--pixel-navy-700: rgb(0, 71.4, 109.2);--pixel-navy-800: rgb(0, 47.6, 72.8);--pixel-navy-900: rgb(0, 23.8, 36.4);--pixel-navy-950: rgb(0, 11.9, 18.2);--pixel-teal-50: rgb(242.25, 251.25, 250.25);--pixel-teal-100: rgb(229.5, 247.5, 245.5);--pixel-teal-200: #ccf0ec;--pixel-teal-300: #99e1d9;--pixel-teal-400: #66d2c6;--pixel-teal-500: #00B4A0;--pixel-teal-600: #009080;--pixel-teal-700: #006c60;--pixel-teal-800: #004840;--pixel-teal-900: #002420;--pixel-teal-950: #001210;--pixel-dark-50: #f8fafc;--pixel-dark-100: #f1f5f9;--pixel-dark-200: #e2e8f0;--pixel-dark-300: #cbd5e1;--pixel-dark-400: #94a3b8;--pixel-dark-500: #64748b;--pixel-dark-600: #475569;--pixel-dark-700: #334155;--pixel-dark-800: #1e293b;--pixel-dark-900: #0f172a;--pixel-dark-950: #020617;--pixel-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pixel-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--pixel-spacing-0: 0;--pixel-spacing-1: .25rem;--pixel-spacing-2: .5rem;--pixel-spacing-3: .75rem;--pixel-spacing-4: 1rem;--pixel-spacing-5: 1.25rem;--pixel-spacing-6: 1.5rem;--pixel-spacing-8: 2rem;--pixel-spacing-10: 2.5rem;--pixel-spacing-12: 3rem;--pixel-spacing-16: 4rem;--pixel-spacing-20: 5rem;--pixel-spacing-24: 6rem;--pixel-radius-none: 0;--pixel-radius-sm: .125rem;--pixel-radius-base: .25rem;--pixel-radius-md: .375rem;--pixel-radius-lg: .5rem;--pixel-radius-xl: .75rem;--pixel-radius-2xl: 1rem;--pixel-radius-3xl: 1.5rem;--pixel-radius-full: 9999px;--pixel-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--pixel-shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--pixel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--pixel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--pixel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--pixel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--pixel-z-0: 0;--pixel-z-10: 10;--pixel-z-20: 20;--pixel-z-30: 30;--pixel-z-40: 40;--pixel-z-50: 50;--pixel-z-auto: auto;--pixel-transition-fast: .15s ease-in-out;--pixel-transition-base: .25s ease-in-out;--pixel-transition-slow: .35s ease-in-out;--pixel-screen-sm: 640px;--pixel-screen-md: 768px;--pixel-screen-lg: 1024px;--pixel-screen-xl: 1280px;--pixel-screen-2xl: 1536px;--pixel-color-primary-50: var(--pixel-blue-950);--pixel-color-primary-100: var(--pixel-blue-900);--pixel-color-primary-200: var(--pixel-blue-800);--pixel-color-primary-300: var(--pixel-blue-700);--pixel-color-primary-400: var(--pixel-blue-600);--pixel-color-primary-500: var(--pixel-blue-500);--pixel-color-primary-600: var(--pixel-blue-400);--pixel-color-primary-700: var(--pixel-blue-300);--pixel-color-primary-800: var(--pixel-blue-200);--pixel-color-primary-900: var(--pixel-blue-100);--pixel-color-primary-950: var(--pixel-blue-50);--pixel-color-secondary-50: var(--pixel-green-950);--pixel-color-secondary-100: var(--pixel-green-900);--pixel-color-secondary-200: var(--pixel-green-800);--pixel-color-secondary-300: var(--pixel-green-700);--pixel-color-secondary-400: var(--pixel-green-600);--pixel-color-secondary-500: var(--pixel-green-500);--pixel-color-secondary-600: var(--pixel-green-400);--pixel-color-secondary-700: var(--pixel-green-300);--pixel-color-secondary-800: var(--pixel-green-200);--pixel-color-secondary-900: var(--pixel-green-100);--pixel-color-secondary-950: var(--pixel-green-50);--pixel-color-accent-50: var(--pixel-orange-950);--pixel-color-accent-100: var(--pixel-orange-900);--pixel-color-accent-200: var(--pixel-orange-800);--pixel-color-accent-300: var(--pixel-orange-700);--pixel-color-accent-400: var(--pixel-orange-600);--pixel-color-accent-500: var(--pixel-orange-500);--pixel-color-accent-600: var(--pixel-orange-400);--pixel-color-accent-700: var(--pixel-orange-300);--pixel-color-accent-800: var(--pixel-orange-200);--pixel-color-accent-900: var(--pixel-orange-100);--pixel-color-accent-950: var(--pixel-orange-50);--pixel-color-background: var(--pixel-dark-950);--pixel-color-surface: var(--pixel-dark-900);--pixel-color-surface-variant: var(--pixel-dark-800);--pixel-color-surface-inverse: #ffffff;--pixel-color-text: #f1f5f9;--pixel-color-text-secondary: #cbd5e1;--pixel-color-text-muted: var(--pixel-dark-400);--pixel-color-text-inverse: var(--pixel-dark-900);--pixel-color-text-on-primary: var(--pixel-dark-900);--pixel-color-text-on-secondary: var(--pixel-dark-900);--pixel-color-text-on-accent: var(--pixel-dark-900);--pixel-color-border: #334155;--pixel-color-border-muted: #1e293b;--pixel-color-border-strong: #475569;--pixel-color-success: var(--pixel-green-400);--pixel-color-success-bg: rgba(0, 245, 160, .1);--pixel-color-success-border: rgba(0, 245, 160, .2);--pixel-color-success-text: var(--pixel-green-300);--pixel-color-warning: var(--pixel-yellow-400);--pixel-color-warning-bg: rgba(255, 184, 0, .1);--pixel-color-warning-border: rgba(255, 184, 0, .2);--pixel-color-warning-text: var(--pixel-yellow-300);--pixel-color-error: #ef4444;--pixel-color-error-bg: rgba(239, 68, 68, .1);--pixel-color-error-border: rgba(239, 68, 68, .2);--pixel-color-error-text: #fca5a5;--pixel-color-text-on-error: var(--pixel-dark-900);--pixel-color-info: var(--pixel-blue-400);--pixel-color-info-bg: rgba(0, 180, 216, .1);--pixel-color-info-border: rgba(0, 180, 216, .2);--pixel-color-info-text: var(--pixel-blue-300);--pixel-color-hover: rgba(255, 255, 255, .1);--pixel-color-focus: var(--pixel-blue-400);--pixel-color-active: var(--pixel-blue-500);--pixel-button-primary-bg: var(--pixel-color-primary-500);--pixel-button-primary-hover: var(--pixel-color-primary-600);--pixel-button-primary-active: var(--pixel-color-primary-700);--pixel-button-primary-text: var(--pixel-dark-900);--pixel-button-secondary-bg: var(--pixel-color-secondary-500);--pixel-button-secondary-hover: var(--pixel-color-secondary-400);--pixel-button-secondary-active: var(--pixel-color-secondary-300);--pixel-button-secondary-text: var(--pixel-dark-900);--pixel-button-ghost-bg: transparent;--pixel-button-ghost-hover: var(--pixel-color-hover);--pixel-button-ghost-active: rgba(255, 255, 255, .2);--pixel-button-ghost-text: var(--pixel-color-text);--pixel-input-bg: var(--pixel-dark-800);--pixel-input-border: var(--pixel-color-border);--pixel-input-border-focus: var(--pixel-color-focus);--pixel-input-text: var(--pixel-color-text);--pixel-input-placeholder: var(--pixel-color-text-muted);--pixel-nav-bg: var(--pixel-color-surface);--pixel-nav-border: var(--pixel-color-border);--pixel-nav-item-hover: var(--pixel-color-hover);--pixel-nav-item-active: rgba(0, 180, 216, .2);--pixel-nav-item-active-text: var(--pixel-color-primary-700);--pixel-card-bg: var(--pixel-color-surface);--pixel-card-border: var(--pixel-color-border);--pixel-card-shadow: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--pixel-overlay-bg: rgba(0, 0, 0, .7);--pixel-modal-bg: var(--pixel-color-surface);--pixel-color-gradient-stop-1: var(--pixel-color-primary-400);--pixel-color-gradient-stop-2: var(--pixel-color-secondary-400);--pixel-color-gradient-stop-3: var(--pixel-color-accent-400);--pixel-color-gradient-surface: var(--pixel-color-primary-600);--mdc-theme-primary: var(--pixel-button-primary-bg);--mdc-theme-secondary: var(--pixel-color-secondary-400);--mdc-theme-background: var(--pixel-color-background);--mdc-theme-surface: var(--pixel-color-surface);--mdc-theme-error: var(--pixel-color-error);--mdc-theme-on-primary: var(--pixel-button-primary-text);--mdc-theme-on-secondary: var(--pixel-color-text-on-secondary);--mdc-theme-on-surface: var(--pixel-color-text);--mdc-theme-on-error: var(--pixel-color-text-on-error);--mat-elevation-color: #000000;--mat-elevation-opacity-1: .15;--mat-elevation-opacity-2: .2;--mat-elevation-opacity-3: .25;--mat-elevation-opacity-4: .3;--mat-elevation-opacity-5: .35}}.pixel-theme-aware{color:var(--pixel-color-text);background-color:var(--pixel-color-background)}:root{--hd-font: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hd-mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--hd-fs-xs: .75rem;--hd-fs-sm: .8125rem;--hd-fs-md: .875rem;--hd-fs-lg: 1rem;--hd-fs-xl: 1.25rem;--hd-fs-2xl: 1.5rem;--hd-fs-3xl: 1.875rem;--hd-fw-medium: 500;--hd-fw-semi: 600;--hd-lh: 1.45;--hd-s1: 4px;--hd-s2: 8px;--hd-s3: 12px;--hd-s4: 16px;--hd-s6: 24px;--hd-s8: 32px;--hd-s12: 48px;--hd-s16: 64px;--hd-r-sm: 4px;--hd-r: 6px;--hd-r-lg: 8px;--hd-control-h: 32px;--hd-page-w: 1200px;--hd-bar-h: 56px;--hd-bg: #f6f0e6;--hd-surface: #ffffff;--hd-surface-2: #faf6f0;--hd-hover: #f1e9de;--hd-border: #ddd0bd;--hd-border-strong: #c4b39d;--hd-control-border: #8f8378;--hd-text: #1c1917;--hd-text-2: #44403c;--hd-text-3: #5f5853;--hd-action: #1c1917;--hd-action-hover: #332d29;--hd-on-action: #ffffff;--hd-mark: #c2560a;--hd-accent: #086a80;--hd-accent-soft: rgb(8 106 128 / .12);--hd-link: #086a80;--hd-focus: #086a80;--hd-ok: #1f7a4a;--hd-ok-dot: #2a9d60;--hd-warn: #7d6200;--hd-warn-dot: #d9ab00;--hd-warn-bg: #fdf6dc;--hd-warn-border: #e8d48a;--hd-bad: #c62828;--hd-bad-bg: #fdeeee;--hd-bad-border: #efb8b8;--hd-idle-dot: #a8a29e;--hd-chart: #054e5e;--hd-chart-2: #086a80;--hd-chart-3: #3f97ab;--hd-chart-track: #eee6db;--hd-shadow: 0 1px 2px rgb(28 25 23 / .05), 0 8px 24px rgb(28 25 23 / .08);--hd-panel-shadow: 0 1px 2px rgb(28 25 23 / .06), 0 2px 8px rgb(28 25 23 / .04);--hd-backdrop: rgb(16 14 13 / .4);color-scheme:light}:root[data-theme=pixel-dark]{--hd-bg: #100e0d;--hd-surface: #191614;--hd-surface-2: #221e1b;--hd-hover: #2a2521;--hd-border: #302a26;--hd-border-strong: #403833;--hd-control-border: #80766f;--hd-text: #f5f1ed;--hd-text-2: #b8aea6;--hd-text-3: #998e86;--hd-action: #f5f1ed;--hd-action-hover: #ffffff;--hd-on-action: #100e0d;--hd-mark: #ff8a3d;--hd-accent: #45c4e0;--hd-accent-soft: rgb(69 196 224 / .16);--hd-link: #45c4e0;--hd-focus: #45c4e0;--hd-ok: #4cc38a;--hd-ok-dot: #4cc38a;--hd-warn: #f2c94c;--hd-warn-dot: #f2c94c;--hd-warn-bg: #1f190c;--hd-warn-border: #4f4212;--hd-bad: #ff6b6b;--hd-bad-bg: #22100f;--hd-bad-border: #5a2422;--hd-idle-dot: #80766f;--hd-chart: #7fd6ea;--hd-chart-2: #45c4e0;--hd-chart-3: #2a8fa6;--hd-chart-track: #2a2521;--hd-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 12px 32px rgb(0 0 0 / .5);--hd-panel-shadow: none;--hd-backdrop: rgb(0 0 0 / .6);color-scheme:dark}:root,:root[data-theme=pixel-light],:root[data-theme=pixel-dark]{--pixel-color-bg: var(--hd-bg);--pixel-color-surface: var(--hd-surface);--pixel-color-surface-variant: var(--hd-surface);--pixel-color-border: var(--hd-border);--pixel-color-text: var(--hd-text);--pixel-color-text-primary: var(--hd-text);--pixel-color-text-secondary: var(--hd-text-2);--pixel-color-text-muted: var(--hd-text-3);--pixel-color-primary: var(--hd-accent);--pixel-color-primary-500: var(--hd-accent)}.material-symbols-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:20px;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}pixel-avatar .avatar-initials{background:var(--hd-surface-2)!important;color:var(--hd-text)!important;box-shadow:inset 0 0 0 1px var(--hd-border-strong)}pixel-user-menu pixel-avatar{width:var(--hd-avatar-size)!important;height:var(--hd-avatar-size)!important;min-width:var(--hd-avatar-size)!important;min-height:var(--hd-avatar-size)!important}pixel-user-menu pixel-avatar:has(.avatar-small){--hd-avatar-size: 2rem}pixel-user-menu pixel-avatar:has(.avatar-large){--hd-avatar-size: 4rem}pixel-user-menu .user-role-badge{padding:0 7px!important;height:20px;border:1px solid var(--hd-border-strong);border-radius:var(--hd-r-sm)!important;background:transparent!important;color:var(--hd-text-2)!important}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--hd-bg);color:var(--hd-text);font-family:var(--hd-font);font-size:var(--hd-fs-md);line-height:var(--hd-lh);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;scrollbar-color:var(--hd-border-strong) transparent}::selection{background:var(--hd-accent-soft);color:var(--hd-text)}h1,h2,h3{margin:0;font-weight:var(--hd-fw-semi);line-height:1.25;letter-spacing:-.01em}h1{font-size:var(--hd-fs-2xl)}h2{font-size:var(--hd-fs-lg)}h3{font-size:var(--hd-fs-md)}p{margin:0}a{color:var(--hd-link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}code,.mono{font-family:var(--hd-mono);font-size:.92em;font-variant-ligatures:none}.num,.tnum{font-variant-numeric:tabular-nums}.num{text-align:right}:focus-visible{outline:2px solid var(--hd-focus);outline-offset:2px;border-radius:var(--hd-r-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--hd-text-2)}.dim{color:var(--hd-text-3)}.small{font-size:var(--hd-fs-sm)}.grow{flex:1;min-width:0}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{width:100%;max-width:var(--hd-page-w);margin:0 auto;padding:var(--hd-s6) var(--hd-s6) var(--hd-s16)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--hd-s4);margin-bottom:var(--hd-s6);flex-wrap:wrap}.section{margin-top:var(--hd-s8)}.section>header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--hd-s3);margin-bottom:var(--hd-s3);flex-wrap:wrap}.panel{background:var(--hd-surface);border:1px solid var(--hd-border);border-radius:var(--hd-r-lg);box-shadow:var(--hd-panel-shadow)}.glyph{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--hd-r);border:1px solid var(--hd-border-strong);background:linear-gradient(180deg,var(--hd-surface-2),var(--hd-surface));color:var(--hd-text);font-size:var(--hd-fs-md);font-weight:var(--hd-fw-semi);text-transform:uppercase}.glyph.lg{width:48px;height:48px;border-radius:var(--hd-r-lg);font-size:var(--hd-fs-xl)}@media (max-width: 640px){.page{padding:var(--hd-s4) var(--hd-s4) var(--hd-s12)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--hd-s2);height:var(--hd-control-h);padding:0 var(--hd-s3);border:1px solid var(--hd-border-strong);border-radius:var(--hd-r);background:var(--hd-surface);color:var(--hd-text);font:inherit;font-size:var(--hd-fs-sm);font-weight:var(--hd-fw-medium);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:hover:not(:disabled){background:var(--hd-hover);text-decoration:none}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--hd-action);border-color:var(--hd-action);color:var(--hd-on-action)}.btn.primary:hover:not(:disabled){background:var(--hd-action-hover);border-color:var(--hd-action-hover)}.btn.danger{color:var(--hd-bad)}.btn.ghost{border-color:transparent;background:transparent;color:var(--hd-text-2)}.btn.ghost:hover:not(:disabled){background:var(--hd-hover);color:var(--hd-text)}.btn.sm{height:28px;padding:0 var(--hd-s2);font-size:var(--hd-fs-sm)}.btn.icon{width:var(--hd-control-h);padding:0}.btn.icon.sm{width:28px}.input{width:100%;height:var(--hd-control-h);padding:0 var(--hd-s3);border:1px solid var(--hd-control-border);border-radius:var(--hd-r);background:var(--hd-surface);color:var(--hd-text);font:inherit;font-size:var(--hd-fs-md)}.input::placeholder{color:var(--hd-text-3)}.input:hover{border-color:var(--hd-text-3)}.input[aria-invalid=true]{border-color:var(--hd-bad)}textarea.input{height:auto;min-height:96px;padding:var(--hd-s2) var(--hd-s3);line-height:1.5;resize:vertical}@media (pointer: coarse),(max-width: 1024px){input,select,textarea{font-size:max(16px,1rem)!important}}.search{position:relative;display:flex;align-items:center;min-width:0}.search app-icon{position:absolute;left:10px;color:var(--hd-text-3);pointer-events:none}.search .input{padding-left:32px}.search kbd{position:absolute;right:8px}kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--hd-border-strong);border-radius:var(--hd-r-sm);background:var(--hd-surface-2);color:var(--hd-text-2);font-family:var(--hd-font);font-size:var(--hd-fs-xs);line-height:1}.field{display:grid;gap:var(--hd-s1)}.field label{font-size:var(--hd-fs-sm);font-weight:var(--hd-fw-medium)}.field .hint{font-size:var(--hd-fs-xs);color:var(--hd-text-3)}.field .error{font-size:var(--hd-fs-xs);color:var(--hd-bad)}.affix{display:flex;align-items:stretch;border:1px solid var(--hd-control-border);border-radius:var(--hd-r);background:var(--hd-surface);overflow:hidden}.affix:focus-within{outline:2px solid var(--hd-focus);outline-offset:1px}.affix .input{border:0;border-radius:0;outline:none;min-width:0}.affix .suffix{display:flex;align-items:center;padding:0 var(--hd-s3);background:var(--hd-surface-2);color:var(--hd-text-2);font-family:var(--hd-mono);font-size:var(--hd-fs-xs);white-space:nowrap;border-left:1px solid var(--hd-border)}.status{display:inline-flex;align-items:center;gap:7px;font-size:var(--hd-fs-sm);white-space:nowrap;color:var(--hd-text)}.status:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--hd-idle-dot)}.status.live:before{background:var(--hd-ok-dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-ok-dot) 22%,transparent)}.status.warn:before{background:var(--hd-warn-dot)}.status.bad:before{background:var(--hd-bad)}.tag,.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border:1px solid var(--hd-border-strong);border-radius:var(--hd-r-sm);background:transparent;color:var(--hd-text-2);font-size:var(--hd-fs-xs);font-weight:var(--hd-fw-medium);white-space:nowrap}.tag.live,.badge.live{border-color:color-mix(in srgb,var(--hd-ok) 45%,transparent);color:var(--hd-ok)}.tag.warn,.badge.warn{border-color:var(--hd-warn-border);color:var(--hd-warn)}.tabs{display:flex;gap:var(--hd-s1);overflow-x:auto;scrollbar-width:none}.tabs[aria-label=Staff]{flex-wrap:wrap;overflow-x:visible}.tabs a{position:relative;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 var(--hd-s3);color:var(--hd-text-2);font-size:var(--hd-fs-md);white-space:nowrap;text-decoration:none}.tabs a:hover{color:var(--hd-text);text-decoration:none}.tabs a.on{color:var(--hd-text);font-weight:var(--hd-fw-medium)}.tabs a.on:after{content:"";position:absolute;left:var(--hd-s3);right:var(--hd-s3);bottom:-1px;height:2px;border-radius:2px;background:var(--hd-text)}.tabs a .count{min-width:20px;padding:0 6px;border-radius:10px;background:var(--hd-surface-2);color:var(--hd-text-2);font-size:var(--hd-fs-xs);line-height:18px;text-align:center}.segmented{display:inline-flex;padding:2px;border:1px solid var(--hd-border-strong);border-radius:var(--hd-r);background:var(--hd-surface-2)}.segmented button{display:grid;place-items:center;width:28px;height:26px;border:0;border-radius:var(--hd-r-sm);background:transparent;color:var(--hd-text-2);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--hd-surface);color:var(--hd-text);box-shadow:0 0 0 1px var(--hd-border-strong)}.segmented.text button{width:auto;padding:0 var(--hd-s3);font:inherit;font-size:var(--hd-fs-sm)}.skeleton{display:block;height:12px;border-radius:var(--hd-r-sm);background:linear-gradient(90deg,var(--hd-surface-2) 0%,var(--hd-hover) 50%,var(--hd-surface-2) 100%);background-size:200% 100%;animation:hd-shimmer 1.2s ease-in-out infinite}@keyframes hd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notice{display:flex;gap:var(--hd-s3);align-items:center;padding:var(--hd-s3) var(--hd-s4);border-radius:var(--hd-r-lg);border:1px solid var(--hd-border);background:var(--hd-surface);font-size:var(--hd-fs-sm)}.notice>app-icon{align-self:flex-start;margin-top:2px}.notice.bad{border-color:var(--hd-bad-border);background:var(--hd-bad-bg)}.notice.bad>app-icon{color:var(--hd-bad)}.notice.warn{border-color:var(--hd-warn-border);background:var(--hd-warn-bg)}.notice.warn>app-icon{color:var(--hd-warn)}.notice.ok>app-icon{color:var(--hd-ok)}.notice .grow{flex:1;min-width:0}.empty{display:grid;justify-items:center;gap:var(--hd-s3);padding:var(--hd-s12) var(--hd-s6);text-align:center}.empty .icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--hd-r-lg);border:1px solid var(--hd-border-strong);color:var(--hd-text-2)}.empty p{max-width:46ch;color:var(--hd-text-2)}.card{background:var(--hd-surface);border:1px solid var(--hd-border);border-radius:var(--hd-r-lg);box-shadow:var(--hd-panel-shadow)}dialog.sheet{width:min(560px,100vw - 32px);max-height:calc(100vh - 64px);padding:0;border:1px solid var(--hd-border-strong);border-radius:var(--hd-r-lg);background:var(--hd-surface);color:var(--hd-text);box-shadow:var(--hd-shadow)}dialog.sheet::backdrop{background:var(--hd-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog.sheet.wide{width:min(720px,100vw - 32px)}dialog.sheet header,dialog.sheet footer{display:flex;align-items:center;gap:var(--hd-s3);padding:var(--hd-s4) var(--hd-s6)}dialog.sheet header{justify-content:space-between;border-bottom:1px solid var(--hd-border)}dialog.sheet footer{justify-content:flex-end;border-top:1px solid var(--hd-border);background:var(--hd-surface-2);border-radius:0 0 var(--hd-r-lg) var(--hd-r-lg)}dialog.sheet .body{display:grid;gap:var(--hd-s4);padding:var(--hd-s6);overflow:auto}