:root{--primitive-color-white: #ffffff;--primitive-color-black: #000000;--primitive-color-neutral-0: #ffffff;--primitive-color-neutral-25: #fcfcfd;--primitive-color-neutral-50: #f8fafc;--primitive-color-neutral-100: #eef2f6;--primitive-color-neutral-150: #e5eaf0;--primitive-color-neutral-200: #d6dde6;--primitive-color-neutral-300: #b8c2cf;--primitive-color-neutral-400: #8a96a8;--primitive-color-neutral-500: #687385;--primitive-color-neutral-600: #4d5868;--primitive-color-neutral-700: #384252;--primitive-color-neutral-800: #242d3a;--primitive-color-neutral-850: #202936;--primitive-color-neutral-900: #151c27;--primitive-color-neutral-950: #0b111a;--primitive-color-accent-50: #fff3ef;--primitive-color-accent-100: #ffe3d8;--primitive-color-accent-200: #ffc7b5;--primitive-color-accent-300: #ff9f80;--primitive-color-accent-400: #f36a45;--primitive-color-accent-500: #d94727;--primitive-color-accent-600: #c3311d;--primitive-color-accent-700: #982617;--primitive-color-accent-800: #742016;--primitive-color-accent-900: #4f170f;--primitive-color-success-50: #edf9f1;--primitive-color-success-100: #d6f1df;--primitive-color-success-200: #aee4c1;--primitive-color-success-300: #74cf99;--primitive-color-success-400: #38ad68;--primitive-color-success-500: #168a45;--primitive-color-success-600: #106f37;--primitive-color-success-700: #0e572d;--primitive-color-success-800: #0c4525;--primitive-color-success-900: #08311b;--primitive-color-warning-50: #fff7e8;--primitive-color-warning-100: #ffebc2;--primitive-color-warning-200: #ffd887;--primitive-color-warning-300: #f8bc45;--primitive-color-warning-400: #dd9421;--primitive-color-warning-500: #bd7416;--primitive-color-warning-600: #9b570f;--primitive-color-warning-700: #74420f;--primitive-color-warning-800: #583311;--primitive-color-warning-900: #3c240d;--primitive-color-danger-50: #fff1f0;--primitive-color-danger-100: #ffdedb;--primitive-color-danger-200: #ffbeb8;--primitive-color-danger-300: #fb8f85;--primitive-color-danger-400: #ec594c;--primitive-color-danger-500: #d3362a;--primitive-color-danger-600: #b9251b;--primitive-color-danger-700: #941e17;--primitive-color-danger-800: #731c17;--primitive-color-danger-900: #4d1511;--primitive-color-info-50: #eff7ff;--primitive-color-info-100: #dcecff;--primitive-color-info-200: #bddcff;--primitive-color-info-300: #8cc4ff;--primitive-color-info-400: #55a1f1;--primitive-color-info-500: #2f7fd3;--primitive-color-info-600: #2566ad;--primitive-color-info-700: #1e508a;--primitive-color-info-800: #1b406d;--primitive-color-info-900: #142d4c;--primitive-color-purple-50: #f6f0ff;--primitive-color-purple-100: #eadfff;--primitive-color-purple-200: #d9c4ff;--primitive-color-purple-300: #bf9af5;--primitive-color-purple-400: #9d67df;--primitive-color-purple-500: #7b42bd;--primitive-color-purple-600: #633299;--primitive-color-purple-700: #4f2878;--primitive-color-purple-800: #3d205d;--primitive-color-purple-900: #2a1740;--primitive-color-shadow-rgb: 16 24 40;--primitive-color-scrim-rgb: 15 23 42;--primitive-color-focus-rgb: 217 71 39;--color-background-app: var(--primitive-color-neutral-150);--color-background-workspace: var(--primitive-color-neutral-25);--color-background-panel: var(--primitive-color-neutral-50);--color-background-header: var(--primitive-color-neutral-850);--color-background-raised: var(--primitive-color-white);--color-background-overlay: rgb(var(--primitive-color-scrim-rgb) / var(--opacity-scrim));--color-surface-base: var(--primitive-color-white);--color-surface-subtle: var(--primitive-color-neutral-50);--color-surface-inset: var(--primitive-color-neutral-100);--color-surface-hover: var(--primitive-color-neutral-100);--color-surface-selected: var(--primitive-color-accent-50);--color-surface-active: var(--primitive-color-accent-100);--color-surface-disabled: var(--primitive-color-neutral-100);--color-surface-pending: var(--primitive-color-warning-50);--color-surface-stale: var(--primitive-color-warning-100);--color-surface-danger: var(--primitive-color-danger-50);--color-surface-success: var(--primitive-color-success-50);--color-surface-info: var(--primitive-color-info-50);--color-border-subtle: var(--primitive-color-neutral-200);--color-border-default: var(--primitive-color-neutral-300);--color-border-strong: var(--primitive-color-neutral-500);--color-border-panel: var(--primitive-color-neutral-300);--color-border-focus: var(--primitive-color-accent-500);--color-border-selected: var(--primitive-color-accent-600);--color-border-disabled: var(--primitive-color-neutral-200);--color-border-pending: var(--primitive-color-warning-300);--color-border-stale: var(--primitive-color-warning-400);--color-border-danger: var(--primitive-color-danger-300);--color-border-success: var(--primitive-color-success-300);--color-border-info: var(--primitive-color-info-300);--color-text-primary: var(--primitive-color-neutral-900);--color-text-secondary: var(--primitive-color-neutral-600);--color-text-muted: var(--primitive-color-neutral-500);--color-text-tertiary: var(--primitive-color-neutral-500);--color-text-disabled: var(--primitive-color-neutral-600);--color-text-inverse: var(--primitive-color-white);--color-text-selected: var(--primitive-color-accent-700);--color-text-pending: var(--primitive-color-warning-700);--color-text-stale: var(--primitive-color-warning-800);--color-text-danger: var(--primitive-color-danger-700);--color-text-success: var(--primitive-color-success-700);--color-text-info: var(--primitive-color-info-700);--color-accent: var(--primitive-color-accent-600);--color-accent-hover: var(--primitive-color-accent-700);--color-accent-active: var(--primitive-color-accent-800);--color-accent-subtle: var(--primitive-color-accent-50);--color-accent-contrast: var(--primitive-color-white);--color-accent-border: var(--primitive-color-accent-500);--color-accent-muted: var(--primitive-color-accent-100);--color-link: var(--primitive-color-info-700);--color-link-hover: var(--primitive-color-info-800);--color-feedback-success: var(--primitive-color-success-600);--color-feedback-warning: var(--primitive-color-warning-600);--color-feedback-danger: var(--primitive-color-danger-600);--color-feedback-info: var(--primitive-color-info-600);--color-feedback-success-subtle: var(--primitive-color-success-50);--color-feedback-warning-subtle: var(--primitive-color-warning-50);--color-feedback-danger-subtle: var(--primitive-color-danger-50);--color-feedback-info-subtle: var(--primitive-color-info-50);--color-feedback-success-border: var(--primitive-color-success-300);--color-feedback-warning-border: var(--primitive-color-warning-300);--color-feedback-danger-border: var(--primitive-color-danger-300);--color-feedback-info-border: var(--primitive-color-info-300);--color-feedback-success-text: var(--primitive-color-success-700);--color-feedback-warning-text: var(--primitive-color-warning-800);--color-feedback-danger-text: var(--primitive-color-danger-700);--color-feedback-info-text: var(--primitive-color-info-700);--color-workflow-loading: var(--primitive-color-info-500);--color-workflow-pending: var(--primitive-color-warning-600);--color-workflow-stale: var(--primitive-color-warning-600);--color-workflow-ready: var(--primitive-color-success-600);--color-workflow-locked: var(--primitive-color-neutral-600);--color-workflow-blocked: var(--primitive-color-danger-600);--color-workflow-loading-subtle: var(--primitive-color-info-50);--color-workflow-pending-subtle: var(--primitive-color-warning-50);--color-workflow-stale-subtle: var(--primitive-color-warning-100);--color-workflow-ready-subtle: var(--primitive-color-success-50);--color-workflow-locked-subtle: var(--primitive-color-neutral-100);--color-workflow-blocked-subtle: var(--primitive-color-danger-50);--color-auth-logged-out: var(--primitive-color-neutral-600);--color-auth-forbidden: var(--primitive-color-danger-600);--color-auth-session-expired: var(--primitive-color-warning-600);--color-auth-logged-out-subtle: var(--primitive-color-neutral-100);--color-auth-forbidden-subtle: var(--primitive-color-danger-50);--color-auth-session-expired-subtle: var(--primitive-color-warning-50);--color-auth-session-active: var(--primitive-color-success-600);--color-auth-session-active-subtle: var(--primitive-color-success-50);--color-match-scheduled: var(--primitive-color-info-600);--color-match-in-progress: var(--primitive-color-warning-600);--color-match-awaiting-post-match: var(--primitive-color-warning-700);--color-match-completed: var(--primitive-color-success-600);--color-match-cancelled: var(--primitive-color-neutral-600);--color-match-voided: var(--primitive-color-neutral-600);--color-match-scheduled-subtle: var(--primitive-color-info-50);--color-match-in-progress-subtle: var(--primitive-color-warning-50);--color-match-awaiting-post-match-subtle: var(--primitive-color-warning-100);--color-match-completed-subtle: var(--primitive-color-success-50);--color-match-cancelled-subtle: var(--primitive-color-neutral-100);--color-match-voided-subtle: var(--primitive-color-neutral-100);--color-match-scheduled-border: var(--primitive-color-info-300);--color-match-in-progress-border: var(--primitive-color-warning-300);--color-match-awaiting-post-match-border: var(--primitive-color-warning-400);--color-match-completed-border: var(--primitive-color-success-300);--color-match-cancelled-border: var(--primitive-color-neutral-300);--color-match-voided-border: var(--primitive-color-neutral-300);--color-player-healthy: var(--primitive-color-success-600);--color-player-injured: var(--primitive-color-warning-600);--color-player-mng: var(--primitive-color-warning-700);--color-player-dead: var(--primitive-color-danger-600);--color-player-advancement-ready: var(--primitive-color-purple-600);--color-player-healthy-subtle: var(--primitive-color-success-50);--color-player-injured-subtle: var(--primitive-color-warning-50);--color-player-mng-subtle: var(--primitive-color-warning-100);--color-player-dead-subtle: var(--primitive-color-danger-50);--color-player-advancement-ready-subtle: var(--primitive-color-purple-50);--color-player-healthy-border: var(--primitive-color-success-300);--color-player-injured-border: var(--primitive-color-warning-300);--color-player-mng-border: var(--primitive-color-warning-400);--color-player-dead-border: var(--primitive-color-danger-300);--color-player-advancement-ready-border: var(--primitive-color-purple-300);--color-state-disabled-bg: var(--color-surface-disabled);--color-state-disabled-text: var(--color-text-disabled);--color-state-disabled-border: var(--color-border-disabled);--color-state-selected-bg: var(--color-surface-selected);--color-state-selected-text: var(--color-text-selected);--color-state-selected-border: var(--color-border-selected);--color-state-pending-bg: var(--color-workflow-pending-subtle);--color-state-pending-text: var(--color-text-pending);--color-state-pending-border: var(--color-border-pending);--color-state-stale-bg: var(--color-workflow-stale-subtle);--color-state-stale-text: var(--color-text-stale);--color-state-stale-border: var(--color-border-stale);--font-family-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-mono: ui-monospace, "Cascadia Code", "Fira Code", "SF Mono", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-00: .75rem;--font-size-0: .8rem;--font-size-1: .85rem;--font-size-2: .875rem;--font-size-3: .95rem;--font-size-4: 1rem;--font-size-5: 1.2rem;--line-height-tight: 1.2;--line-height-heading: 1.3;--line-height-label: 1.35;--line-height-body-small: 1.45;--line-height-body: 1.5;--letter-spacing-none: 0;--letter-spacing-label: .04em;--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-none: 0;--radius-xs: 1px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 999px;--shadow-color-rgb: var(--primitive-color-shadow-rgb);--shadow-none: none;--shadow-xs: 0 1px 2px rgb(var(--shadow-color-rgb) / .06);--shadow-sm: 0 1px 3px rgb(var(--shadow-color-rgb) / .08);--shadow-md: 0 8px 20px rgb(var(--shadow-color-rgb) / .12);--shadow-lg: 0 16px 36px rgb(var(--shadow-color-rgb) / .16);--shadow-drawer-left: 2px 0 16px rgb(var(--shadow-color-rgb) / .18);--shadow-drawer-right: -2px 0 16px rgb(var(--shadow-color-rgb) / .18);--elevation-flat: var(--shadow-none);--elevation-raised: var(--shadow-sm);--elevation-overlay: var(--shadow-md);--elevation-modal: var(--shadow-lg);--focus-ring-color: var(--color-border-focus);--focus-ring-rgb: var(--primitive-color-focus-rgb);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-shadow: 0 0 0 var(--focus-ring-width) rgb(var(--focus-ring-rgb) / .16);--focus-ring-outline: var(--focus-ring-width) solid var(--focus-ring-color);--motion-duration-instant: 0ms;--motion-duration-fast: .1s;--motion-duration-base: .14s;--motion-duration-slow: .18s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--motion-ease-in: cubic-bezier(.32, 0, .67, 0);--z-base: 0;--z-sticky: 10;--z-dropdown: 20;--z-backdrop: 40;--z-drawer: 50;--z-popover: 60;--z-modal: 1000;--opacity-disabled: .45;--opacity-hover: .08;--opacity-selected: .12;--opacity-scrim: .42;--opacity-drawer-backdrop: .28;--color-scrim: rgb(var(--primitive-color-scrim-rgb) / var(--opacity-scrim));--color-drawer-backdrop: rgb(var(--primitive-color-scrim-rgb) / var(--opacity-drawer-backdrop));--component-base-bg: var(--color-background-app);--component-base-text: var(--color-text-primary);--component-base-font-family: var(--font-family-ui);--component-base-font-size: var(--font-size-2);--component-base-line-height: var(--line-height-body);--component-base-selection-bg: var(--color-accent-muted);--component-base-selection-text: var(--color-text-primary);--component-link-text: var(--color-link);--component-link-hover-text: var(--color-link-hover);--component-link-underline-offset: .14em;--component-link-underline-thickness: var(--space-px);--component-scrollbar-size: .75rem;--component-scrollbar-track-bg: transparent;--component-scrollbar-thumb-bg: var(--color-border-default);--component-scrollbar-thumb-hover-bg: var(--color-border-strong);--component-scrollbar-thumb-radius: var(--radius-pill);--component-shell-bg: var(--color-background-app);--component-shell-header-bg: var(--color-background-header);--component-shell-header-text: var(--color-text-inverse);--component-shell-border: var(--color-border-panel);--component-shell-focus-ring: var(--focus-ring-shadow);--component-nav-bg: var(--color-background-panel);--component-nav-section-text: var(--color-text-secondary);--component-nav-section-border: var(--color-border-subtle);--component-nav-item-text: var(--color-text-primary);--component-nav-item-muted-text: var(--color-text-muted);--component-nav-item-hover-bg: var(--color-surface-hover);--component-nav-item-selected-bg: var(--color-state-selected-bg);--component-nav-item-selected-text: var(--color-state-selected-text);--component-nav-item-selected-border: var(--color-state-selected-border);--component-nav-item-disabled-text: var(--color-state-disabled-text);--component-nav-attention-bg: var(--color-workflow-pending-subtle);--component-nav-attention-text: var(--color-workflow-pending);--component-nav-badge-bg: var(--color-surface-inset);--component-nav-badge-text: var(--color-text-secondary);--component-workspace-bg: var(--color-background-workspace);--component-workspace-text: var(--color-text-primary);--component-workspace-muted-text: var(--color-text-secondary);--component-panel-bg: var(--color-background-panel);--component-panel-raised-bg: var(--color-background-raised);--component-panel-border: var(--color-border-subtle);--component-panel-strong-border: var(--color-border-default);--component-panel-shadow: var(--elevation-flat);--component-panel-padding: var(--space-4);--component-panel-gap: var(--space-3);--component-panel-radius: var(--radius-md);--component-drawer-bg: var(--color-background-panel);--component-drawer-border: var(--color-border-panel);--component-drawer-backdrop-bg: var(--color-drawer-backdrop);--component-drawer-left-shadow: var(--shadow-drawer-left);--component-drawer-right-shadow: var(--shadow-drawer-right);--component-drawer-z-index: var(--z-drawer);--component-drawer-backdrop-z-index: var(--z-backdrop);--component-modal-scrim-bg: var(--color-scrim);--component-modal-surface-bg: var(--color-background-raised);--component-modal-border: var(--color-border-subtle);--component-modal-shadow: var(--elevation-modal);--component-modal-radius: var(--radius-lg);--component-modal-z-index: var(--z-modal);--component-modal-header-border: var(--color-border-subtle);--component-popover-bg: var(--color-background-raised);--component-popover-border: var(--color-border-default);--component-popover-shadow: var(--elevation-overlay);--component-popover-radius: var(--radius-md);--component-popover-z-index: var(--z-popover);--component-command-bg: var(--color-background-raised);--component-command-border: var(--color-border-default);--component-command-shadow: var(--elevation-overlay);--component-command-radius: var(--radius-lg);--component-command-input-bg: var(--color-surface-base);--component-command-input-text: var(--color-text-primary);--component-command-item-text: var(--color-text-primary);--component-command-item-muted-text: var(--color-text-muted);--component-command-item-hover-bg: var(--color-surface-hover);--component-command-item-selected-bg: var(--color-state-selected-bg);--component-command-item-selected-text: var(--color-state-selected-text);--component-command-empty-text: var(--color-text-muted);--component-command-palette-bg: var(--component-command-bg);--component-command-palette-border: var(--component-command-border);--component-command-palette-shadow: var(--component-command-shadow);--component-command-palette-radius: var(--component-command-radius);--component-command-palette-input-bg: var(--component-command-input-bg);--component-command-palette-item-selected-bg: var(--component-command-item-selected-bg);--component-command-palette-item-selected-text: var(--component-command-item-selected-text);--component-button-radius: var(--radius-sm);--component-button-padding-y: var(--space-1-5);--component-button-padding-x: var(--space-3);--component-button-font-size: var(--font-size-2);--component-button-font-weight: var(--font-weight-medium);--component-button-transition: background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard);--component-button-primary-bg: var(--color-accent);--component-button-primary-hover-bg: var(--color-accent-hover);--component-button-primary-active-bg: var(--color-accent-active);--component-button-primary-text: var(--color-accent-contrast);--component-button-primary-border: var(--color-accent);--component-button-secondary-bg: var(--color-surface-subtle);--component-button-secondary-hover-bg: var(--color-surface-hover);--component-button-secondary-active-bg: var(--color-surface-inset);--component-button-secondary-text: var(--color-text-primary);--component-button-secondary-border: var(--color-border-default);--component-button-danger-bg: var(--color-feedback-danger);--component-button-danger-hover-bg: var(--primitive-color-danger-700);--component-button-danger-active-bg: var(--primitive-color-danger-800);--component-button-danger-text: var(--color-text-inverse);--component-button-danger-border: var(--color-feedback-danger);--component-button-ghost-bg: transparent;--component-button-ghost-hover-bg: var(--color-surface-hover);--component-button-ghost-active-bg: var(--color-surface-inset);--component-button-ghost-text: var(--color-text-primary);--component-button-ghost-border: transparent;--component-button-disabled-bg: var(--color-state-disabled-bg);--component-button-disabled-text: var(--color-state-disabled-text);--component-button-disabled-border: var(--color-state-disabled-border);--component-button-focus-ring: var(--focus-ring-shadow);--component-icon-button-size: 2rem;--component-icon-button-touch-size: 2.75rem;--component-icon-button-bg: transparent;--component-icon-button-hover-bg: var(--color-surface-hover);--component-icon-button-selected-bg: var(--color-state-selected-bg);--component-icon-button-text: var(--color-text-secondary);--component-icon-button-selected-text: var(--color-state-selected-text);--component-segmented-bg: var(--color-surface-inset);--component-segmented-border: var(--color-border-default);--component-segmented-option-text: var(--color-text-secondary);--component-segmented-option-hover-bg: var(--color-surface-hover);--component-segmented-option-selected-bg: var(--color-background-raised);--component-segmented-option-selected-text: var(--color-text-primary);--component-segmented-option-selected-shadow: var(--shadow-xs);--component-field-bg: var(--color-surface-base);--component-field-text: var(--color-text-primary);--component-field-placeholder-text: var(--color-text-tertiary);--component-field-border: var(--color-border-default);--component-field-hover-border: var(--color-border-strong);--component-field-focus-border: var(--color-border-focus);--component-field-focus-ring: var(--focus-ring-shadow);--component-field-disabled-bg: var(--color-state-disabled-bg);--component-field-disabled-text: var(--color-state-disabled-text);--component-field-disabled-border: var(--color-state-disabled-border);--component-field-invalid-bg: var(--color-feedback-danger-subtle);--component-field-invalid-text: var(--color-feedback-danger-text);--component-field-invalid-border: var(--color-feedback-danger);--component-field-radius: var(--radius-none);--component-field-padding-y: var(--space-1-5);--component-field-padding-x: var(--space-2);--component-field-label-text: var(--color-text-secondary);--component-field-help-text: var(--color-text-muted);--component-field-error-text: var(--color-feedback-danger-text);--component-table-bg: var(--color-background-raised);--component-table-border: var(--color-border-default);--component-table-header-bg: var(--color-surface-inset);--component-table-header-text: var(--color-text-primary);--component-table-row-bg: var(--color-background-raised);--component-table-row-hover-bg: var(--color-surface-hover);--component-table-row-selected-bg: var(--color-state-selected-bg);--component-table-row-stale-bg: var(--color-state-stale-bg);--component-table-row-pending-bg: var(--color-state-pending-bg);--component-table-cell-text: var(--color-text-primary);--component-table-cell-muted-text: var(--color-text-secondary);--component-table-cell-padding-y: var(--space-1-5);--component-table-cell-padding-x: var(--space-3);--component-table-caption-text: var(--color-text-secondary);--component-table-empty-text: var(--color-text-muted);--component-table-numeric-font: var(--font-family-mono);--component-badge-radius: var(--radius-sm);--component-badge-padding-y: var(--space-0-5);--component-badge-padding-x: var(--space-2);--component-badge-font-size: var(--font-size-00);--component-badge-default-bg: var(--color-surface-inset);--component-badge-default-text: var(--color-text-secondary);--component-badge-default-border: var(--color-border-default);--component-badge-selected-bg: var(--color-state-selected-bg);--component-badge-selected-text: var(--color-state-selected-text);--component-badge-selected-border: var(--color-state-selected-border);--component-badge-success-bg: var(--color-feedback-success-subtle);--component-badge-success-text: var(--color-feedback-success-text);--component-badge-success-border: var(--color-feedback-success-border);--component-badge-warning-bg: var(--color-feedback-warning-subtle);--component-badge-warning-text: var(--color-feedback-warning-text);--component-badge-warning-border: var(--color-feedback-warning-border);--component-badge-danger-bg: var(--color-feedback-danger-subtle);--component-badge-danger-text: var(--color-feedback-danger-text);--component-badge-danger-border: var(--color-feedback-danger-border);--component-badge-info-bg: var(--color-feedback-info-subtle);--component-badge-info-text: var(--color-feedback-info-text);--component-badge-info-border: var(--color-feedback-info-border);--component-notice-radius: var(--radius-md);--component-notice-padding-y: var(--space-2);--component-notice-padding-x: var(--space-3);--component-notice-info-bg: var(--color-feedback-info-subtle);--component-notice-info-text: var(--color-feedback-info-text);--component-notice-info-border: var(--color-feedback-info-border);--component-notice-success-bg: var(--color-feedback-success-subtle);--component-notice-success-text: var(--color-feedback-success-text);--component-notice-success-border: var(--color-feedback-success-border);--component-notice-warning-bg: var(--color-feedback-warning-subtle);--component-notice-warning-text: var(--color-feedback-warning-text);--component-notice-warning-border: var(--color-feedback-warning-border);--component-notice-danger-bg: var(--color-feedback-danger-subtle);--component-notice-danger-text: var(--color-feedback-danger-text);--component-notice-danger-border: var(--color-feedback-danger-border);--component-notice-request-id-text: var(--color-text-muted);--component-notice-request-id-font: var(--font-family-mono);--component-match-status-scheduled-bg: var(--color-match-scheduled-subtle);--component-match-status-scheduled-text: var(--color-match-scheduled);--component-match-status-scheduled-border: var(--color-match-scheduled-border);--component-match-status-in-progress-bg: var(--color-match-in-progress-subtle);--component-match-status-in-progress-text: var(--color-match-in-progress);--component-match-status-in-progress-border: var(--color-match-in-progress-border);--component-match-status-awaiting-bg: var(--color-match-awaiting-post-match-subtle);--component-match-status-awaiting-text: var(--color-match-awaiting-post-match);--component-match-status-awaiting-border: var(--color-match-awaiting-post-match-border);--component-match-status-completed-bg: var(--color-match-completed-subtle);--component-match-status-completed-text: var(--color-match-completed);--component-match-status-completed-border: var(--color-match-completed-border);--component-match-status-cancelled-bg: var(--color-match-cancelled-subtle);--component-match-status-cancelled-text: var(--color-match-cancelled);--component-match-status-cancelled-border: var(--color-match-cancelled-border);--component-match-status-voided-bg: var(--color-match-voided-subtle);--component-match-status-voided-text: var(--color-match-voided);--component-match-status-voided-border: var(--color-match-voided-border);--component-player-status-healthy-bg: var(--color-player-healthy-subtle);--component-player-status-healthy-text: var(--color-player-healthy);--component-player-status-healthy-border: var(--color-player-healthy-border);--component-player-status-injured-bg: var(--color-player-injured-subtle);--component-player-status-injured-text: var(--color-player-injured);--component-player-status-injured-border: var(--color-player-injured-border);--component-player-status-mng-bg: var(--color-player-mng-subtle);--component-player-status-mng-text: var(--color-player-mng);--component-player-status-mng-border: var(--color-player-mng-border);--component-player-status-dead-bg: var(--color-player-dead-subtle);--component-player-status-dead-text: var(--color-player-dead);--component-player-status-dead-border: var(--color-player-dead-border);--component-player-status-advancement-bg: var(--color-player-advancement-ready-subtle);--component-player-status-advancement-text: var(--color-player-advancement-ready);--component-player-status-advancement-border: var(--color-player-advancement-ready-border);--color-text-on-accent: var(--color-accent-contrast);--color-outer-bg: var(--color-background-app);--color-panel-bg: var(--color-background-panel);--color-content-bg: var(--color-background-workspace);--color-header-bg: var(--color-background-header);--color-header-text: var(--color-text-inverse);--color-table-header-bg: var(--color-surface-inset);--color-toggle-inactive-bg: var(--primitive-color-neutral-700);--color-toggle-active-bg: var(--primitive-color-neutral-50);--color-toggle-active-text: var(--color-text-primary);--color-win: var(--color-feedback-success);--color-loss: var(--color-feedback-danger);--color-draw: var(--color-text-muted);--color-status-healthy: var(--color-player-healthy);--color-status-injured: var(--color-player-injured);--color-status-dead: var(--color-player-dead);--color-status-mng: var(--color-player-mng);--color-status-scheduled: var(--color-match-scheduled);--color-status-in-progress: var(--color-match-in-progress);--color-status-awaiting: var(--color-match-awaiting-post-match);--color-status-finalized: var(--color-match-completed);--color-status-closed: var(--color-match-cancelled);--color-ssp-gain: var(--color-feedback-info);--color-level-up: var(--color-player-advancement-ready);--color-success: var(--color-feedback-success);--color-error: var(--color-feedback-danger);--color-warning: var(--color-feedback-warning);--color-info: var(--color-feedback-info);--font-ui: var(--font-family-ui);--font-mono: var(--font-family-mono);--text-page-title: var(--font-size-5);--text-section-head: var(--font-size-4);--text-panel-head: var(--font-size-4);--text-body: var(--font-size-2);--text-body-small: var(--font-size-1);--text-nav-label: var(--font-size-0);--text-nav-section: var(--font-size-00);--text-caption: var(--font-size-00);--text-stat-value: var(--font-size-2);--text-header-title: var(--font-size-3)}*,*:before,*:after{box-sizing:border-box}:where(html){height:100%;background:var(--component-base-bg);color-scheme:light;font-family:var(--component-base-font-family);font-size:100%;line-height:var(--component-base-line-height);text-size-adjust:100%}:where(body){min-width:0;min-height:100%;margin:0;background:var(--component-base-bg);color:var(--component-base-text);font-family:var(--component-base-font-family);font-size:var(--component-base-font-size);line-height:var(--component-base-line-height);text-rendering:optimizeLegibility}::selection{background:var(--component-base-selection-bg);color:var(--component-base-selection-text)}:where(button,input,select,textarea){font:inherit}:where(a){color:var(--component-link-text);text-decoration-thickness:var(--component-link-underline-thickness);text-underline-offset:var(--component-link-underline-offset)}:where(a:hover){color:var(--component-link-hover-text)}:where(button){border:1px solid var(--component-button-secondary-border);border-radius:var(--component-button-radius);background:var(--component-button-secondary-bg);color:var(--component-button-secondary-text);cursor:pointer;font-size:var(--component-button-font-size);font-weight:var(--component-button-font-weight);line-height:var(--line-height-label);padding:var(--component-button-padding-y) var(--component-button-padding-x);transition:var(--component-button-transition)}:where(button:hover:not(:disabled,[aria-disabled=true])){border-color:var(--color-border-strong);background:var(--component-button-secondary-hover-bg)}:where(button:active:not(:disabled,[aria-disabled=true])){background:var(--component-button-secondary-active-bg)}:where(button:disabled,button[aria-disabled=true]){border-color:var(--component-button-disabled-border);background:var(--component-button-disabled-bg);color:var(--component-button-disabled-text);cursor:not-allowed;opacity:1}:where(input:not([type]),input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea){width:100%;border:1px solid var(--component-field-border);border-radius:var(--component-field-radius);background:var(--component-field-bg);color:var(--component-field-text);padding:var(--component-field-padding-y) var(--component-field-padding-x);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard)}:where(textarea){min-height:4rem;resize:vertical}:where(input[type=checkbox],input[type=radio]){accent-color:var(--color-accent)}:where(input)::placeholder,:where(textarea)::placeholder{color:var(--component-field-placeholder-text)}:where(input:not([type]),input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea):hover:not(:disabled){border-color:var(--component-field-hover-border)}:where(input:not([type]),input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea):disabled{border-color:var(--component-field-disabled-border);background:var(--component-field-disabled-bg);color:var(--component-field-disabled-text);cursor:not-allowed;opacity:1}:where(input:not([type]),input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea):focus-visible{border-color:var(--component-field-focus-border);outline:0;box-shadow:var(--component-field-focus-ring)}:where(a,button,input[type=checkbox],input[type=radio],[tabindex]):focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}:where(input:disabled)::placeholder,:where(textarea:disabled)::placeholder{color:var(--component-field-disabled-text)}*{scrollbar-color:var(--component-scrollbar-thumb-bg) var(--component-scrollbar-track-bg)}::-webkit-scrollbar{width:var(--component-scrollbar-size);height:var(--component-scrollbar-size)}::-webkit-scrollbar-track{background:var(--component-scrollbar-track-bg)}::-webkit-scrollbar-thumb{border:var(--space-1) solid transparent;border-radius:var(--component-scrollbar-thumb-radius);background:var(--component-scrollbar-thumb-bg);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--component-scrollbar-thumb-hover-bg);background-clip:content-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.status-healthy{color:var(--color-status-healthy)}.status-mng{color:var(--color-status-mng)}.status-dead{color:var(--color-status-dead)}.status-niggling{color:var(--color-status-injured)}.status-scheduled{color:var(--color-status-scheduled)}.status-in-progress{color:var(--color-status-in-progress)}.status-awaiting{color:var(--color-status-awaiting)}.status-completed{color:var(--color-status-finalized)}.status-voided,.status-cancelled{color:var(--color-status-closed)}.result-win{color:var(--color-win)}.result-loss{color:var(--color-loss)}.result-draw{color:var(--color-draw)}.auth-screen.svelte-kn0jhp{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:var(--space-5);background:var(--component-shell-bg);color:var(--color-text-primary)}.auth-panel.svelte-kn0jhp{display:grid;width:min(100%,28rem);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--component-panel-border);border-radius:var(--component-panel-radius);background:var(--component-panel-raised-bg);box-shadow:var(--elevation-overlay)}.auth-header.svelte-kn0jhp{display:grid;gap:var(--space-1);padding-bottom:var(--space-1)}.auth-eyebrow.svelte-kn0jhp,.auth-subtitle.svelte-kn0jhp{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-1);line-height:var(--line-height-body-small)}.auth-eyebrow.svelte-kn0jhp{color:var(--color-text-muted);font-size:var(--font-size-00);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);line-height:var(--line-height-label);text-transform:uppercase}h1.svelte-kn0jhp{margin:0;color:var(--color-text-primary);font-size:var(--text-page-title);font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:var(--line-height-heading)}.auth-switch.svelte-kn0jhp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);padding:var(--space-1);border:1px solid var(--component-segmented-border);border-radius:var(--component-button-radius);background:var(--component-segmented-bg)}.auth-switch.svelte-kn0jhp .ui-button{width:100%}[role=tabpanel].svelte-kn0jhp{min-width:0}[role=tabpanel].svelte-kn0jhp:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}@media(max-width:520px){.auth-screen.svelte-kn0jhp{align-items:stretch;padding:var(--space-3)}.auth-panel.svelte-kn0jhp{width:100%;align-self:center;padding:var(--space-4)}}html,body{height:100%;margin:0;padding:0;background:var(--component-base-bg);color:var(--component-base-text);font-family:var(--component-base-font-family);line-height:var(--component-base-line-height)}body{font-size:var(--component-base-font-size)}.app.svelte-12qhfyh{display:flex;flex-direction:column;height:100vh;background:var(--component-shell-bg);color:var(--color-text-primary);overflow:hidden}.shell-header.svelte-12qhfyh{min-height:4rem;border-bottom:1px solid var(--component-shell-border);background:var(--component-shell-header-bg);color:var(--component-shell-header-text);padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-shrink:0;box-shadow:var(--shadow-xs);position:relative;z-index:var(--z-sticky)}.header-brand.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1 1 28rem}.brand-lockup.svelte-12qhfyh{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;flex-shrink:0}.brand-mark.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2rem;border:1px solid color-mix(in srgb,var(--component-shell-header-text) 22%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--component-shell-header-text) 10%,transparent);color:var(--component-shell-header-text);font-family:var(--font-family-mono);font-size:var(--font-size-00);font-weight:var(--font-weight-bold);line-height:1}.title.svelte-12qhfyh{flex-shrink:0;min-width:0;overflow:hidden;color:var(--component-shell-header-text);font-weight:var(--font-weight-semibold);font-size:var(--text-header-title);letter-spacing:0;line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.context-strip.svelte-12qhfyh{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-2);row-gap:var(--space-0-5);align-items:baseline;flex:1 1 22rem;min-width:10rem;max-width:36rem;padding-left:var(--space-3);border-left:1px solid color-mix(in srgb,var(--component-shell-header-text) 22%,transparent);color:var(--component-shell-header-text)}.context-strip.svelte-12qhfyh span:where(.svelte-12qhfyh){color:color-mix(in srgb,var(--component-shell-header-text) 68%,transparent);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.context-strip.svelte-12qhfyh strong:where(.svelte-12qhfyh),.context-strip.svelte-12qhfyh small:where(.svelte-12qhfyh){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-strip.svelte-12qhfyh strong:where(.svelte-12qhfyh){font-size:var(--text-body-small);font-weight:var(--font-weight-semibold)}.context-strip.svelte-12qhfyh small:where(.svelte-12qhfyh){grid-column:2;color:color-mix(in srgb,var(--component-shell-header-text) 62%,transparent);font-size:var(--text-caption)}.nav-toggle.svelte-12qhfyh{display:none;align-items:center;justify-content:center;width:var(--component-icon-button-touch-size);height:var(--component-icon-button-touch-size);border:1px solid color-mix(in srgb,var(--component-shell-header-text) 24%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--component-shell-header-text) 8%,transparent);color:var(--component-shell-header-text);cursor:pointer;line-height:1;flex-shrink:0}.nav-toggle.svelte-12qhfyh:hover{border-color:color-mix(in srgb,var(--component-shell-header-text) 34%,transparent);background:color-mix(in srgb,var(--component-shell-header-text) 14%,transparent)}.panel-toggle.svelte-12qhfyh{display:none;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--component-icon-button-touch-size);border:1px solid color-mix(in srgb,var(--component-shell-header-text) 24%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--component-shell-header-text) 8%,transparent);color:var(--component-shell-header-text);cursor:pointer;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-body-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-label);white-space:nowrap}.panel-toggle.svelte-12qhfyh:hover{border-color:color-mix(in srgb,var(--component-shell-header-text) 34%,transparent);background:color-mix(in srgb,var(--component-shell-header-text) 14%,transparent)}.nav-backdrop.svelte-12qhfyh,.panel-backdrop.svelte-12qhfyh{display:none}.sr-only.svelte-12qhfyh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quick-nav.svelte-12qhfyh{position:relative;flex:0 1 34rem;min-width:16rem}.quick-nav-input-shell.svelte-12qhfyh{position:relative}.quick-nav.svelte-12qhfyh input:where(.svelte-12qhfyh){width:100%;box-sizing:border-box;min-height:2.5rem;border:1px solid color-mix(in srgb,var(--component-shell-header-text) 28%,transparent);border-radius:var(--radius-md);background:var(--component-command-palette-input-bg);color:var(--color-text-primary);padding:var(--space-2) 5rem var(--space-2) 2.35rem;font:inherit;font-size:var(--text-body-small);outline:none;box-shadow:inset 0 1px rgb(var(--primitive-color-shadow-rgb) / .05)}.quick-nav.svelte-12qhfyh input:where(.svelte-12qhfyh):focus{border-color:var(--component-field-focus-border);box-shadow:var(--focus-ring-shadow)}.quick-nav-icon.svelte-12qhfyh{position:absolute;left:var(--space-2-5);top:50%;z-index:1;color:var(--color-text-muted);transform:translateY(-50%);pointer-events:none}.quick-nav-shortcut.svelte-12qhfyh{position:absolute;right:var(--space-2-5);top:50%;display:inline-flex;align-items:center;gap:var(--space-0-5);padding:var(--space-0-5) var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-00);line-height:1.25;transform:translateY(-50%);pointer-events:none}.quick-nav-panel.svelte-12qhfyh{position:absolute;z-index:var(--z-popover);top:calc(100% + var(--space-1));left:50%;width:min(42rem,calc(100vw - var(--space-4)));overflow:hidden;border:1px solid var(--component-command-palette-border);border-radius:var(--component-command-palette-radius);background:var(--component-command-palette-bg);box-shadow:var(--component-command-palette-shadow);transform:translate(-50%)}.quick-nav-panel-header.svelte-12qhfyh,.quick-nav-hint.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.quick-nav-panel-header.svelte-12qhfyh{border-bottom:1px solid var(--color-border-subtle)}.quick-nav-panel-header.svelte-12qhfyh div:where(.svelte-12qhfyh){display:grid;gap:1px;min-width:0}.quick-nav-panel-header.svelte-12qhfyh span:where(.svelte-12qhfyh),.quick-nav-panel-header.svelte-12qhfyh small:where(.svelte-12qhfyh){color:var(--color-text-secondary);font-size:var(--text-caption)}.quick-nav-panel-header.svelte-12qhfyh span:where(.svelte-12qhfyh){font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.quick-nav-panel-header.svelte-12qhfyh strong:where(.svelte-12qhfyh){overflow:hidden;color:var(--color-text-primary);font-size:var(--text-body-small);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.quick-nav-results.svelte-12qhfyh{max-height:min(24rem,calc(100vh - 9rem));overflow-y:auto;padding:var(--space-1)}.quick-nav-empty.svelte-12qhfyh{margin:0;padding:var(--space-5) var(--space-3);color:var(--component-command-empty-text);font-size:var(--text-body-small);text-align:center}.quick-nav-option.svelte-12qhfyh{display:grid;grid-template-columns:2.2rem minmax(0,1fr) minmax(6.5rem,auto);gap:var(--space-2);align-items:center;width:100%;min-height:3.25rem;min-width:0;padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--component-command-item-text);text-align:left;cursor:pointer;font:inherit}.quick-nav-option.svelte-12qhfyh:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}.quick-nav-option.svelte-12qhfyh:hover,.quick-nav-option.active.svelte-12qhfyh,.quick-nav-option[aria-selected=true].svelte-12qhfyh{border-color:var(--color-border-subtle);background:var(--component-command-palette-item-selected-bg);color:var(--component-command-palette-item-selected-text)}.quick-nav-option-icon.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-text-secondary)}.quick-nav-option[aria-selected=true].svelte-12qhfyh .quick-nav-option-icon:where(.svelte-12qhfyh){border-color:color-mix(in srgb,var(--color-accent) 32%,var(--color-border-subtle));background:var(--color-accent-subtle);color:var(--color-accent)}.quick-nav-kind.svelte-12qhfyh{display:grid;justify-items:end;gap:1px;min-width:0;color:var(--component-command-item-muted-text);text-align:right}.quick-nav-kind.svelte-12qhfyh span:where(.svelte-12qhfyh){padding:1px var(--space-1-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-subtle);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);line-height:var(--line-height-label);text-transform:uppercase}.quick-nav-kind.svelte-12qhfyh small:where(.svelte-12qhfyh){overflow:hidden;max-width:9rem;font-size:var(--font-size-00);text-overflow:ellipsis;white-space:nowrap}.quick-nav-main.svelte-12qhfyh{display:grid;gap:1px;min-width:0}.quick-nav-main.svelte-12qhfyh strong:where(.svelte-12qhfyh),.quick-nav-main.svelte-12qhfyh small:where(.svelte-12qhfyh){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-nav-main.svelte-12qhfyh strong:where(.svelte-12qhfyh){font-size:var(--text-body-small);font-weight:var(--font-weight-semibold)}.quick-nav-main.svelte-12qhfyh small:where(.svelte-12qhfyh){color:var(--component-command-item-muted-text);font-size:var(--text-caption)}.quick-nav-hint.svelte-12qhfyh{flex-wrap:wrap;justify-content:flex-start;border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--font-size-00)}.quick-nav-hint.svelte-12qhfyh span:where(.svelte-12qhfyh){display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.quick-nav-hint.svelte-12qhfyh kbd:where(.svelte-12qhfyh){display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;min-height:1.2rem;padding:0 var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-00);line-height:1}.header-actions.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:0 0 auto}.session-user.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2);min-height:2.25rem;border:1px solid color-mix(in srgb,var(--component-shell-header-text) 18%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--component-shell-header-text) 7%,transparent);color:var(--component-shell-header-text);padding:var(--space-1) var(--space-2);font-size:var(--text-body-small);max-width:17rem;min-width:0}.session-user-main.svelte-12qhfyh{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-pill.svelte-12qhfyh{display:inline-flex;align-items:center;gap:var(--space-1);flex:0 0 auto;border:1px solid color-mix(in srgb,var(--component-shell-header-text) 18%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--component-shell-header-text) 8%,transparent);padding:1px var(--space-1-5);font-size:var(--text-caption);color:color-mix(in srgb,var(--component-shell-header-text) 78%,transparent);line-height:var(--line-height-label)}.toggle.svelte-12qhfyh{display:flex;align-items:center;gap:0;min-height:2.25rem;border:1px solid color-mix(in srgb,var(--component-shell-header-text) 20%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--component-shell-header-text) 7%,transparent);padding:2px}.toggle.svelte-12qhfyh button:where(.svelte-12qhfyh){display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:1.8rem;border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--component-shell-header-text) 72%,transparent);padding:var(--space-1) var(--space-2);cursor:pointer;font-size:var(--text-body-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);line-height:var(--line-height-label);transition:var(--component-button-transition)}.toggle.svelte-12qhfyh button.active:where(.svelte-12qhfyh){border-color:color-mix(in srgb,var(--component-shell-header-text) 20%,transparent);background:var(--color-surface-base);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.logout-btn.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:2.25rem;border:1px solid color-mix(in srgb,var(--component-shell-header-text) 22%,transparent);border-radius:var(--radius-md);background:transparent;color:var(--component-shell-header-text);padding:var(--space-1) var(--space-2);cursor:pointer;font-size:var(--text-body-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-label)}.logout-btn.svelte-12qhfyh:hover{border-color:color-mix(in srgb,var(--component-shell-header-text) 34%,transparent);background:color-mix(in srgb,var(--component-shell-header-text) 12%,transparent)}.app-error.svelte-12qhfyh{margin:0 0 var(--space-3);font-size:var(--text-body-small)}.app-error.svelte-12qhfyh{color:var(--color-error)}.workspace-frame.svelte-12qhfyh{display:flex;flex:1;min-height:0;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:linear-gradient(180deg,color-mix(in srgb,var(--color-background-app) 88%,var(--color-background-workspace)) 0%,var(--color-background-app) 100%)}.columns.svelte-12qhfyh{display:flex;flex:1;min-height:0;overflow:hidden;border:1px solid var(--component-shell-border);border-radius:var(--radius-lg);background:var(--component-workspace-bg);box-shadow:var(--shadow-sm)}.left.svelte-12qhfyh{width:18.5rem;flex-shrink:0;background:var(--component-nav-bg);border-right:1px solid var(--component-shell-border);overflow-y:auto;padding:var(--space-3) var(--space-2);font-family:var(--font-ui);font-size:var(--text-nav-label)}.mobile-nav-head.svelte-12qhfyh,.mobile-panel-head.svelte-12qhfyh{display:none}.left.svelte-12qhfyh section:where(.svelte-12qhfyh){margin-bottom:var(--space-4)}.left.svelte-12qhfyh h3:where(.svelte-12qhfyh){font-size:var(--text-nav-section);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);color:var(--component-nav-section-text);min-height:1.75rem;padding:var(--space-1) var(--space-1) var(--space-1-5);margin:0;border-bottom:1px solid var(--component-nav-section-border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-family:var(--font-ui)}.nav-section-label.svelte-12qhfyh,.nav-section-tools.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-1);min-width:0}.nav-section-label.svelte-12qhfyh{color:inherit}.nav-section-label.svelte-12qhfyh span:where(.svelte-12qhfyh){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-section-tools.svelte-12qhfyh{flex:0 0 auto}.add-btn.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;color:var(--color-text-muted);background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:0;cursor:pointer;line-height:1.2;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.add-btn.svelte-12qhfyh:hover{color:var(--color-accent);border-color:var(--color-accent-muted);background:var(--color-surface-hover)}.add-btn.svelte-12qhfyh:active{color:var(--color-accent-hover)}.left.svelte-12qhfyh a:where(.svelte-12qhfyh){text-decoration:none}.nav-tree-link.svelte-12qhfyh{display:grid;grid-template-columns:1.15rem minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-height:2.25rem;margin:1px 0;padding:var(--space-1) var(--space-2);color:var(--component-nav-item-text);border:1px solid transparent;border-left:3px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-ui);transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.nav-tree-link.svelte-12qhfyh:hover{background:var(--component-nav-item-hover-bg)}.nav-tree-link.selected.svelte-12qhfyh{border-color:var(--component-nav-item-selected-border);border-left-color:var(--component-nav-item-selected-border);background:var(--component-nav-item-selected-bg);color:var(--component-nav-item-selected-text)}.nav-tree-link.all-link.svelte-12qhfyh{color:var(--color-text-secondary);font-size:var(--text-caption)}.team-nav-group.svelte-12qhfyh{margin:1px 0;border-bottom:1px solid color-mix(in srgb,var(--component-nav-section-border) 72%,transparent)}.team-nav-group.svelte-12qhfyh:last-child{border-bottom:0}.team-nav-group.team-active.svelte-12qhfyh{background:color-mix(in srgb,var(--color-surface-selected) 44%,transparent);border-radius:var(--radius-sm)}.team-row.svelte-12qhfyh{display:grid;grid-template-columns:1.65rem minmax(0,1fr);align-items:center;gap:var(--space-1)}.tree-toggle.svelte-12qhfyh,.tree-toggle-spacer.svelte-12qhfyh{width:1.65rem;height:2.25rem}.tree-toggle.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;line-height:1;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.tree-toggle.svelte-12qhfyh:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.tree-toggle.svelte-12qhfyh:focus-visible,.add-btn.svelte-12qhfyh:focus-visible,.nav-tree-link.svelte-12qhfyh:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset);box-shadow:var(--component-shell-focus-ring)}.team-link.svelte-12qhfyh{margin:0}.nav-row-icon.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.nav-tree-link.selected.svelte-12qhfyh .nav-row-icon:where(.svelte-12qhfyh),.team-nav-group.team-active.svelte-12qhfyh .team-link:where(.svelte-12qhfyh) .nav-row-icon:where(.svelte-12qhfyh){color:var(--color-accent)}.attention-icon.svelte-12qhfyh{color:var(--component-nav-attention-text)}.nav-row-copy.svelte-12qhfyh{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:1px}.nav-row-title.svelte-12qhfyh,.nav-row-detail.svelte-12qhfyh,.team-placeholder.svelte-12qhfyh span:where(.svelte-12qhfyh){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-row-title.svelte-12qhfyh{color:inherit;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.nav-row-detail.svelte-12qhfyh{color:var(--component-nav-item-muted-text);font-size:var(--text-caption);line-height:var(--line-height-tight)}.nav-meta.svelte-12qhfyh{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:max-content}.team-placeholder.svelte-12qhfyh{display:grid;grid-template-columns:1.15rem minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:1.85rem;padding:var(--space-1) var(--space-2) var(--space-1) calc(1.65rem + var(--space-1) + var(--space-2));color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:700;text-transform:uppercase}.team-player-list.svelte-12qhfyh{margin:0 0 var(--space-1) calc(1.65rem + var(--space-1) + .6rem);padding-left:var(--space-1);border-left:1px solid var(--component-nav-section-border)}.player-link.svelte-12qhfyh{grid-template-columns:1rem minmax(0,1fr);min-height:1.8rem;padding-top:2px;padding-bottom:2px;color:var(--color-text-secondary);font-size:var(--text-caption);border-left-width:2px}.player-link.svelte-12qhfyh:hover{color:var(--color-text-primary)}.player-link.selected.svelte-12qhfyh{color:var(--color-accent)}.nav-badge.svelte-12qhfyh,.nav-pill.svelte-12qhfyh,.nav-status.svelte-12qhfyh,.attention-badge.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-caption);line-height:1;white-space:nowrap}.nav-badge.svelte-12qhfyh{min-width:1.35rem;height:1.2rem;padding:0 5px;border:1px solid var(--color-border-subtle);background:var(--component-nav-badge-bg);color:var(--component-nav-badge-text);font-weight:var(--font-weight-semibold)}.nav-pill.svelte-12qhfyh{min-width:0;max-width:5.75rem;height:1.2rem;padding:0 var(--space-1-5);overflow:hidden;border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);color:var(--color-text-secondary);text-overflow:ellipsis;font-family:var(--font-ui);font-weight:var(--font-weight-semibold)}.attention-pill.svelte-12qhfyh{border-color:var(--component-nav-attention-text);background:var(--component-nav-attention-bg);color:var(--component-nav-attention-text)}.attention-badge.svelte-12qhfyh{min-width:1.15rem;height:1.15rem;padding:0 4px;border:1px solid var(--component-nav-attention-text);background:var(--component-nav-attention-bg);color:var(--component-nav-attention-text);font-weight:700}.nav-tree-link.selected.svelte-12qhfyh .attention-badge:where(.svelte-12qhfyh){border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.nav-status.svelte-12qhfyh{max-width:5.8rem;height:1.2rem;padding:0 var(--space-1-5);overflow:hidden;border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);color:var(--color-text-secondary);text-overflow:ellipsis;text-transform:capitalize}.nav-status[data-status=scheduled].svelte-12qhfyh{border-color:var(--color-match-scheduled-border);background:var(--color-match-scheduled-subtle);color:var(--color-match-scheduled)}.nav-status[data-status=in_progress].svelte-12qhfyh{border-color:var(--color-match-in-progress-border);background:var(--color-match-in-progress-subtle);color:var(--color-match-in-progress)}.nav-status[data-status=awaiting_post_match].svelte-12qhfyh{border-color:var(--color-match-awaiting-post-match-border);background:var(--color-match-awaiting-post-match-subtle);color:var(--color-match-awaiting-post-match)}.nav-status[data-status=completed].svelte-12qhfyh{border-color:var(--color-match-completed-border);background:var(--color-match-completed-subtle);color:var(--color-match-completed)}.nav-status[data-status=cancelled].svelte-12qhfyh{border-color:var(--color-match-cancelled-border);background:var(--color-match-cancelled-subtle);color:var(--color-match-cancelled)}.nav-status[data-status=voided].svelte-12qhfyh{border-color:var(--color-match-voided-border);background:var(--color-match-voided-subtle);color:var(--color-match-voided)}.nav-empty.svelte-12qhfyh{margin:var(--space-1) 0 0;padding:var(--space-2);border:1px dashed var(--color-border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-subtle) 72%,transparent);color:var(--color-text-tertiary);font-size:var(--text-caption)}.middle.svelte-12qhfyh{flex:1;min-width:0;background:var(--component-workspace-bg);color:var(--component-workspace-text);overflow-y:auto;padding:var(--space-6) var(--space-5)}.right.svelte-12qhfyh{width:21rem;flex-shrink:0;min-width:0;background:var(--component-panel-bg);border-left:1px solid var(--component-shell-border);overflow:hidden;padding:0;color:var(--color-text-primary);font-family:var(--font-ui)}.right.svelte-12qhfyh:focus-visible{outline:var(--focus-ring-outline);outline-offset:-2px}.right-panel-shell.svelte-12qhfyh{display:flex;height:100%;min-height:0;flex-direction:column}.right-panel-desktop-head.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:3.5rem;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--component-panel-border);background:color-mix(in srgb,var(--component-panel-bg) 84%,var(--color-background-workspace))}.right-panel-title-stack.svelte-12qhfyh{display:grid;min-width:0;gap:1px}.right-panel-title-stack.svelte-12qhfyh span:where(.svelte-12qhfyh){overflow:hidden;color:var(--color-text-tertiary);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);line-height:var(--line-tight);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.right-panel-title-stack.svelte-12qhfyh h2:where(.svelte-12qhfyh){overflow:hidden;margin:0;color:var(--color-text-primary);font-size:var(--text-body);font-weight:var(--font-weight-semibold);line-height:var(--line-tight);text-overflow:ellipsis;white-space:nowrap}.right-panel-mode-badge.svelte-12qhfyh{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);line-height:1}.right-panel-body.svelte-12qhfyh{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4)}.right-panel-content.svelte-12qhfyh{display:grid;min-width:0;gap:var(--space-3)}.right-panel-content.svelte-12qhfyh h3{margin:0;color:var(--color-text-primary);font-size:var(--text-body-small);font-weight:var(--font-weight-semibold);line-height:var(--line-tight)}.right-panel-content.svelte-12qhfyh h3:not(:first-child){padding-top:var(--space-2)}.right-panel-content.svelte-12qhfyh hr{width:100%;height:1px;margin:var(--space-1) 0;border:0;background:var(--color-border-subtle)}.right-panel-content.svelte-12qhfyh p{margin:0}.right-panel-content.svelte-12qhfyh .muted{color:var(--color-text-secondary);font-size:var(--text-body-small);line-height:var(--line-normal)}.right-panel-content.svelte-12qhfyh .ok{padding:var(--space-2);border:1px solid color-mix(in srgb,var(--color-success) 26%,var(--color-border-subtle));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-success) 10%,var(--component-panel-bg));color:var(--color-success);font-size:var(--text-body-small);line-height:var(--line-normal)}.right-panel-content.svelte-12qhfyh .token-box{overflow-wrap:anywhere;padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--line-normal)}.right-panel-content.svelte-12qhfyh form:not(.ui-pending-form){display:grid;min-width:0;gap:var(--space-2);margin:0}.right-panel-content.svelte-12qhfyh form:not(.ui-pending-form)>label,.right-panel-content.svelte-12qhfyh form:not(.ui-pending-form) .stat-row label{display:grid;min-width:0;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-tight)}.right-panel-content.svelte-12qhfyh input:not([type=checkbox]):not([type=radio]),.right-panel-content.svelte-12qhfyh select,.right-panel-content.svelte-12qhfyh textarea{width:100%;min-height:2.25rem;box-sizing:border-box;border:1px solid var(--component-field-border);border-radius:var(--radius-sm);background:var(--component-field-bg);color:var(--component-field-text);font:inherit;font-size:var(--text-body-small)}.right-panel-content.svelte-12qhfyh input:not([type=checkbox]):not([type=radio]),.right-panel-content.svelte-12qhfyh select{padding:0 var(--space-2)}.right-panel-content.svelte-12qhfyh textarea{min-height:5rem;padding:var(--space-2);resize:vertical}.right-panel-content.svelte-12qhfyh input:focus-visible,.right-panel-content.svelte-12qhfyh select:focus-visible,.right-panel-content.svelte-12qhfyh textarea:focus-visible{border-color:var(--component-field-focus-border);outline:none;box-shadow:var(--component-field-focus-ring)}.right-panel-content.svelte-12qhfyh input[type=checkbox],.right-panel-content.svelte-12qhfyh input[type=radio]{width:1rem;height:1rem;margin:0;accent-color:var(--color-accent)}.right-panel-content.svelte-12qhfyh button:not(.ui-button):not(.ui-icon-button):not(.btn-danger){display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 var(--space-3);border:1px solid var(--component-button-primary-bg);border-radius:var(--radius-sm);background:var(--component-button-primary-bg);color:var(--component-button-primary-text);cursor:pointer;font:inherit;font-size:var(--text-body-small);font-weight:var(--font-weight-semibold);line-height:1}.right-panel-content.svelte-12qhfyh button:not(.ui-button):not(.ui-icon-button):not(.btn-danger):hover{background:var(--component-button-primary-hover-bg)}.right-panel-content.svelte-12qhfyh button:disabled{border-color:var(--component-button-disabled-border);background:var(--component-button-disabled-bg);color:var(--component-button-disabled-text);cursor:not-allowed;opacity:1}.right-panel-content.svelte-12qhfyh .btn-danger{min-height:2.25rem}.right-panel-content.svelte-12qhfyh .member-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.right-panel-content.svelte-12qhfyh .member-row{display:grid;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-subtle) 70%,transparent)}@media(max-width:980px){.shell-header.svelte-12qhfyh{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2)}.nav-toggle.svelte-12qhfyh{display:inline-flex}.header-brand.svelte-12qhfyh{flex:1 1 calc(100% - 15rem);gap:var(--space-2);flex-wrap:wrap;order:1}.context-strip.svelte-12qhfyh{order:3;flex:1 0 100%;min-width:0;max-width:none;padding:var(--space-2) 0 0 calc(var(--component-icon-button-touch-size) + var(--space-2));border-top:1px solid color-mix(in srgb,var(--component-shell-header-text) 18%,transparent);border-left:0}.quick-nav.svelte-12qhfyh{order:3;flex:1 0 100%;max-width:none;min-width:0}.header-actions.svelte-12qhfyh{order:2;flex-shrink:0;margin-left:auto}.session-user.svelte-12qhfyh{max-width:9rem}.workspace-frame.svelte-12qhfyh{padding:0;gap:0}.columns.svelte-12qhfyh{position:relative;border-width:1px 0 0;border-radius:0;box-shadow:none}.panel-toggle.svelte-12qhfyh{display:inline-flex}.nav-backdrop.svelte-12qhfyh,.panel-backdrop.svelte-12qhfyh{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--component-drawer-backdrop-z-index);border:0;background:var(--component-drawer-backdrop-bg);cursor:pointer}.left.svelte-12qhfyh{position:fixed;inset:0 auto 0 0;z-index:var(--component-drawer-z-index);width:min(86vw,340px);max-width:calc(100vw - 3rem);transform:translate(-105%);transition:transform var(--motion-duration-base) var(--motion-ease-standard);box-shadow:var(--component-drawer-left-shadow);padding-top:0;border-right:1px solid var(--component-drawer-border)}.left.open.svelte-12qhfyh{transform:translate(0)}.mobile-nav-head.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--component-icon-button-touch-size);padding:0 var(--space-3);border-bottom:1px solid var(--component-drawer-border);background:var(--component-shell-header-bg);color:var(--component-shell-header-text);font-family:var(--font-ui);font-size:var(--text-body-small)}.mobile-nav-head.svelte-12qhfyh button:where(.svelte-12qhfyh){display:inline-flex;align-items:center;justify-content:center;width:var(--component-icon-button-touch-size);height:var(--component-icon-button-touch-size);border:1px solid color-mix(in srgb,var(--component-shell-header-text) 24%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--component-shell-header-text) 8%,transparent);color:var(--component-shell-header-text);cursor:pointer;font:inherit;line-height:1}.left.svelte-12qhfyh h3:where(.svelte-12qhfyh){min-height:2.25rem;padding-top:var(--space-2);padding-bottom:var(--space-2)}.add-btn.svelte-12qhfyh{width:2rem;height:2rem}.nav-tree-link.svelte-12qhfyh,.tree-toggle.svelte-12qhfyh,.tree-toggle-spacer.svelte-12qhfyh{min-height:var(--component-icon-button-touch-size)}.tree-toggle.svelte-12qhfyh,.tree-toggle-spacer.svelte-12qhfyh{height:var(--component-icon-button-touch-size)}.player-link.svelte-12qhfyh{min-height:var(--component-icon-button-touch-size)}.right.svelte-12qhfyh{position:fixed;inset:0 0 0 auto;z-index:var(--component-drawer-z-index);width:min(90vw,380px);max-width:calc(100vw - 2.5rem);height:100vh;height:100dvh;box-sizing:border-box;transform:translate(105%);transition:transform var(--motion-duration-base) var(--motion-ease-standard);box-shadow:var(--component-drawer-right-shadow);padding:0;border-left:1px solid var(--component-drawer-border);background:var(--component-drawer-bg)}.right.open.svelte-12qhfyh{transform:translate(0)}.right-panel-desktop-head.svelte-12qhfyh{display:none}.right-panel-body.svelte-12qhfyh{padding:var(--space-3)}.right-panel-content.svelte-12qhfyh{gap:var(--space-3)}.mobile-panel-head.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--component-icon-button-touch-size);padding:0 var(--space-3);border-bottom:1px solid var(--component-drawer-border);background:var(--component-shell-header-bg);color:var(--component-shell-header-text);font-family:var(--font-ui);font-size:var(--text-body-small)}.middle.svelte-12qhfyh{padding:var(--space-5) var(--space-4)}}@media(max-width:620px){.shell-header.svelte-12qhfyh{align-items:flex-start}.header-brand.svelte-12qhfyh{flex:1 1 100%}.brand-lockup.svelte-12qhfyh{max-width:calc(100vw - 6rem)}.context-strip.svelte-12qhfyh{padding-left:0}.quick-nav.svelte-12qhfyh input:where(.svelte-12qhfyh){padding-right:var(--space-3)}.quick-nav-shortcut.svelte-12qhfyh{display:none}.quick-nav-panel.svelte-12qhfyh{width:100%}.quick-nav-panel-header.svelte-12qhfyh,.quick-nav-hint.svelte-12qhfyh{padding-right:var(--space-2);padding-left:var(--space-2)}.quick-nav-option.svelte-12qhfyh{grid-template-columns:2rem minmax(0,1fr) auto}.quick-nav-kind.svelte-12qhfyh small:where(.svelte-12qhfyh){display:none}.header-actions.svelte-12qhfyh{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;max-width:100%}.session-user.svelte-12qhfyh{display:none}.toggle.svelte-12qhfyh button:where(.svelte-12qhfyh){padding:var(--space-1) var(--space-2)}.toggle.svelte-12qhfyh button:where(.svelte-12qhfyh) span:where(.svelte-12qhfyh),.logout-btn.svelte-12qhfyh span:where(.svelte-12qhfyh),.panel-toggle.svelte-12qhfyh span:where(.svelte-12qhfyh){display:none}.logout-btn.svelte-12qhfyh,.panel-toggle.svelte-12qhfyh{width:var(--component-icon-button-touch-size);padding:0}.middle.svelte-12qhfyh{padding:var(--space-4) var(--space-3)}.right.svelte-12qhfyh{width:min(94vw,360px);max-width:calc(100vw - 1rem)}.right-panel-body.svelte-12qhfyh{padding:var(--space-3)}.right-panel-content.svelte-12qhfyh{gap:var(--space-2)}}.creation-modal.svelte-12qhfyh{display:grid;min-width:0;gap:var(--space-3)}.creation-modal-grid.svelte-12qhfyh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start}.creation-modal-actions.svelte-12qhfyh{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}@media(max-width:640px){.creation-modal-grid.svelte-12qhfyh{grid-template-columns:minmax(0,1fr)}.creation-modal-actions.svelte-12qhfyh{justify-content:stretch}.creation-modal-actions.svelte-12qhfyh .ui-button{width:100%}}.stat-row{display:flex;gap:var(--space-1);flex-wrap:wrap}.stat-row label{min-width:3.5rem;flex:1 1 5.5rem}.btn-primary{background:var(--component-button-primary-bg);color:var(--component-button-primary-text);border:1px solid var(--component-button-primary-border);padding:var(--component-button-padding-y) var(--component-button-padding-x);border-radius:var(--component-button-radius);cursor:pointer;font-size:var(--component-button-font-size);font-weight:var(--component-button-font-weight);align-self:flex-start;transition:var(--component-button-transition)}.btn-primary:hover{background:var(--component-button-primary-hover-bg)}.btn-primary:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}.btn-primary:disabled{border-color:var(--component-button-disabled-border);background:var(--component-button-disabled-bg);color:var(--component-button-disabled-text);cursor:not-allowed;opacity:1}.btn-danger{background:var(--component-button-danger-bg);color:var(--component-button-danger-text);border:1px solid var(--component-button-danger-border);padding:var(--component-button-padding-y) var(--component-button-padding-x);border-radius:var(--component-button-radius);cursor:pointer;font-size:var(--component-button-font-size);font-weight:var(--component-button-font-weight);transition:var(--component-button-transition)}.btn-danger:hover{background:var(--component-button-danger-hover-bg);border-color:var(--component-button-danger-hover-bg)}.btn-danger:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}.btn-danger:disabled{border-color:var(--component-button-disabled-border);background:var(--component-button-disabled-bg);color:var(--component-button-disabled-text);cursor:not-allowed;opacity:1}.hotkey-legend.svelte-12qhfyh{display:flex;gap:var(--space-4);padding:3px var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-outer-bg);flex-shrink:0;flex-wrap:wrap}.hotkey-entry.svelte-12qhfyh{font-size:var(--text-caption, .75rem);color:var(--color-text-tertiary);display:flex;align-items:center;gap:4px}.hotkey-entry.svelte-12qhfyh kbd:where(.svelte-12qhfyh){font-size:.7rem;font-family:var(--font-mono);opacity:.8;background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);border-radius:3px;padding:0 3px}