:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263b36;background:#f7f9f8;font-synthesis:none;--line:#dfe6e2;--green:#3e735a;--amber:#8d6224;--red:#af4845;--gray:#79837f}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #477fa4;outline-offset:4px}.site-header,main,footer{width:min(100% - 64px,960px);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;height:88px;border-bottom:1px solid var(--line)}.site-header img{display:block;object-fit:contain;object-position:left center}.app-link{font-size:14px;font-weight:600;text-decoration:none;padding:14px 0 14px 18px}.app-link span{margin-left:10px}.intro{padding:32px 0 20px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.17em;color:#587468}h1{font-size:40px;font-weight:650;letter-spacing:-.045em;line-height:1.1;margin:16px 0 14px}.intro p{margin:0;color:#65756e;font-size:16px;line-height:1.6}.update-line{display:flex;gap:8px;align-items:center;margin:4px 0 16px;color:#61736a;font-size:12px}.update-line p{flex:1;margin:0;line-height:1.6}.live-dot{width:6px;height:6px;background:#80928a;border-radius:50%;flex-shrink:0}#refresh{background:transparent;border:0;min-height:44px;padding:10px 0 10px 16px;color:#425e50;font-size:12px;cursor:pointer}#refresh span{margin-left:7px;font-size:17px}#refresh:disabled{opacity:.5}.summaries{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.summary-card{position:relative;display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:16px;padding:21px 24px;text-decoration:none;background:#fff}.summary-card.operational{background:#eff6f1;border-color:#d5e4d9}.summary-card.attention{background:#fff7e9;border-color:#ecddbf}.summary-card.unavailable{background:#fff1ef;border-color:#ebd2ce}.summary-card.unknown{background:#f0f3f1}.card-label{font-size:14px;font-weight:650}.summary-card .badge{font-size:23px;font-weight:600;letter-spacing:-.025em}.summary-card small{color:#627268;font-size:12px;line-height:1.6;max-width:90%}.card-arrow{position:absolute;bottom:21px;right:23px;color:#6e8076}.badge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:600;color:var(--gray)}.badge i{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.operational{color:var(--green)}.badge.attention{color:var(--amber)}.badge.unavailable{color:var(--red)}.groups{display:grid;gap:20px}.group{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden;scroll-margin-top:24px}.group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:#fbfcfb;border-bottom:1px solid var(--line)}h2{font-size:17px;font-weight:650;margin:0;letter-spacing:-.02em}.group>header>span{font-size:11px;color:#7a867f;white-space:nowrap}.component+.component{border-top:1px solid #e9eeeb}.component summary{cursor:pointer;padding:15px 24px;list-style:none;display:grid;grid-template-columns:1fr auto;gap:6px 15px}.component summary::-webkit-details-marker{display:none}.component-title{font-size:14px;font-weight:600;line-height:1.5}.daily-hint{grid-column:1/-1;color:#718179;font-size:11px}.daily-hint>span{display:inline-block;margin-left:3px}.component[open] .daily-hint>span{transform:rotate(180deg)}.history{display:grid;grid-template-columns:repeat(90,minmax(0,1fr));gap:3px;grid-column:1/-1;height:20px;margin-top:5px}.day,.legend i{display:block;border-radius:2px;background:#dfe5e1}.day.operational,.legend i.operational{background:#70a586}.day.attention,.legend i.attention{background:#d5ab62}.day.unavailable,.legend i.unavailable{background:#d97d74}.day.partial,.legend i.partial{background-image:repeating-linear-gradient(135deg,transparent,transparent 3px,#ffffffa3 3px,#ffffffa3 5px)}.axis{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;color:#89948e;margin-top:1px}.daily-detail{border-top:1px solid #edf0ed;margin:0 24px;padding:14px 0 18px;color:#65756d;font-size:12px;line-height:1.7}.daily-detail p{margin-top:0}.daily-detail label{display:flex;align-items:center;gap:15px}.daily-detail select{padding:10px;border:1px solid #dfe6e2;border-radius:6px;max-width:100%;background:white;color:#374f42;min-height:44px;font-size:12px}.daily-detail output{display:block;margin-top:12px;overflow-wrap:anywhere}.legend{display:flex;flex-wrap:wrap;gap:13px 22px;margin-top:22px;color:#69796f;font-size:10px}.legend>span{display:flex;gap:6px;align-items:center}.legend i{width:8px;height:16px;flex-shrink:0}.explanation{font-size:11px;line-height:1.9;color:#7a887e;max-width:760px;margin:14px 0 32px}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 36px;border-top:1px solid var(--line);font-size:10px;color:#829087;line-height:1.7}.notice{padding:16px 20px;border-radius:8px;background:#edf0ee;font-size:13px;color:#54685b;line-height:1.6;margin:0 0 20px}.skip{position:absolute;left:16px;top:-90px;padding:15px;background:white;z-index:2}.skip:focus{top:12px}@media(max-width:640px){.site-header,main,footer{width:calc(100% - 36px)}.site-header{height:76px}.site-header img{width:113px}.app-link{font-size:12px}.intro{padding-top:26px}h1{font-size:33px;max-width:310px}.intro p{font-size:14px;max-width:310px}.summaries{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.summary-card{padding:17px 20px;gap:11px}.summary-card .badge{font-size:22px}.group>header{padding:15px 18px}h2{font-size:15px}.group>header>span{font-size:10px}.component summary{padding:14px 18px;gap:7px}.component-title{grid-column:1/-1;font-size:13px}.component .badge{grid-row:2;grid-column:1/-1;font-size:12px}.daily-hint{grid-row:3}.history{gap:1px;height:21px}.daily-detail{margin:0 18px}.daily-detail label{align-items:flex-start;flex-direction:column;gap:7px}.daily-detail select{width:100%}.legend{gap:12px 15px}footer{flex-direction:column;gap:5px}.update-line{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.summary-card{transition:border-color .15s,transform .15s}.summary-card:hover{transform:translateY(-2px)}}