:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #3b82f6;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #eab308;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-text-primary: #111827;--color-text-secondary: #6b7280;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--tooltip-bg: white}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0}@media (prefers-color-scheme: light){:root{color:var(--color-text-primary);background-color:#fff}.app-error{background-color:#fef2f2;color:#991b1b}.app-error-title{color:#991b1b}.app-error-message{color:#dc2626}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width: 768px){.container{padding:0 var(--spacing-6)}}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-6)}@media (prefers-color-scheme: dark){.card{background:#1f2937;box-shadow:var(--shadow-lg)}:root{--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .6);--color-neutral-50: #111827;--color-neutral-100: #1f2937;--color-neutral-200: #374151;--tooltip-bg: #1f2937}select{background-color:#1f2937!important;color:#ffffffde!important;border-color:#374151!important}select:disabled{background-color:#111827!important;color:#fff6!important}select option{background-color:#1f2937;color:#ffffffde}}.app-root{min-height:100vh;background-color:var(--color-neutral-50, #f9fafb);padding:var(--spacing-6) var(--spacing-4);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:background-color var(--transition-base)}.app-header{text-align:center;margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-6);border-bottom:2px solid var(--color-neutral-200)}.app-title{font-size:2rem;font-weight:700;margin:0;color:var(--color-text-primary);letter-spacing:-.02em}.app-loading{text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.app-error{margin-top:var(--spacing-6);padding:var(--spacing-4) var(--spacing-5);background-color:#7f1d1d;border:1px solid var(--color-error);border-radius:var(--radius-md);color:#fca5a5;text-align:center;box-shadow:var(--shadow-sm)}.app-error-title{font-weight:600;margin-bottom:var(--spacing-1);font-size:.95rem;color:#fca5a5}.app-error-message{font-size:.875rem;color:#f87171}.app-empty{text-align:center;padding:var(--spacing-12) var(--spacing-4);color:var(--color-text-secondary)}.app-empty-title{font-size:1.125rem;font-weight:500;margin-bottom:var(--spacing-2)}.app-empty-message{font-size:.875rem}.chart-selector-container{margin-bottom:var(--spacing-6);display:flex;gap:var(--spacing-5);align-items:flex-end;flex-wrap:wrap;padding:var(--spacing-5)}.chart-selector-label{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1 1 240px;min-width:200px}.chart-selector-label-text{font-size:.875rem;font-weight:600;color:var(--color-text-primary);letter-spacing:.01em}.chart-selector-select{padding:var(--spacing-3) var(--spacing-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;background-color:#fff;cursor:pointer;transition:all var(--transition-base);outline:none;width:100%}.chart-selector-select:disabled{background-color:var(--color-neutral-100);color:var(--color-neutral-500);cursor:not-allowed}.chart-selector-loading{text-align:center;padding:var(--spacing-6);color:var(--color-text-secondary)}.uptime-chart-container{margin-top:var(--spacing-6);padding:var(--spacing-6)}.chart-tooltip{background-color:var(--tooltip-bg, white);color:var(--color-text-primary);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.875rem}.chart-tooltip-time{margin-bottom:var(--spacing-2);font-weight:500;color:var(--color-text-primary)}.chart-tooltip-status{display:flex;align-items:center;gap:var(--spacing-2)}.chart-tooltip-indicator{width:10px;height:10px;border-radius:50%}@media (max-width: 768px){.container{padding:0 var(--spacing-3)}.card{padding:var(--spacing-4)}}