html,body,#root{height:100%}:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--color-bg: #ffffff;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-primary: #0d9488;--color-gap-bg: #f0fdfa;--color-gap-border: #ccfbf1;--color-gap-text: #0f766e;--color-event-bg: #f3f4f6;--color-event-border: #e2e2e2;--color-event-text: #374151;--color-event-subtext: #9ca3af;--color-grid: #e5e7eb;--radius-sm: 6px;--radius-md: 12px}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;overflow-x:hidden}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.shadow-sm{box-shadow:0 1px 2px #0000000d}.btn-icon{padding:8px;border-radius:50%;color:var(--color-text-secondary);transition:background-color .2s}.btn-icon:hover{background-color:#f3f4f6;color:var(--color-text-primary)}.btn-primary{background-color:var(--color-event-bg);color:var(--color-text-primary);border:1px solid var(--color-event-border);padding:6px 12px;border-radius:var(--radius-sm);font-weight:500;transition:all .2s}.btn-primary:hover{background-color:#e5e7eb}