@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg-primary:#f0f4f8;--bg-secondary:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--bg-elevated:#ffffff;--bg-glass:rgba(255,255,255,0.72);--bg-glass-strong:rgba(255,255,255,0.85);--bg-body-gradient:none;--border:#e2e8f0;--border-light:#f1f5f9;--border-glass:rgba(226,232,240,0.5);--text-primary:#111827;--text-secondary:#374151;--text-muted:#4b5563;--text-inverse:#ffffff;--accent:#0e7490;--accent-hover:#155e75;--accent-light:rgba(14,116,144,0.08);--accent-glow:rgba(14,116,144,0.4);--green:#047857;--green-light:#d1fae5;--green-bg:rgba(4,120,87,0.08);--green-glow:rgba(4,120,87,0.5);--yellow:#f59e0b;--yellow-text:#92400e;--yellow-light:#fef3c7;--yellow-bg:rgba(245,158,11,0.08);--yellow-glow:rgba(245,158,11,0.5);--red:#ef4444;--red-light:#fee2e2;--red-bg:rgba(239,68,68,0.06);--red-glow:rgba(239,68,68,0.5);--blue:#3b82f6;--blue-light:#dbeafe;--blue-bg:rgba(59,130,246,0.06);--blue-glow:rgba(59,130,246,0.5);--gray:#9ca3af;--gray-bg:rgba(156,163,175,0.1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-glow:0 0 20px var(--accent-glow);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--radius:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--chart-bar-max-bg:rgba(0,0,0,0.08)}[data-theme=dark]{--bg-primary:#0c1222;--bg-secondary:#182039;--bg-card:#182039;--bg-card-hover:#1e2a4a;--bg-elevated:#1e2a4a;--bg-glass:rgba(24,32,57,0.72);--bg-glass-strong:rgba(24,32,57,0.88);--bg-body-gradient:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(6,182,212,0.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(16,185,129,0.03) 0%,transparent 50%);--border:rgba(255,255,255,0.08);--border-light:rgba(255,255,255,0.04);--border-glass:rgba(255,255,255,0.08);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#7c8ba0;--accent:#06b6d4;--accent-hover:#22d3ee;--accent-light:rgba(6,182,212,0.12);--accent-glow:rgba(6,182,212,0.4);--green:#10b981;--green-light:rgba(16,185,129,0.15);--green-bg:rgba(16,185,129,0.1);--yellow:#f59e0b;--yellow-text:#fbbf24;--yellow-light:rgba(245,158,11,0.15);--yellow-bg:rgba(245,158,11,0.1);--red:#ef4444;--red-light:rgba(239,68,68,0.15);--red-bg:rgba(239,68,68,0.1);--blue:#3b82f6;--blue-light:rgba(59,130,246,0.15);--blue-bg:rgba(59,130,246,0.1);--gray:#64748b;--gray-bg:rgba(100,116,139,0.15);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow:0 1px 3px 0 rgba(0,0,0,0.4),0 1px 2px -1px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -4px rgba(0,0,0,0.4);--chart-bar-max-bg:rgba(255,255,255,0.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:var(--bg-body-gradient);pointer-events:none;z-index:0}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes statusGlow{0%,to{box-shadow:0 0 4px var(--glow-color)}50%{box-shadow:0 0 12px var(--glow-color),0 0 24px var(--glow-color)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{opacity:.8;box-shadow:0 0 0 6px rgba(16,185,129,0)}}@keyframes hero-ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes hero-ping-outer{0%{transform:scale(1);opacity:.5}75%,to{transform:scale(2.5);opacity:0}}@keyframes dataRefresh{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{max-width:900px;margin:0 auto;padding:0 16px;position:relative;z-index:1}.header{padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-glass-strong);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-glass)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header{background:var(--bg-secondary)}}.header-inner{justify-content:space-between;gap:16px}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.header-logo span{color:var(--accent)}.header-left{display:flex;align-items:center;gap:12px}.header-nav,.header-right{display:flex;align-items:center;gap:16px}.header-nav a{font-size:.875rem;color:var(--text-secondary);transition:color var(--transition-fast)}.header-nav a:hover{color:var(--accent);text-decoration:none}.live-indicator{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--green)}.live-indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:livePulse 2s ease-in-out infinite}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.theme-toggle:hover{background:var(--bg-card-hover);color:var(--accent);border-color:var(--accent)}.theme-toggle-icon{width:18px;height:18px;transition:transform var(--transition-base)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(30deg) scale(1.1)}.hero-status{border-radius:var(--radius-xl);padding:32px 28px;margin:24px 0;text-align:center;position:relative;overflow:hidden;animation:fadeInScale .6s ease-out both}.hero-status.ok{background:linear-gradient(135deg,#059669,#10b981,#34d399);background-size:200% 200%}.hero-status.ok,.hero-status.warning{animation:fadeInScale .6s ease-out both,gradientShift 8s ease infinite;color:#ffffff}.hero-status.warning{background:linear-gradient(135deg,#d97706,#f59e0b,#fbbf24);background-size:200% 200%}.hero-status.down{background:linear-gradient(135deg,#dc2626,#ef4444,#f87171);background-size:200% 200%}.hero-status.down,.hero-status.maintenance{animation:fadeInScale .6s ease-out both,gradientShift 8s ease infinite;color:#ffffff}.hero-status.maintenance{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);background-size:200% 200%}.hero-status.unknown{background:linear-gradient(135deg,#6b7280,#9ca3af,#d1d5db);background-size:200% 200%;animation:fadeInScale .6s ease-out both,gradientShift 8s ease infinite;color:#ffffff}.hero-status-label{font-size:clamp(1.3rem,4vw,1.75rem);font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.2}.hero-status-icon{width:28px;height:28px;flex-shrink:0}.hero-pulse{width:14px;height:14px;border-radius:50%;display:inline-block;flex-shrink:0;position:relative}.hero-pulse.down,.hero-pulse.maintenance,.hero-pulse.ok,.hero-pulse.warning{background:rgba(255,255,255,.9)}.hero-pulse.unknown{background:rgba(255,255,255,.6)}.hero-pulse:after{top:-3px;left:-3px;right:-3px;bottom:-3px;background:rgba(255,255,255,.4);animation:hero-ping 2s cubic-bezier(0,0,.2,1) infinite}.hero-pulse:after,.hero-pulse:before{content:"";position:absolute;border-radius:50%}.hero-pulse:before{top:-6px;left:-6px;right:-6px;bottom:-6px;background:rgba(255,255,255,.2);animation:hero-ping-outer 2s cubic-bezier(0,0,.2,1) infinite;animation-delay:.3s}.hero-subtitle{font-size:.9rem;margin-top:8px;opacity:.85}.hero-metrics{display:flex;justify-content:center;gap:32px;margin-top:20px;flex-wrap:wrap}.hero-metric{display:flex;flex-direction:column;align-items:center;gap:2px}.hero-metric-value{font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.hero-metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}[data-theme=dark] .hero-metric-label{color:rgba(255,255,255,.7)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.card-glass{background:var(--bg-card)}}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;inset:-1px;border-radius:calc(var(--radius-lg) + 1px);padding:1px;background:var(--glow-gradient,linear-gradient(135deg,transparent,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.card-glow:hover:before{opacity:1}.card-glow.glow-ok{--glow-gradient:linear-gradient(135deg,var(--green-glow),transparent 60%)}.card-glow.glow-warning{--glow-gradient:linear-gradient(135deg,var(--yellow-glow),transparent 60%)}.card-glow.glow-down{--glow-gradient:linear-gradient(135deg,var(--red-glow),transparent 60%)}.card-glow.glow-maintenance{--glow-gradient:linear-gradient(135deg,var(--blue-glow),transparent 60%)}.range-selector{display:flex;justify-content:center;gap:2px;background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius);padding:3px;width:-moz-fit-content;width:fit-content;margin:20px auto;position:relative}.range-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-sans);transition:all var(--transition-fast);position:relative;z-index:1}.range-btn:hover{color:var(--text-primary)}.range-btn.active{color:var(--accent);font-weight:600}.range-btn.active,.range-slider{background:var(--bg-card);box-shadow:var(--shadow-sm)}.range-slider{position:absolute;top:3px;height:calc(100% - 6px);border-radius:6px;transition:left var(--transition-base),width var(--transition-base);z-index:0}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;transition:box-shadow var(--transition-base)}.status-dot.ok{background:var(--green)}.status-dot.warning{background:var(--yellow)}.status-dot.down{background:var(--red);--glow-color:var(--red-glow);animation:statusGlow 2s ease-in-out infinite}.status-dot.unreachable{background:var(--gray)}.status-dot.maintenance{background:var(--blue)}.status-dot.unknown{background:var(--gray)}.status-dot.lg{width:12px;height:12px}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.production-status{background:var(--bg-glass);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:20px;margin:16px 0;box-shadow:var(--shadow);animation:fadeInUp .5s ease-out both;animation-delay:.1s}.production-status-title{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.production-status{background:var(--bg-card)}}.service-list{display:flex;flex-direction:column;gap:0}.service-row{display:flex;align-items:center;justify-content:space-between;padding:14px 8px;border-bottom:1px solid var(--border-light);font-size:.9rem;border-radius:var(--radius);transition:background var(--transition-fast);animation:slideInRight .3s ease-out both}.service-row:first-child{animation-delay:.05s}.service-row:nth-child(2){animation-delay:.1s}.service-row:nth-child(3){animation-delay:.15s}.service-row:nth-child(4){animation-delay:.2s}.service-row:nth-child(5){animation-delay:.25s}.service-row:hover{background:var(--bg-card-hover)}.service-row:last-child{border-bottom:none;padding-bottom:6px}.service-row:first-child{padding-top:6px}.service-row-left{display:flex;align-items:center;gap:10px;font-weight:500;min-width:0}.service-row-info{display:flex;flex-direction:column;min-width:0}.service-row-label{line-height:1.3}.service-row-description{font-size:.75rem;font-weight:400;color:var(--text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-row-right{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.8rem}.service-response-time{color:var(--text-muted);min-width:60px;text-align:right}.service-http-code{color:var(--text-muted);min-width:32px;text-align:center}.service-status-badge{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:9999px;transition:all var(--transition-fast)}.service-status-badge.ok{background:var(--green-light);color:var(--green)}.service-status-badge.warning{background:var(--yellow-light);color:var(--yellow-text)}.service-status-badge.down{background:var(--red-light);color:var(--red)}.service-status-badge.unreachable{background:var(--gray-bg);color:var(--gray)}.service-status-badge.maintenance{background:var(--blue-light);color:var(--blue)}.service-status-badge.unknown{background:var(--gray-bg);color:var(--gray)}.service-sparkline{display:flex;align-items:center}.uptime-bar-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.uptime-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.uptime-bar-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.uptime-bar-percent{font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.uptime-bar-percent.green{color:var(--green)}.uptime-bar-percent.yellow{color:var(--yellow-text)}.uptime-bar-percent.red{color:var(--red)}.uptime-bar{display:flex;gap:2px;height:32px;border-radius:6px;position:relative}.uptime-bar-block{flex:1 1;min-width:2px;border-radius:2px;transition:all var(--transition-fast);cursor:pointer;position:relative}.uptime-bar-block:first-child{border-radius:6px 2px 2px 6px}.uptime-bar-block:last-child{border-radius:2px 6px 6px 2px}.uptime-bar-block:hover{filter:brightness(1.2);transform:scaleY(1.15)}.uptime-bar-block.ok{background:var(--green)}.uptime-bar-block.warning{background:var(--yellow)}.uptime-bar-block.down{background:var(--red)}.uptime-bar-block.maintenance{background:var(--blue)}.uptime-bar-block.unknown{background:var(--gray-bg)}.uptime-bar-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-top:6px}.service-with-bar{padding-bottom:8px;border-bottom:1px solid var(--border-light)}.service-with-bar:last-child{border-bottom:none;padding-bottom:0}.service-uptime-bar{padding:0 12px 4px}.service-uptime-bar .uptime-bar{height:18px}.service-uptime-bar .uptime-bar-labels{margin-top:2px}.uptime-bar-percent-inline{font-size:.7rem;font-weight:700;font-family:var(--font-mono)}.uptime-bar-percent-inline.green{color:var(--green)}.uptime-bar-percent-inline.yellow{color:var(--yellow-text)}.uptime-bar-percent-inline.red{color:var(--red)}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--bg-elevated);color:var(--text-primary);padding:6px 10px;border-radius:var(--radius);font-size:.7rem;white-space:nowrap;pointer-events:none;z-index:50;opacity:1;box-shadow:var(--shadow-md);border:1px solid var(--border);line-height:1.5;min-width:max-content;text-align:center}.uptime-bar-block:nth-last-child(-n+3) .tooltip{left:auto;right:0;transform:none}.uptime-bar-block:nth-child(-n+3) .tooltip{left:0;right:auto;transform:none}.chart-section{background:var(--bg-glass);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px;margin:20px 0;box-shadow:var(--shadow);animation:fadeInUp .5s ease-out both;animation-delay:.2s}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.chart-section{background:var(--bg-card)}}.chart-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.chart-section-header .section-title{margin-bottom:0}.chart-section-header .range-selector{margin:0}.range-label{font-size:.8rem;color:var(--text-muted);margin:8px 0 16px}.uptime-summary{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:20px;border-top:1px solid var(--border-light);flex-wrap:wrap;gap:16px}.uptime-summary-main{display:flex;align-items:baseline;gap:12px}.uptime-summary-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.uptime-summary-value{font-size:2rem;font-weight:800;font-family:var(--font-mono)}.uptime-summary-value.green{color:var(--green)}.uptime-summary-value.yellow{color:var(--yellow-text)}.uptime-summary-value.red{color:var(--red)}.uptime-summary-stats{display:flex;gap:24px}.uptime-summary-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.uptime-summary-stat-value{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.uptime-summary-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.response-chart-container{margin-top:8px}.response-chart-empty{height:220px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;background:var(--bg-card-hover);border-radius:var(--radius)}.response-chart-hover-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;min-height:24px;flex-wrap:wrap;gap:8px}.response-chart-hover-time{font-size:.8rem;color:var(--text-secondary)}.response-chart-hover-values{display:flex;gap:16px;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.response-chart-hover-values strong{color:var(--text-primary)}.response-chart-wrapper{display:flex;gap:0;height:220px}.response-chart-yaxis{display:flex;flex-direction:column;justify-content:space-between;padding-right:8px;font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono);min-width:48px;text-align:right}.response-chart-area{flex:1 1;position:relative;overflow:hidden;border-left:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.response-chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.response-chart-grid-line{border-bottom:1px dashed var(--border-light);height:0}.response-chart-bars{display:flex;align-items:flex-end;height:100%;gap:1px;padding:0 2px}.response-chart-bar-group{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;cursor:pointer;position:relative;min-width:3px}.response-chart-bar-group:hover .response-chart-bar-avg{filter:brightness(1.2)}.response-chart-bar-max{width:2px;background:var(--chart-bar-max-bg);border-radius:1px;position:absolute;bottom:0}.response-chart-bar-avg{width:80%;max-width:16px;min-width:3px;border-radius:2px 2px 0 0;transition:filter var(--transition-fast);position:relative;z-index:1;transform-origin:bottom;animation:barGrow .4s ease-out both}.response-chart-bar-avg.fast{background:linear-gradient(to top,#059669,var(--green))}.response-chart-bar-avg.medium{background:linear-gradient(to top,#d97706,var(--yellow))}.response-chart-bar-avg.slow{background:linear-gradient(to top,#dc2626,var(--red))}.response-chart-bar-avg.clipped{border-top:2px solid rgba(255,255,255,.6)}.response-chart-xaxis{display:flex;justify-content:space-between;padding-left:56px;font-size:.65rem;color:var(--text-muted);margin-top:6px;font-family:var(--font-mono)}.response-chart-status-bar{display:flex;gap:1px;height:6px;border-radius:3px;overflow:hidden;margin-top:8px;margin-left:56px}.response-chart-status-block{flex:1 1;min-width:2px;cursor:pointer;transition:all var(--transition-fast)}.response-chart-status-block:hover{filter:brightness(1.3)}.response-chart-status-block.fast{background:var(--green)}.response-chart-status-block.medium{background:var(--yellow)}.response-chart-status-block.slow{background:var(--red)}.response-chart-legend{display:flex;gap:16px;margin-top:12px;font-size:.75rem;color:var(--text-muted);justify-content:center}.response-chart-legend-item{display:flex;align-items:center;gap:6px}.response-chart-legend-dot{width:10px;height:10px;border-radius:2px}.response-chart-legend-dot.fast{background:var(--green)}.response-chart-legend-dot.medium{background:var(--yellow)}.response-chart-legend-dot.slow{background:var(--red)}.incident-banner{background:var(--red-bg);border:1px solid rgba(239,68,68,.2);border-left:4px solid var(--red);border-radius:var(--radius-lg);padding:14px 18px;margin:12px 0;animation:slideDown .4s ease-out both}.incident-banner.warning{background:var(--yellow-bg);border-color:rgba(245,158,11,.2);border-left-color:var(--yellow)}.incident-banner.info{background:var(--blue-bg);border-color:rgba(59,130,246,.2);border-left-color:var(--blue)}.incident-banner-title{font-weight:600;margin-bottom:4px;font-size:.9rem}.incident-banner-text{font-size:.85rem;color:var(--text-secondary)}.dev-environments{margin:24px 0;animation:fadeInUp .5s ease-out both;animation-delay:.35s}.dev-environments-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition-fast)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dev-environments-toggle{background:var(--bg-card)}}.dev-environments-toggle:hover{background:var(--bg-card-hover)}.dev-env-dots{display:flex;align-items:center;gap:12px}.dev-env-dot-label{display:flex;align-items:center;gap:6px;font-weight:400}.dev-env-arrow,.dev-env-dot-label{font-size:.8rem;color:var(--text-muted)}.dev-env-arrow{transition:transform var(--transition-base)}.dev-env-arrow.open{transform:rotate(180deg)}.dev-environments-content{max-height:0;opacity:0;overflow:hidden;transition:max-height var(--transition-slow),opacity var(--transition-base);margin-top:0}.dev-environments-content.open{max-height:2000px;opacity:1;margin-top:12px}.dev-env-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:12px;gap:12px}.env-card{background:var(--bg-glass);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.env-card{background:var(--bg-card)}}.env-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.env-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.env-card-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600}.env-card-badge{font-size:.7rem;font-weight:600;padding:2px 10px;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.env-card-badge.ok{background:var(--green-light);color:var(--green)}.env-card-badge.warning{background:var(--yellow-light);color:var(--yellow-text)}.env-card-badge.down{background:var(--red-light);color:var(--red)}.env-card-badge.maintenance{background:var(--blue-light);color:var(--blue)}.env-card-badge.unknown{background:var(--gray-bg);color:var(--gray)}.timeline{display:flex;gap:1px;margin:10px 0;height:20px;border-radius:4px;position:relative}.timeline .timeline-block:first-child{border-radius:4px 1px 1px 4px}.timeline .timeline-block:last-child{border-radius:1px 4px 4px 1px}.timeline-block{flex:1 1;min-width:1px;transition:all var(--transition-fast);cursor:pointer;position:relative}.timeline-block:hover{filter:brightness(1.2);transform:scaleY(1.3)}.timeline-block.ok{background:var(--green)}.timeline-block.warning{background:var(--yellow)}.timeline-block.down{background:var(--red)}.timeline-block.unreachable{background:var(--gray-bg)}.timeline-block.maintenance{background:var(--blue)}.timeline-block.unknown{background:var(--gray-bg)}.timeline-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-top:4px}.timeline-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--bg-elevated);color:var(--text-primary);padding:4px 8px;border-radius:var(--radius);font-size:.65rem;white-space:nowrap;pointer-events:none;z-index:50;opacity:1;box-shadow:var(--shadow-md);border:1px solid var(--border)}.stats-row{display:flex;gap:16px;margin:10px 0;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1rem;font-weight:600;font-family:var(--font-mono)}.stat-value.green{color:var(--green)}.stat-value.yellow{color:var(--yellow-text)}.stat-value.red{color:var(--red)}@keyframes votePulse{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,0)}50%{box-shadow:0 0 0 3px rgba(99,102,241,.08)}}@keyframes voteBounce{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes voteThanksFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes voteCategorySlideDown{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.voting-section{background:var(--bg-glass);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px;margin:24px 0;box-shadow:var(--shadow);animation:fadeInUp .5s ease-out both;animation-delay:.3s}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.voting-section{background:var(--bg-card)}}.voting-header{margin-bottom:20px}.vote-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.voting-title{font-size:1.15rem;font-weight:700;margin:0 0 2px}.voting-subtitle{font-size:.8rem;color:var(--text-muted);margin:0}.vote-count-badge{font-size:.75rem;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:9999px;padding:2px 10px}.vote-reactions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.vote-reaction-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 8px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;font-family:var(--font-sans);transition:all .2s ease;position:relative;overflow:hidden}.vote-reaction-btn.idle{animation:votePulse 3s ease-in-out infinite}.vote-reaction-emerald:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 16px rgba(16,185,129,.25)}.vote-reaction-green:hover{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 16px rgba(34,197,94,.25)}.vote-reaction-amber:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 16px rgba(245,158,11,.25)}.vote-reaction-red:hover{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 16px rgba(239,68,68,.25)}.vote-reaction-btn.selected{transform:scale(1.05)}.vote-reaction-emerald.selected{border-color:#10b981;background:rgba(16,185,129,.1);box-shadow:0 0 0 3px rgba(16,185,129,.2)}.vote-reaction-green.selected{border-color:#22c55e;background:rgba(34,197,94,.1);box-shadow:0 0 0 3px rgba(34,197,94,.2)}.vote-reaction-amber.selected{border-color:#f59e0b;background:rgba(245,158,11,.1);box-shadow:0 0 0 3px rgba(245,158,11,.2)}.vote-reaction-red.selected{border-color:#ef4444;background:rgba(239,68,68,.1);box-shadow:0 0 0 3px rgba(239,68,68,.2)}.vote-reaction-btn.dimmed{opacity:.5;filter:grayscale(.7);pointer-events:none;transform:none;animation:none}.vote-reaction-btn:disabled{cursor:default}.vote-reaction-emoji{font-size:1.6rem;line-height:1;display:block}.vote-reaction-emoji.bounce{animation:voteBounce .3s ease-out}.vote-reaction-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.vote-reaction-check{position:absolute;top:6px;right:8px;font-size:.75rem;font-weight:700;color:var(--green)}.vote-category-picker{animation:voteCategorySlideDown .3s ease-out both;margin-bottom:16px;text-align:center}.vote-category-picker-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.vote-category-picker-grid{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.vote-cat-btn{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-sans);transition:all var(--transition-fast)}.vote-cat-btn:hover{border-color:var(--red);color:#fff;background:var(--red)}.vote-thanks-msg{color:var(--green);font-weight:700;font-size:.95rem;text-align:center;margin-bottom:16px;animation:voteThanksFadeIn .4s ease-out both}.vote-error{color:var(--red);font-size:.85rem;margin-bottom:12px;text-align:center}.vote-smart-text{text-align:center;margin-bottom:4px}.vote-smart-text-main{font-size:.9rem;color:var(--text-secondary);margin:0 0 2px}.vote-smart-text-sub{font-size:.75rem;color:var(--text-muted);margin:0}.vote-sentiment-section{margin-top:4px;margin-bottom:12px}.vote-sentiment-bar{display:flex;height:28px;border-radius:14px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-light)}.vote-sentiment-segment{display:flex;align-items:center;justify-content:center;min-width:0;transition:width 1s ease-out;overflow:hidden}.vote-sentiment-emerald{background:#10b981}.vote-sentiment-green{background:#22c55e}.vote-sentiment-amber{background:#f59e0b}.vote-sentiment-red{background:#ef4444}.vote-sentiment-label{font-size:.7rem;font-weight:700;color:#000;text-shadow:0 0 3px rgba(255,255,255,.4);white-space:nowrap}.vote-sentiment-summary{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-align:right;margin-top:6px}.vote-sentiment-legend{display:flex;justify-content:center;gap:16px;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap;margin-bottom:8px}.vote-sentiment-legend-item{display:flex;align-items:center;gap:5px}.vote-sentiment-legend-dot{width:10px;height:10px;border-radius:2px;display:inline-block}.vote-problems-section{padding-top:12px;border-top:1px solid var(--border-light)}.vote-problems-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.vote-problems-rows{display:flex;flex-direction:column;gap:8px}.vote-problem-row{display:flex;align-items:center;gap:10px}.vote-problem-label{font-size:.78rem;font-weight:500;color:var(--text-secondary);min-width:120px;flex-shrink:0}.vote-problem-bar-track{flex:1 1;height:8px;background:var(--bg-card-hover);border-radius:4px;overflow:hidden}.vote-problem-bar-fill{height:100%;background:linear-gradient(90deg,var(--red),#f87171);border-radius:4px;transition:width .8s ease-out;min-width:4px}.vote-problem-pct{font-size:.75rem;font-weight:700;font-family:var(--font-mono);color:var(--text-muted);min-width:32px;text-align:right}.faq-section{margin:32px 0}.faq-title{font-size:1.1rem;font-weight:600;margin-bottom:12px}.faq-item{border:1px solid var(--border-glass);border-radius:var(--radius);margin-bottom:8px;overflow:hidden;background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.faq-item{background:var(--bg-card)}}.faq-question{padding:14px 16px;cursor:pointer;font-weight:500;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;background:transparent;transition:background var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;border:none;color:inherit;text-align:left;font-family:var(--font-sans);line-height:inherit}.faq-question:hover{background:var(--bg-card-hover)}.faq-arrow{transition:transform var(--transition-base);color:var(--text-muted)}.faq-arrow.open{transform:rotate(180deg)}.faq-answer{padding:0 16px;max-height:0;overflow:hidden;transition:all var(--transition-base);color:var(--text-secondary);font-size:.875rem;line-height:1.7}.faq-answer.open{padding:12px 16px;max-height:500px}.faq-answer a{color:var(--accent);font-weight:500}.incidents-list{display:flex;flex-direction:column;gap:12px;margin:24px 0}.incident-item{background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius);padding:16px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.incident-item{background:var(--bg-card)}}.incident-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.incident-item-env{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:9999px;background:var(--accent-light);color:var(--accent)}.incident-item-time{font-size:.75rem;color:var(--text-muted)}.incident-item-status{font-weight:600;margin-bottom:4px}.incident-item-messages{font-size:.875rem;color:var(--text-secondary)}.footer{border-top:1px solid var(--border-glass);padding:24px 0;margin-top:48px;text-align:center;font-size:.8rem;color:var(--text-muted)}.footer a{color:var(--text-secondary);font-weight:500}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:8px}.footer-links a{padding:4px 0}.skeleton{background:linear-gradient(90deg,var(--bg-card-hover) 25%,var(--bg-card) 50%,var(--bg-card-hover) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}.skeleton-text{height:1em;width:100%;border-radius:4px}.skeleton-bar{height:220px;width:100%}.loading-pulse{animation:pulse 2s infinite}.data-refreshing{animation:dataRefresh .8s ease-out}.last-updated{font-size:.75rem;color:var(--text-muted);text-align:center;margin:8px 0}.sparkline-svg{display:block}.animated-number{display:inline-block;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:768px){.container{padding:0 12px}.hero-status{padding:24px 16px}.hero-status-label{font-size:clamp(1.1rem,4vw,1.3rem)}.hero-metrics{gap:16px}.hero-metric-value{font-size:.95rem}.production-status{padding:14px}.service-row{padding:12px 4px}.service-sparkline{display:none}.dev-env-grid{grid-template-columns:1fr}.header-inner{flex-wrap:wrap}.vote-reactions{grid-template-columns:repeat(4,1fr);gap:6px}.vote-reaction-btn{padding:12px 4px}.vote-reaction-emoji{font-size:1.3rem}.vote-reaction-label{font-size:.7rem}.range-selector{width:100%}.range-btn{flex:1 1;padding:8px}.response-chart-wrapper{height:160px}.response-chart-yaxis{min-width:36px;font-size:.6rem}.response-chart-xaxis{padding-left:44px}.response-chart-status-bar{margin-left:44px}.chart-section-header{flex-direction:column;align-items:stretch}.uptime-summary{flex-direction:column;align-items:flex-start}.uptime-bar{height:24px}.vote-sentiment-bar{height:24px;border-radius:12px}.footer-grid{grid-template-columns:1fr;gap:20px;padding:24px 18px}.cookie-banner-content,.footer-bottom{flex-direction:column;text-align:center}.cookie-banner-content{gap:12px}.cookie-banner-buttons{width:100%;justify-content:center}.legal-content{padding:20px 16px}.legal-page{padding:20px 0 32px}}@media (max-width:480px){.env-card{padding:12px}.service-row-right{gap:8px}.hero-metrics{flex-direction:column;gap:12px}}.footer-grid{background:var(--bg-glass);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:32px 28px;margin-top:48px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:32px;gap:32px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.footer-grid{background:var(--bg-card)}}.footer-col-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);margin-bottom:12px}.footer-col p{font-size:.8rem;color:var(--text-muted);line-height:1.6;margin-bottom:8px}.footer-col-nav{display:flex;flex-direction:column;gap:8px}.footer-col-nav a{font-size:.8rem;color:var(--text-secondary);transition:color var(--transition-fast)}.footer-col-nav a:hover{color:var(--accent);text-decoration:none}.footer-bottom{border-top:1px solid var(--border-glass);margin-top:16px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--text-muted)}.footer-bottom-links{display:flex;gap:16px}.footer-bottom-links a{color:var(--text-muted);font-size:.75rem}.footer-bottom-links a:hover{color:var(--accent)}.legal-page{max-width:720px;margin:0 auto;padding:32px 0 48px}.legal-date{font-size:.8rem;color:var(--text-muted);margin-bottom:32px}.legal-content{background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.legal-content{background:var(--bg-card)}}.legal-section{margin-bottom:28px}.legal-section:last-child{margin-bottom:0}.legal-heading{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.legal-content p{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin-bottom:10px}.legal-content p:last-child{margin-bottom:0}.legal-list{list-style:none;padding:0;margin:10px 0}.legal-list li{font-size:.875rem;color:var(--text-secondary);line-height:1.7;padding-left:20px;position:relative;margin-bottom:4px}.legal-list li:before{content:"";position:absolute;left:4px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.6}.legal-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.85rem}.legal-table td,.legal-table th{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.legal-table th{font-weight:600;color:var(--text-primary);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg-glass-strong);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:1px solid var(--border-glass);padding:16px 24px;box-shadow:0 -4px 20px rgba(0,0,0,.15);animation:fadeInUp .4s ease-out both}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cookie-banner{background:var(--bg-secondary)}}.cookie-banner-content{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-banner-content p{font-size:.8rem;color:var(--text-secondary);line-height:1.5;flex:1 1}.cookie-banner-content p a{color:var(--accent);font-weight:500}.cookie-banner-buttons{display:flex;gap:8px;flex-shrink:0}.cookie-banner-btn{padding:8px 18px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-sans);transition:all var(--transition-fast)}.cookie-banner-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.cookie-banner-btn-accept{padding:8px 18px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:white;cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-sans);transition:all var(--transition-fast)}.cookie-banner-btn-accept:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.obfuscated-email{color:var(--accent);text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:3px;cursor:pointer;transition:color var(--transition-fast)}.obfuscated-email:hover{color:var(--accent-hover);-webkit-text-decoration-style:solid;text-decoration-style:solid}@media (pointer:coarse){.range-btn{min-width:44px;display:flex;align-items:center;justify-content:center}.faq-question,.range-btn,.vote-cat-btn{min-height:44px}.vote-cat-btn{display:flex;align-items:center}.vote-reaction-btn{min-height:64px}.timeline-block{min-width:4px}}