.app{max-width:920px;margin:0 auto;padding:32px 20px 64px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.brand{display:flex;flex-direction:column;gap:4px}.brand h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.brand p{margin:0;color:var(--text-muted);font-size:.95rem}.lang-toggle{display:inline-flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.lang-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600;cursor:pointer}.lang-toggle button.active{background:#24324a;color:var(--text)}.overall{margin-bottom:28px}.overall-headline{margin:0 0 8px;font-size:clamp(1.6rem,3.5vw,2.1rem);font-weight:700;letter-spacing:-.03em;line-height:1.25}.meta{color:var(--text-dim);font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px 16px}.components{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.component-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.component-title{display:flex;align-items:center;gap:10px;min-width:0}.component-title h2{margin:0;font-size:1.05rem;font-weight:600}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.uptime{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.uptime strong{color:var(--text);font-weight:600}.day-bar{display:grid;grid-template-columns:repeat(var(--day-count, 90),minmax(0,1fr));column-gap:2px;height:34px;align-items:stretch;margin-bottom:6px;overflow:visible}.day-cell{min-width:0;width:100%;border-radius:2px;border:none;padding:0;cursor:default;position:relative;overflow:visible;transition:transform .12s ease,filter .12s ease}.day-cell:hover,.day-cell:focus-visible{transform:scaleY(1.18);filter:brightness(1.15);outline:none;z-index:1}.day-bar-labels{display:flex;justify-content:space-between;color:var(--text-dim);font-size:.72rem}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0a1018;border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:8px;font-size:.72rem;width:max-content;max-width:none;white-space:nowrap;flex-shrink:0;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:5;box-shadow:var(--shadow)}.day-cell:hover .tooltip,.day-cell:focus-visible .tooltip{opacity:1}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 32px;padding:0;list-style:none;color:var(--text-muted);font-size:.82rem}.legend li{display:inline-flex;align-items:center;gap:7px}.legend-swatch{width:10px;height:10px;border-radius:2px}.section-title{margin:0 0 14px;font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.incidents{display:flex;flex-direction:column;gap:14px}.incident{padding:16px 18px}.incident-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:8px}.incident-head h3{margin:0;font-size:1rem;font-weight:600}.incident-meta{color:var(--text-dim);font-size:.8rem}.incident-affected{margin:0 0 12px;color:var(--text-muted);font-size:.85rem}.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:12px}.timeline li{padding-left:14px;position:relative}.timeline li:before{content:"";position:absolute;left:-5px;top:7px;width:8px;height:8px;border-radius:50%;background:#3b82f6;border:2px solid var(--bg-card)}.timeline-status{font-size:.78rem;font-weight:700;text-transform:none;color:var(--accent);letter-spacing:.01em}.timeline-time{margin-left:8px;color:var(--text-dim);font-size:.75rem;font-weight:500}.timeline-body{margin:2px 0 0;color:var(--text-muted);font-size:.9rem}.empty{color:var(--text-muted);font-size:.95rem}.footer{margin-top:40px;padding-top:18px;border-top:1px solid var(--border);color:var(--text-dim);font-size:.8rem}.state-msg{padding:48px 20px;text-align:center;color:var(--text-muted)}@media (max-width: 640px){.app{padding:20px 14px 48px}.component-head{flex-direction:column;align-items:flex-start}.day-bar{height:28px}}:root{color-scheme:dark;--bg: #0b0f14;--bg-elevated: #121821;--bg-card: #151c27;--border: #243044;--text: #e8eef7;--text-muted: #8b9bb4;--text-dim: #6b7a94;--accent: #7dd3fc;--radius: 12px;--font: "Inter", "Noto Sans JP", system-ui, -apple-system, sans-serif;--shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 8px 24px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 50% -10%,#1a2740 0%,var(--bg) 55%);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}