:root{color-scheme:light;--bg:#f5fbff;--text:#102532;--muted:#6d818e;--blue:#42b7ef;--green:#21ad78;--yellow:#d99a17;--orange:#e98148;--red:#d94d59;--purple:#8068ce;--line:rgba(85,145,180,.18)}
*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:linear-gradient(#f9fdff,#f4faff 55%,#fbfdff);overflow-x:hidden}.wrap{position:relative;z-index:1;width:min(980px,calc(100% - 32px));margin:auto}.glow{position:fixed;border-radius:50%;filter:blur(8px);pointer-events:none}.g1{width:430px;height:430px;right:-140px;top:-140px;background:radial-gradient(circle,rgba(70,187,242,.25),transparent 70%)}.g2{width:350px;height:350px;left:-150px;top:420px;background:radial-gradient(circle,rgba(120,200,255,.17),transparent 70%)}
header{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;color:inherit;text-decoration:none}.brand-logo{display:block;width:210px;max-width:52vw;height:auto;mix-blend-mode:multiply}.live{font-size:11px;letter-spacing:.14em;color:#607985;font-weight:850;display:flex;gap:7px;align-items:center}.live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(33,173,120,.12)}
.card,.service{background:rgba(255,255,255,.78);border:1px solid var(--line);box-shadow:0 14px 45px rgba(49,112,149,.09);backdrop-filter:blur(20px)}.hero{min-height:190px;border-radius:28px;padding:34px 38px;display:flex;align-items:center;gap:24px}.hero-icon{width:66px;height:66px;flex:0 0 66px;border-radius:21px;display:grid;place-items:center;color:white;font-size:31px;font-weight:900;background:linear-gradient(145deg,#6bd0f8,#34a5e5);box-shadow:0 14px 32px rgba(52,165,229,.25)}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.17em;color:#168cc8;font-weight:900}.hero h1{margin:0;font-size:clamp(25px,4vw,38px);letter-spacing:-.045em}.hero p:last-child{margin:11px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.warning{margin-top:16px;padding:15px 18px;border-radius:17px;background:rgba(255,248,224,.86);color:#785813;border-color:rgba(217,154,23,.26);font-size:13px;line-height:1.7}.hidden{display:none!important}
.section{margin-top:42px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2{margin:0;font-size:21px;letter-spacing:-.03em}.section-head>span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service{min-height:127px;border-radius:20px;padding:20px 21px;display:flex;flex-direction:column;justify-content:space-between}.service-top{display:flex;justify-content:space-between;gap:15px}.name{font-size:17px;font-weight:850;letter-spacing:-.025em}.desc{font-size:12px;line-height:1.55;color:var(--muted);margin-top:6px}.pill{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.operational{color:#16855c;background:rgba(33,173,120,.1)}.busy{color:#9b7011;background:rgba(217,154,23,.12)}.maintenance{color:#956027;background:rgba(233,129,72,.12)}.outage{color:#b03d47;background:rgba(217,77,89,.11)}.building{color:#664caf;background:rgba(128,104,206,.11)}.unknown{color:#667985;background:rgba(102,121,133,.11)}.foot{font-size:11px;color:#8ca0ac}.notices{display:grid;gap:12px}.notice,.empty{border-radius:20px;padding:20px 22px}.notice{background:rgba(255,255,255,.78);border:1px solid var(--line);box-shadow:0 8px 28px rgba(49,112,149,.07)}.notice-type{font-size:10px;letter-spacing:.12em;color:#168cc8;font-weight:900;margin-bottom:7px}.notice h3{margin:0;font-size:16px}.notice p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.notice time{display:block;margin-top:10px;color:#8ca0ac;font-size:11px}.empty{color:var(--muted);font-size:13px}.skeleton{height:127px;border-radius:20px;background:linear-gradient(100deg,rgba(220,235,244,.55) 20%,rgba(247,251,253,.95) 45%,rgba(220,235,244,.55) 70%);background-size:220% 100%;animation:s 1.4s infinite}@keyframes s{to{background-position-x:-220%}}footer{min-height:110px;display:flex;justify-content:center;align-items:center;gap:8px;color:#8da0ab;font-size:11px}
@media(max-width:680px){.wrap{width:min(100% - 24px,980px)}header{height:72px}.brand-logo{width:176px;max-width:60vw}.hero{padding:25px 21px;border-radius:24px;align-items:flex-start}.hero-icon{width:54px;height:54px;flex-basis:54px;border-radius:17px;font-size:25px}.hero h1{font-size:25px}.grid{grid-template-columns:1fr}.section{margin-top:34px}.section-head{align-items:flex-start;flex-direction:column;gap:7px}}