:root{--h-font-sans: "Inter", "Noto Sans HK", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--h-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--h-blue-50: #eff6ff;--h-blue-600: #2563eb;--h-blue-700: #1d4ed8;--h-gray-50: #f9fafb;--h-gray-100: #f3f4f6;--h-gray-200: #e5e7eb;--h-gray-300: #d1d5db;--h-gray-400: #9ca3af;--h-gray-500: #6b7280;--h-gray-700: #374151;--h-gray-800: #1f2937;--h-gray-900: #111827;--h-bg-app: var(--h-gray-100);--h-bg-surface: #ffffff;--h-bg-muted: var(--h-gray-50);--h-bg-dark: var(--h-gray-800);--h-bg-overlay: rgb(0 0 0 / 50%);--h-fg-primary: var(--h-gray-900);--h-fg-secondary: var(--h-gray-700);--h-fg-muted: var(--h-gray-500);--h-fg-placeholder: var(--h-gray-400);--h-fg-inverted: #ffffff;--h-brand-primary: var(--h-blue-600);--h-brand-primary-hover: var(--h-blue-700);--h-brand-primary-light: var(--h-blue-50);--h-border-default: var(--h-gray-300);--h-border-strong: var(--h-gray-900);--h-border-light: var(--h-gray-200);--h-status-reserved: #facc15;--h-status-confirmed: #22c55e;--h-status-cancelled: var(--h-gray-400);--h-room-pool-bg: #dbeafe;--h-room-pool-border: #93c5fd;--h-room-pool-text: #1e40af;--h-room-activity-bg: #ffedd5;--h-room-activity-border: #fdba74;--h-room-activity-text: #9a3412;--h-room-digital-bg: #cffafe;--h-room-digital-border: #67e8f9;--h-room-digital-text: #155e75;--h-room-life-bg: #dcfce7;--h-room-life-border: #86efac;--h-room-life-text: #166534;--h-room-kitchen-bg: #fef9c3;--h-room-kitchen-border: #fde047;--h-room-kitchen-text: #854d0e;--h-room-gym-bg: #fee2e2;--h-room-gym-border: #fca5a5;--h-room-gym-text: #991b1b;--h-room-yoga-bg: #ffe4e6;--h-room-yoga-border: #fda4af;--h-room-yoga-text: #9f1239;--h-room-mindfulness-bg: #e0e7ff;--h-room-mindfulness-border: #a5b4fc;--h-room-mindfulness-text: #3730a3;--h-room-labyrinth-bg: #f3e8ff;--h-room-labyrinth-border: #d8b4fe;--h-room-labyrinth-text: #6b21a8;--h-radius-chip: .25rem;--h-radius-control: .5rem;--h-radius-modal: .75rem;--h-shadow-panel: 0 1px 2px 0 rgb(0 0 0 / 5%);--h-shadow-modal: 0 25px 50px -12px rgb(0 0 0 / 25%)}html,body{font-family:var(--h-font-sans)}.h-tabular{font-variant-numeric:tabular-nums}.h-control{background:var(--h-bg-surface);border:1px solid var(--h-border-strong);border-radius:var(--h-radius-control);color:var(--h-fg-primary);font-size:.875rem;padding:.5rem;width:100%}.h-control:focus{border-color:var(--h-brand-primary);box-shadow:0 0 0 2px #3b82f633;outline:none}