:root {
    /* ========== BACKGROUNDS ========== */
    --background-primary: #000000;
    --background-secondary: #1C1C1E;
    --background-tertiary: #2C2C2E;
    --background-tertiary-hover: #3A3A3C;
    
    /* Window & surface backgrounds */
    --window-background: #000000;
    --window-background-active: #000000;
    --window-background-inactive: #1C1C1E;
    --under-page-background: #000000;
    --grouped-background: #000000;
    --grouped-background-secondary: #1C1C1E;
    --non-emphasized-window-background: #1C1C1E;
    --sheet-background: #1C1C1E;
    
    /* ========== HEADER ========== */
    --header-background: #1a1a1a;
    --header-border-color: rgba(255, 255, 255, 0.16);
    --header-text-color: rgba(255, 255, 255, 0.72);
    --header-link-color: rgba(255, 255, 255, 0.88);
    --header-link-hover: #ffffff;
    --header-logo-color: #FF6A00;
    --header-icon-color: rgba(255, 255, 255, 0.8);
    --header-icon-hover: #ffffff;
    
    /* ========== FOOTER ========== */
    --footer-background: #141D1F;
    --footer-border-color: rgba(255, 255, 255, 0.24);
    --footer-text-color: rgba(255, 255, 255, 0.56);
    --footer-link-color: rgba(255, 255, 255, 0.8);
    --footer-pipe-color: rgba(255, 255, 255, 0.4);
    --footer-directory-title-color: rgba(255, 255, 255, 0.92);
    --footer-directory-title-color-hover: #fff;
    
    /* ========== LOGO ========== */
    --background-logo: #FF6A00;
    --background-logo-hover: #E55D00;
    
    /* ========== TEXT / LABELS (HIG) ========== */
    --text-primary: #FFFFFF;
    --text-secondary: #DDDDDD;
    --text-tertiary: #EBEBF5;
    --text-quaternary: rgba(235, 235, 245, 0.16);
    --text-quinary: #0A84FF;
    
    /* Semantic Labels */
    --label-primary: #FFFFFF;
    --label-secondary: #98989D;
    --label-tertiary: #636366;
    --label-quaternary: #3A3A3C;
    --label-disabled: #636366;
    --placeholder-text: #636366;
    
    /* Selected/highlighted text */
    --selected-text-background: #0A84FF;
    --selected-text-color: #FFFFFF;
    --unemphasized-selected-text: #BFBFBF;
    --unemphasized-selected-text-background: #3A3A3C;
    --selected-text-background-inactive: #3A3A3C;
    --selected-content-background: #0A84FF;
    
    /* Find/search highlight */
    --find-highlight: #FFD60A;
    --find-highlight-stroke: #FF9F0A;
    
    /* ========== FILLS (HIG) ========== */
    --fill-primary: rgba(120, 120, 128, 0.36);
    --fill-secondary: rgba(120, 120, 128, 0.32);
    --fill-tertiary: rgba(118, 118, 128, 0.24);
    --fill-quaternary: rgba(116, 116, 128, 0.18);
    --fill-quinary: rgba(116, 116, 128, 0.12);
    
    /* ========== CONTROLS ========== */
    --control-background: #2C2C2E;
    --control-background-disabled: #1C1C1E;
    --control-text-disabled: #636366;
    --control-border-focus: #0A84FF;
    --control-mini: 24px;
    --control-small: 28px;
    --control-regular: 32px;
    --control-large: 40px;
    
    /* ========== SEPARATORS ========== */
    --separator: rgba(84, 84, 88, 0.60);
    --opaque-separator: #38383A;
    --grid-color: #3A3A3C;
    --menu-separator: rgba(84, 84, 88, 0.48);
    
    /* ========== BORDERS ========== */
    --border: rgba(84, 84, 88, 0.55);
    --border-secondary: #DDDDDD;
    --border-tertiary: #FF6A00;
    
    /* ========== SYSTEM ACCENT COLORS (HIG) ========== */
    --blue: #0A84FF;
    --green: #30D158;
    --red: #FF453A;
    --orange: #FF9F0A;
    --yellow: #FFD60A;
    --pink: #FF375F;
    --purple: #BF5AF2;
    --gray: #8E8E93;
    --teal: #64D2FF;
    --indigo: #5E5CE6;
    --mint: #63E6E2;
    --cyan: #64D2FF;
    
    /* Control accent (system-wide) */
    --control-accent: #0A84FF;
    --control-accent-hover: #0066CC;
    --control-accent-pressed: #004999;
    
    /* ========== KEYBOARD FOCUS ========== */
    --keyboard-focus-indicator: #0A84FF;
    --keyboard-focus-ring: rgba(10, 132, 255, 0.5);
    --keyboard-focus-ring-light: rgba(10, 132, 255, 0.3);
    --keyboard-focus-ring-dark: rgba(10, 132, 255, 0.7);
    
    /* ========== SHADOWS (Layered HIG style) ========== */
    --tooltip-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --card-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    --elevated-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    --menu-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
    --sheet-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
    --dialog-shadow: 0 24px 48px rgba(0, 0, 0, 0.55);
    --overlay-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.7);
    --inner-shadow-light: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    --inner-shadow-dark: inset 0 1px 0 rgba(0, 0, 0, 0.2);
    
    /* ========== FONTS ========== */
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-family-headline: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    
    /* ========== ADDITIONAL UI ELEMENTS ========== */
    /* Progress bars */
    --progress-bar-background: #2C2C2E;
    --progress-bar-fill: #0A84FF;
    
    /* Scrollbars */
    --scrollbar-track: rgba(0, 0, 0, 0);
    --scrollbar-thumb: rgba(120, 120, 128, 0.5);
    --scrollbar-thumb-hover: rgba(120, 120, 128, 0.7);
    --scrollbar-thumb-active: rgba(120, 120, 128, 0.9);
    
    /* Tooltips */
    --tooltip-background: #2C2C2E;
    --tooltip-text: #FFFFFF;
    --tooltip-border: rgba(84, 84, 88, 0.6);
    
    /* Popovers / menus */
    --popover-background: #2C2C2E;
    --popover-border: rgba(84, 84, 88, 0.6);
    --menu-background: #2C2C2E;
    --menu-item-hover: #0A84FF;
    --menu-item-text: #FFFFFF;
    
    /* Table / list view */
    --table-row-even: rgba(0, 0, 0, 0);
    --table-row-odd: rgba(120, 120, 128, 0.08);
    --table-row-selected: #0A84FF;
    --table-header-background: #1C1C1E;
    
    /* Buttons */
    --button-primary-background: #0A84FF;
    --button-primary-hover: #0066CC;
    --button-primary-pressed: #004999;
    --button-secondary-background: #2C2C2E;
    --button-secondary-hover: #3A3A3C;
    --button-secondary-pressed: #48484A;
    
    /* Input fields */
    --input-background: #1C1C1E;
    --input-border: rgba(84, 84, 88, 0.6);
    --input-focus-border: #0A84FF;
    --input-placeholder: #636366;
    
    /* Tabs */
    --tab-active-background: #2C2C2E;
    --tab-inactive-background: #1C1C1E;
    --tab-active-text: #FFFFFF;
    --tab-inactive-text: #98989D;
    
    /* Status indicators */
    --status-success: #30D158;
    --status-warning: #FF9F0A;
    --status-error: #FF453A;
    --status-info: #0A84FF;
}

body {
    background-color: var(--background-primary, #000000);
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: var(--text-primary, #FFFFFF);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.Yes {
    display: none;
}

@media (max-width: 768px) {
    .No {
        display: none;
    }
    .Yes {
        display: inline;
    }
}