:root{color-scheme:light dark;--bg:#fff;--text:#283044;--muted:#8490b5;--line:rgba(80,93,132,.17);--accent:#7611a6;--success:#34d058;--danger:#ef4d74;--warning:#ffc44d;--background-main:url('/assets/backgrounds/bg-main-light-1440w.jpg');--background-curves:url('/assets/backgrounds/bg-main-light.svg');--background-subtle:url('/assets/backgrounds/bg-subtle-1-light-1440w.jpg');--background-footer:url('/assets/backgrounds/bg-footer-light-1440w.jpg');--background-blend:darken;--curve-blend:overlay;--bg-scale:1;--bg-gradient-size:100%;--bg-main-pos:top center;--bg-curves-pos:top center}@media(prefers-color-scheme:dark){:root{--bg:#090b11;--text:#e3e6ee;--muted:#8490b5;--line:rgba(163,172,200,.15);--accent:#c561f6;--success:#34d058;--danger:#ef4d74;--warning:#ffc44d;--background-main:url('/assets/backgrounds/bg-main-dark-1440w.jpg');--background-curves:url('/assets/backgrounds/bg-main-dark.svg');--background-subtle:url('/assets/backgrounds/bg-subtle-1-dark-1440w.jpg');--background-footer:url('/assets/backgrounds/bg-footer-dark-1440w.jpg');--background-blend:lighten;--curve-blend:darken}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--muted);font-family:'Exo 2',system-ui,sans-serif;font-weight:200;line-height:1.5;-webkit-font-smoothing:antialiased}.page-shell{display:flex;min-height:100vh;flex-direction:column;isolation:isolate;background:var(--background-footer) bottom center/var(--bg-gradient-size) no-repeat,var(--background-subtle) center 68%/var(--bg-gradient-size) no-repeat,var(--background-curves) var(--bg-curves-pos)/var(--bg-gradient-size) no-repeat,var(--background-main) var(--bg-main-pos)/var(--bg-gradient-size) no-repeat,var(--bg);background-blend-mode:var(--background-blend),var(--background-blend),var(--curve-blend),normal,normal}.status-page,footer{width:min(100%,83rem);margin-inline:auto;padding-inline:clamp(1.5rem,6vw,5rem)}.site-header{display:flex;align-items:center;width:100%;padding:2.5rem 5rem;font-family:'Exo 2',system-ui,sans-serif;font-weight:500}.brand{display:flex;align-items:center;gap:20px;line-height:1.1;color:var(--text);text-decoration:none}.brand img{width:3.2rem;height:3.2rem;filter:drop-shadow(0 6px 12px rgba(118,17,166,.25))}.brand span{font-family:'Exo 2',sans-serif;font-size:2.2rem;font-weight:100;text-decoration:none;background:linear-gradient(to right,#3f5efb,#fc466b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% auto;animation:brand-gradient 2.5s infinite alternate;filter:brightness(1.35) saturate(1.1)}@keyframes brand-gradient{0%{background-position:0% 50%}100%{background-position:100% 50%}}.status-page{flex:1;width:min(100%,72rem);padding-top:clamp(2rem,4vw,4rem);padding-bottom:7rem}.page-heading{display:grid;gap:1.2rem;margin-bottom:clamp(4rem,8vw,7rem)}.page-heading .bilingual-lead{display:grid;gap:.2rem;margin:0;color:var(--gray-300)}.page-heading .bilingual-lead .en{color:var(--gray-100);font-size:1.06rem}.page-heading .bilingual-lead .ja{font-size:1.25rem}.kicker{margin:0 0 1.25rem;color:var(--accent);font-size:.72rem;font-weight:500;letter-spacing:.24em}.bilingual-title{display:grid;gap:.8rem;margin:0;color:var(--text);font-weight:100;line-height:1}.bilingual-title .en{font-size:clamp(2.8rem,7vw,5rem);letter-spacing:-.035em}.bilingual-title .ja{font-size:.92rem;letter-spacing:.12em}@media(min-width:50em){.page-heading .bilingual-title .ja{font-size:1.58rem}.page-heading .bilingual-lead .en{font-size:1.38rem}.page-heading .bilingual-lead .ja{font-size:1.625rem}}.status-overview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.1rem;padding-block:1.8rem;border-block:1px solid var(--line)}.overview-dot,.service-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted)}.is-operational .overview-dot,.is-up .service-dot{background:var(--success);box-shadow:0 0 12px color-mix(in srgb,var(--success),transparent 55%)}.is-maintenance .overview-dot,.service-row.is-maintenance .service-dot{background:var(--warning);box-shadow:0 0 12px color-mix(in srgb,var(--warning),transparent 55%)}.has-incident .overview-dot,.is-error .overview-dot,.is-down .service-dot{background:var(--danger)}.status-overview p{margin:0}.overview-primary{color:var(--text);font-size:1.05rem;font-weight:400}.overview-secondary{margin-top:.2rem!important;font-size:.78rem}.overview-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.status-count{color:var(--text);font-size:.72rem;font-weight:400;white-space:nowrap}.last-updated{font-size:.7rem;white-space:nowrap}.services{transition:opacity .2s ease}.services.is-initializing,.services.is-refreshing{opacity:0}.service-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:2rem;border-bottom:1px solid var(--line)}.service-identity,.service-result{display:flex;align-items:center}.service-identity{min-width:0;flex:1;gap:1.1rem}.service-identity h2{overflow:hidden;margin:0;color:var(--text);font-size:1.15rem;font-weight:300;text-overflow:ellipsis;white-space:nowrap}.service-identity>div{width:100%}.service-identity p{margin:.35rem 0 0;font-size:.72rem}.history{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.28rem;margin-top:.85rem}.history-day{height:.28rem;border-radius:999px;background:var(--success);opacity:.65;animation:none}.history-day:nth-child(7){animation:meter-random .5s steps(1,end) infinite;box-shadow:0 0 10px color-mix(in srgb,var(--success),transparent 48%),0 0 18px color-mix(in srgb,var(--success),transparent 66%)}.service-row.is-maintenance .history-day:nth-child(7){background:var(--warning);animation:maintenance-breathe 2s ease-in-out infinite;box-shadow:0 0 10px color-mix(in srgb,var(--warning),transparent 42%),0 0 18px color-mix(in srgb,var(--warning),transparent 64%)}.history-day.had-downtime{background:var(--danger);opacity:1;animation:none}.history-day.had-downtime:nth-child(7){box-shadow:0 0 10px color-mix(in srgb,var(--danger),transparent 42%),0 0 18px color-mix(in srgb,var(--danger),transparent 64%)}.history-labels{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.55rem;letter-spacing:.04em}.service-result{flex:0 0 auto;gap:clamp(1.5rem,5vw,4rem)}.status-label{min-width:5rem;color:var(--success);font-size:.72rem;font-weight:400;text-align:right}.is-down .status-label{color:var(--danger)}.service-row.is-maintenance .status-label{color:var(--warning)}.uptime{display:grid;min-width:4.5rem;color:var(--text);font-size:1rem;font-weight:300}.uptime small{font-size:.55rem;font-weight:500;letter-spacing:.14em}.service-result a{color:var(--accent);text-decoration:none}.empty-state{padding-block:3rem;border-bottom:1px solid var(--line)}.status-note{margin:1.2rem 0 0;font-size:.65rem;text-align:right}.status-note a{color:inherit;text-decoration:none}footer{padding-block:2.5rem;font-size:.8rem}footer p{margin:0}@media(max-width:50rem){.site-header{padding:1.5rem}.brand img{width:2.4rem;height:2.4rem}.brand span{font-size:1.6rem}.status-page{padding-top:2.5rem}:root{--bg-scale:1.68;--bg-gradient-size:168%;--bg-main-pos:top 0% right 100%;--bg-curves-pos:top 0% right 100%}}@media(max-width:38rem){.status-overview{grid-template-columns:auto 1fr}.overview-meta{grid-column:2;align-items:flex-start}.service-row{align-items:flex-start;flex-direction:column;gap:1.25rem}.service-identity{width:100%}.history,.history-labels{width:100%;margin-inline:auto;transform:none}.service-result{width:100%;justify-content:space-between;padding-left:1.65rem}.status-label{text-align:left}}@keyframes meter-random{0%{opacity:.7;filter:brightness(1)}7%{opacity:.22;filter:brightness(.72)}13%{opacity:.78;filter:brightness(1.05)}21%{opacity:.3;filter:brightness(.78)}29%{opacity:.82;filter:brightness(1.08)}38%{opacity:.26;filter:brightness(.7)}46%{opacity:.76;filter:brightness(1.03)}54%{opacity:.34;filter:brightness(.8)}63%{opacity:.8;filter:brightness(1.06)}72%{opacity:.24;filter:brightness(.72)}81%{opacity:.79;filter:brightness(1.04)}90%{opacity:.31;filter:brightness(.78)}100%{opacity:.73;filter:brightness(1.01)}}@keyframes maintenance-breathe{0%,100%{opacity:.35}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}.history-day{animation:none!important}}.history-wrap{position:relative}
.history-day{cursor:pointer;outline:none}
.history-day:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 25%)}
.history-tooltip{position:absolute;left:var(--tip-x,50%);bottom:calc(100% + 1.2rem);transform:translateX(-50%);z-index:8;min-width:17rem;max-width:min(30rem,calc(100vw - 4rem));padding:.9rem 1rem;border:1px solid var(--line);border-radius:.6rem;background:color-mix(in srgb,var(--bg),transparent 2%);box-shadow:0 10px 30px rgba(0,0,0,.12);color:var(--text);pointer-events:none}
.history-tooltip::after{content:'';position:absolute;left:var(--tip-x,50%);bottom:-.52rem;width:1rem;height:1rem;background:color-mix(in srgb,var(--bg),transparent 2%);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translateX(-50%) rotate(45deg)}
.history-tooltip p{margin:0}
.history-tooltip-date{font-size:.78rem;font-weight:500;letter-spacing:.02em}
.history-tooltip-detail{margin-top:.35rem;font-size:.96rem;line-height:1.35}
@media(max-width:38rem){.history-tooltip{min-width:unset;max-width:calc(100vw - 3rem);font-size:.94rem}}
.history-tooltip{top:calc(100% + 1rem);bottom:auto}
.history-tooltip::after{top:-.52rem;bottom:auto;transform:translateX(-50%) rotate(225deg)}
.history-tooltip{left:var(--tip-left,0);top:calc(100% + .7rem);bottom:auto;transform:none;max-width:min(30rem,calc(100vw - 3rem))}
.history-tooltip::after{left:var(--tip-arrow,50%);top:-.52rem;bottom:auto;transform:translateX(-50%) rotate(225deg)}
.history-tooltip-line{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.35rem}
.history-tooltip-status{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;font-size:.88rem;color:var(--muted)}
.history-tooltip-status::before{content:'';width:.5rem;height:.5rem;border-radius:50%;background:var(--muted)}
.history-tooltip-status.is-operational{color:var(--success)}
.history-tooltip-status.is-operational::before{background:var(--success);box-shadow:0 0 8px color-mix(in srgb,var(--success),transparent 55%)}
.history-tooltip-status.is-maintenance{color:var(--warning)}
.history-tooltip-status.is-maintenance::before{background:var(--warning);box-shadow:0 0 8px color-mix(in srgb,var(--warning),transparent 55%)}
.history-tooltip-status.is-completed{color:var(--muted)}
.history-tooltip-status.is-completed::before{background:color-mix(in srgb,var(--muted),transparent 25%)}
.history-tooltip-status.is-incident{color:var(--danger)}
.history-tooltip-status.is-incident::before{background:var(--danger);box-shadow:0 0 8px color-mix(in srgb,var(--danger),transparent 55%)}
@media(max-width:38rem){.history-tooltip-line{flex-direction:column;align-items:flex-start;gap:.4rem}}
:root{--status-operational:#22c55e;--status-maintenance:#d99a00;--status-degraded:#f97316;--status-outage:#ef3358;--brand-purple:#a855f7}
@media(prefers-color-scheme:dark){:root{--status-operational:#22c55e;--status-maintenance:#d99a00;--status-degraded:#f97316;--status-outage:#ef3358;--brand-purple:#c561f6}}

.history-wrap{position:relative}
.history{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.28rem;margin-top:.85rem}
.history-day{position:relative;display:block;width:100%;height:.45rem;padding:.25rem 0;border:0;border-radius:999px;background:var(--success);opacity:.72;cursor:pointer;outline:none}
.history-day .history-marker,.history-day .history-marker-count{pointer-events:none}
.history-day:nth-child(7){animation:meter-random .5s steps(1,end) infinite;box-shadow:0 0 10px color-mix(in srgb,var(--status-operational),transparent 48%),0 0 18px color-mix(in srgb,var(--status-operational),transparent 66%)}
.service-row.is-maintenance .history-day:nth-child(7){background:var(--status-maintenance);animation:maintenance-breathe 2s ease-in-out infinite;box-shadow:0 0 10px color-mix(in srgb,var(--status-maintenance),transparent 42%),0 0 18px color-mix(in srgb,var(--status-maintenance),transparent 64%)}
.history-day.had-downtime{background:var(--status-outage);opacity:1;animation:none}
.history-day.had-downtime:nth-child(7){box-shadow:0 0 10px color-mix(in srgb,var(--status-outage),transparent 42%),0 0 18px color-mix(in srgb,var(--status-outage),transparent 64%)}
.history-day:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-purple),transparent 30%)}

.history-day.has-event .history-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.48rem;height:.48rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--bg),transparent 10%);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 35%)}
.history-day.marker-maintenance .history-marker{background:var(--status-maintenance);border-radius:.1rem;transform:translate(-50%,-50%) rotate(45deg)}
.history-day.marker-degraded .history-marker{background:var(--status-degraded);clip-path:polygon(50% 0,0 100%,100% 100%);border:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 35%)}
.history-day.marker-outage .history-marker{background:var(--status-outage)}
.history-day.has-multiple .history-marker-count{position:absolute;right:-.22rem;top:-.38rem;min-width:.82rem;height:.82rem;padding:0 .15rem;border-radius:999px;background:color-mix(in srgb,var(--text),transparent 8%);color:var(--bg);font-size:.55rem;line-height:.82rem;font-weight:600;text-align:center}
.history-day:hover .history-marker,.history-day:focus-visible .history-marker,.history-day.is-active .history-marker{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--brand-purple),transparent 65%))}
.history-day.marker-maintenance:hover .history-marker,.history-day.marker-maintenance:focus-visible .history-marker,.history-day.marker-maintenance.is-active .history-marker{transform:translate(-50%,-50%) rotate(45deg) scale(1.1)}

.history-wrap.has-history-card .history-day:not(.is-active){opacity:.78}
.history-wrap.has-history-card .history-day.is-active{filter:brightness(1.08)}

.history-card{position:absolute;top:calc(100% + .95rem);z-index:9;min-width:19rem;max-width:min(33rem,calc(100vw - 3rem));padding:.75rem .85rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--line),transparent 15%);background:color-mix(in srgb,var(--bg),transparent 16%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 26px rgba(0,0,0,.14);color:var(--text)}
.history-card::before{content:'';position:absolute;top:-.4rem;left:var(--card-arrow,50%);width:.8rem;height:.8rem;border-left:1px solid color-mix(in srgb,var(--line),transparent 15%);border-top:1px solid color-mix(in srgb,var(--line),transparent 15%);background:inherit;transform:translateX(-50%) rotate(45deg)}
.history-wrap.has-history-card::before{content:'';position:absolute;left:var(--card-anchor-x,50%);top:.15rem;width:1px;height:1rem;background:color-mix(in srgb,var(--status-operational),transparent 45%)}

.history-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.history-card-date{margin:0;color:var(--text);font-size:1rem;font-weight:500;letter-spacing:.02em}
.history-card-close{display:none;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:.72rem;padding:.25rem .5rem;border-radius:999px}
.history-card-list{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.45rem}
.history-card-item{margin:0;padding:.5rem .55rem;border-radius:.65rem;border:1px solid color-mix(in srgb,var(--line),transparent 25%);background:color-mix(in srgb,var(--bg),transparent 8%)}
.history-card-title-row{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap}
.history-card-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .45rem;border-radius:999px;font-size:.63rem;font-weight:600;letter-spacing:.02em;border:1px solid color-mix(in srgb,var(--line),transparent 30%)}
.history-card-badge::before{content:'';width:.42rem;height:.42rem;border-radius:50%;background:currentColor}
.history-card-badge.is-maintenance{color:var(--status-maintenance)}
.history-card-badge.is-degraded{color:var(--status-degraded)}
.history-card-badge.is-outage{color:var(--status-outage)}
.history-card-title-text{color:var(--text);font-size:.83rem;font-weight:500}
.history-card-completion{margin-left:auto;color:var(--muted);font-size:.67rem}
.history-card-time{margin:.24rem 0 0;color:var(--text);font-size:.74rem}
.history-card-sub{margin:.18rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.35}

@media(max-width:38rem){
  .history-day{padding:.38rem 0;height:.56rem}
  .history-card{position:fixed;left:1rem!important;right:1rem;top:auto;bottom:calc(1rem + env(safe-area-inset-bottom));max-width:none;min-width:unset;padding:.8rem .9rem;border-radius:16px}
  .history-card::before{display:none}
  .history-wrap.has-history-card::before{display:none}
  .history-card-close{display:inline-flex;align-items:center;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  .history-day:hover .history-marker,.history-day:focus-visible .history-marker,.history-day.is-active .history-marker{transform:translate(-50%,-50%);filter:none}
  .history-day.marker-maintenance:hover .history-marker,.history-day.marker-maintenance:focus-visible .history-marker,.history-day.marker-maintenance.is-active .history-marker{transform:translate(-50%,-50%) rotate(45deg)}
}
.history-wrap.has-history-card::before{top:var(--card-anchor-y,.4rem);height:var(--card-connector-h,12px);background:color-mix(in srgb,var(--status-operational),transparent 20%);opacity:.9;background-image:linear-gradient(to bottom,color-mix(in srgb,var(--status-operational),transparent 0%) 50%,transparent 0);background-size:1px 6px;background-repeat:repeat-y}
.history-card{top:calc(100% + .75rem)}
.history-card::before{top:-.38rem}
/* compact history popover */
.history-day.has-multiple .history-marker-count{min-width:.72rem;height:.72rem;line-height:.72rem;font-size:.5rem;right:-.18rem;top:-.34rem;opacity:.9}
.history-card{min-width:13.75rem;max-width:17.5rem;padding:.75rem .82rem;border-radius:11px;border:1px solid color-mix(in srgb,var(--line),transparent 12%);background:color-mix(in srgb,var(--bg),transparent 5%);box-shadow:0 8px 18px rgba(0,0,0,.10);backdrop-filter:none;-webkit-backdrop-filter:none}
.history-card::before{top:-.34rem;width:.68rem;height:.68rem}
.history-wrap.has-history-card::before{width:1px;opacity:.75}
.history-card-close{display:none}
.history-card-list{display:grid;gap:.8rem;margin:0;padding:0}
.history-card-entry{display:grid;gap:.32rem}
.history-card-date{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--text)}
.history-card-line{margin:0;display:flex;align-items:center;justify-content:space-between;gap:.6rem;line-height:1.25}
.history-card-main{font-size:.76rem;color:var(--text);white-space:nowrap}
.history-card-end{display:inline-flex;align-items:center;gap:.32rem;font-size:.72rem;color:var(--muted);white-space:nowrap}
.history-card-end .dot{width:.42rem;height:.42rem;border-radius:50%;background:var(--muted)}
.history-card-end.is-operational{color:var(--muted)}
.history-card-end.is-operational .dot{background:var(--status-operational)}
.history-card-end.is-completed{color:var(--muted)}
.history-card-end.is-completed .dot{background:color-mix(in srgb,var(--muted),transparent 25%)}
.history-card-end.is-ongoing{color:var(--muted)}
.history-card-end.is-ongoing .dot{background:var(--status-maintenance)}
@media(max-width:38rem){
  .history-card{left:1rem!important;right:1rem;top:auto;bottom:calc(1rem + env(safe-area-inset-bottom));max-width:none;min-width:unset}
  .history-card-close{display:inline-flex;align-self:flex-end;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:.7rem;padding:.2rem .45rem;border-radius:999px;margin-bottom:.35rem}
}
/* compact hover popup (github/linear/figma-like) */
.history-card{min-width:13.75rem;max-width:17.5rem;padding:.72rem .82rem;border:none;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 6px 14px rgba(18,28,53,.12);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-color-scheme:dark){.history-card{background:rgba(10,14,22,.92);box-shadow:0 8px 18px rgba(0,0,0,.34)}}
.history-card-list{display:grid;gap:.78rem;margin:0;padding:0}
.history-card-entry{display:grid;gap:.14rem;margin:0;padding:0;border:0;background:none}
.history-card-date{margin:0;font-size:.76rem;font-weight:600;letter-spacing:.01em;color:var(--text)}
.history-card-type{margin:0;font-size:.78rem;font-weight:500;color:var(--text)}
.history-card-time{margin:0;font-size:.75rem;color:var(--muted)}
.history-card-end{margin:0;display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--muted)}
.history-card-end .dot{width:.36rem;height:.36rem;border-radius:50%;background:var(--status-operational)}
.history-card-end.is-operational .dot{background:var(--status-operational)}
.history-card-end.is-ongoing .dot{background:var(--status-maintenance)}
.history-card-main,.history-card-line,.history-card-badge,.history-card-title-row,.history-card-title-text,.history-card-sub,.history-card-completion{display:none!important}
.history-card-close{display:none}
@media(max-width:38rem){.history-card{left:1rem!important;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));max-width:none;min-width:unset;padding:.74rem .82rem}.history-card-close{display:inline-flex;align-self:flex-end;border:none;background:transparent;color:var(--muted);font:inherit;font-size:.68rem;padding:0;margin:0 0 .28rem auto}}
/* ultra-light summary popover */
.history-card{min-width:14rem;max-width:16.5rem;padding:.62rem .72rem;border:none;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 4px 10px rgba(24,35,64,.10)}
@media(prefers-color-scheme:dark){.history-card{background:rgba(10,14,22,.94);box-shadow:0 6px 14px rgba(0,0,0,.30)}}
.history-card-list{gap:.72rem}
.history-card-entry{gap:.08rem}
.history-card-date{font-size:.74rem;font-weight:600}
.history-card-time{display:inline-flex;align-items:center;gap:.28rem;margin:0;font-size:.72rem;color:var(--muted)}
.history-card-time .dot{width:.36rem;height:.36rem;border-radius:50%;background:var(--status-operational)}
.history-card-time.is-maintenance .dot{background:var(--status-maintenance)}
.history-card-time.is-degraded .dot{background:var(--status-degraded)}
.history-card-time.is-outage .dot{background:var(--status-outage)}
.history-card-type{margin:0;font-size:.76rem;font-weight:400;color:var(--text)}
.history-card-end{display:none!important}
.history-card-close{display:none!important}
/* marker tuning */
.history-day.has-event .history-marker{width:.4rem;height:.4rem;border:1px solid color-mix(in srgb,var(--bg),transparent 8%);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 40%);opacity:.92}
.history-day.marker-maintenance .history-marker{background:color-mix(in srgb,var(--status-maintenance),white 12%);border-radius:.08rem;transform:translate(-50%,-50%) rotate(45deg)}
.history-day.marker-maintenance:hover .history-marker,.history-day.marker-maintenance:focus-visible .history-marker,.history-day.marker-maintenance.is-active .history-marker{transform:translate(-50%,-50%) rotate(45deg) scale(1.06)}
.history-day.marker-outage .history-marker{background:color-mix(in srgb,var(--status-outage),white 6%)}
.history-day.marker-degraded .history-marker{background:color-mix(in srgb,var(--status-degraded),white 8%)}

.history-marker-count{display:none!important}
.history-day.has-multiple .history-marker-multi{position:absolute;right:-.14rem;top:-.26rem;width:.58rem;height:.34rem}
.history-day.has-multiple .history-marker-multi::before,.history-day.has-multiple .history-marker-multi::after{content:'';position:absolute;width:.3rem;height:.3rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--bg),transparent 8%);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 42%);background:color-mix(in srgb,var(--text),transparent 18%)}
.history-day.has-multiple .history-marker-multi::before{right:.18rem;top:.02rem;opacity:.72}
.history-day.has-multiple .history-marker-multi::after{right:0;top:.02rem;opacity:.92}
/* Apple-style lightweight hover summary */
.history-card{width:min(240px,calc(100vw - 2rem));max-width:240px;min-width:220px;padding:12px;border:none;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(20,30,56,.09);opacity:0;transform:scale(.98);transition:opacity 120ms ease,transform 120ms ease}
@media(prefers-color-scheme:dark){.history-card{background:rgba(10,14,22,.94);box-shadow:0 8px 20px rgba(0,0,0,.28)}}
.history-card.is-open{opacity:1;transform:scale(1)}
.history-card::before{width:.42rem;height:.42rem;top:-.22rem;border-width:1px}
.history-wrap.has-history-card::before{opacity:.72}

.history-card-date{margin:0;font-size:14px;font-weight:600;line-height:1.25;color:var(--text)}
.history-card-list{display:grid;gap:12px;margin:6px 0 0;padding:0}
.history-card-entry{display:grid;gap:2px;margin:0;padding:0;border:0;background:none}
.history-card-time{margin:0;font-size:13px;line-height:1.25;color:var(--muted);display:inline-flex;align-items:center;gap:.34rem}
.history-card-time .dot{width:.38rem;height:.38rem;border-radius:50%;background:var(--status-operational)}
.history-card-time.is-maintenance .dot{background:var(--status-maintenance)}
.history-card-time.is-degraded .dot{background:var(--status-degraded)}
.history-card-time.is-outage .dot{background:var(--status-outage)}
.history-card-type{margin:0;font-size:14px;font-weight:400;line-height:1.25;color:var(--text)}

.history-card-close,.history-card-end,.history-card-main,.history-card-line,.history-card-badge,.history-card-title-row,.history-card-title-text,.history-card-sub,.history-card-completion{display:none!important}

@media(max-width:38rem){
  .history-card{left:1rem!important;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));top:auto;max-width:none;min-width:unset}
}

@media(prefers-reduced-motion:reduce){
  .history-card{transition:none;transform:none;opacity:1}
}
/* marker cleanup: match simple popover reference */
.history-day.has-event .history-marker,
.history-day.marker-maintenance .history-marker,
.history-day.marker-degraded .history-marker,
.history-day.marker-outage .history-marker{
  width:.52rem;
  height:.52rem;
  border-radius:50%;
  clip-path:none;
  transform:translate(-50%,-50%);
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 30%);
}

.history-day.marker-maintenance .history-marker{background:var(--status-maintenance)}
.history-day.marker-degraded .history-marker{background:var(--status-degraded)}
.history-day.marker-outage .history-marker{background:var(--status-outage)}
.history-day:not(.has-event) .history-marker{display:none}

.history-day:hover .history-marker,
.history-day:focus-visible .history-marker,
.history-day.is-active .history-marker{transform:translate(-50%,-50%) scale(1.06);filter:none}

/* remove multi-event visual noise */
.history-day.has-multiple .history-marker-multi{display:none!important}

/* ===== final tuning: bar unchanged + detail on hover ===== */
.status-page .history{gap:.28rem}
.status-page .history-day{position:relative;height:.28rem;padding:0;border:0;border-radius:999px;opacity:.72;background:color-mix(in srgb,var(--success),white 12%);overflow:visible}
.status-page .history-day::after{content:'';position:absolute;left:0;right:0;top:-15px;bottom:-15px}
.status-page .history-day.had-downtime{background:var(--status-outage)}
.status-page .history-day.marker-degraded.had-downtime{opacity:.72}

/* today defaults to operational unless live row state says otherwise */
.status-page .history-day.is-today{background:color-mix(in srgb,var(--success),white 18%)!important;opacity:.66!important}
.status-page .history-day:hover,.status-page .history-day:focus-visible{opacity:1;filter:none!important}
.status-page .history-day.is-active{opacity:1;filter:none!important}
.status-page .history-day .history-marker{position:absolute;left:50%;top:50%;display:block;width:1rem;height:1rem;transform:translate(-50%,-50%);z-index:2;opacity:0;pointer-events:none;border:2px solid rgba(255,255,255,.94);border-radius:50%!important;clip-path:none!important;background:var(--status-operational);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 25%),0 0 0 10px color-mix(in srgb,var(--status-operational),transparent 82%);transition:opacity 100ms ease,transform 100ms ease}
.status-page .history-day.marker-maintenance .history-marker{background:var(--status-maintenance);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 25%),0 0 0 10px color-mix(in srgb,var(--status-maintenance),transparent 82%)}
.status-page .history-day.marker-degraded .history-marker{background:var(--status-outage);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 25%),0 0 0 10px color-mix(in srgb,var(--status-outage),transparent 82%)}
.status-page .history-day.marker-outage .history-marker{background:var(--status-outage);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 25%),0 0 0 10px color-mix(in srgb,var(--status-outage),transparent 82%)}
.status-page .history-day.had-downtime .history-marker{background:var(--status-outage)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 25%),0 0 0 10px color-mix(in srgb,var(--status-outage),transparent 82%)!important}
.status-page .history-day:hover .history-marker,
.status-page .history-day:focus-visible .history-marker,
.status-page .history-day.is-active .history-marker{opacity:1;transform:translate(-50%,-50%) scale(1.04)}
.status-page .history-day:nth-child(7){box-shadow:0 0 8px color-mix(in srgb,var(--success),transparent 50%),0 0 14px color-mix(in srgb,var(--success),transparent 70%)}
.status-page .history-day.had-downtime:nth-child(7){box-shadow:0 0 10px color-mix(in srgb,var(--status-outage),transparent 42%),0 0 18px color-mix(in srgb,var(--status-outage),transparent 64%)}

/* today LED follows live status, not historical marker */
.status-page .service-row.is-up .history-day:nth-child(7){background:color-mix(in srgb,var(--success),white 24%)!important;filter:brightness(1.1)!important;box-shadow:0 0 6px color-mix(in srgb,var(--success),transparent 58%),0 0 10px color-mix(in srgb,var(--success),transparent 78%)!important}

.status-page .service-row.is-maintenance .history-day:nth-child(7){background:var(--status-maintenance)!important;opacity:.74;animation:maintenance-soft 2s ease-in-out infinite!important;box-shadow:0 0 6px color-mix(in srgb,var(--status-maintenance),transparent 58%),0 0 10px color-mix(in srgb,var(--status-maintenance),transparent 78%)!important}
.status-page .service-row.is-down .history-day:nth-child(7){background:var(--status-outage)!important;opacity:1;animation:outage-alert 1s steps(1,end) infinite!important;box-shadow:0 0 10px color-mix(in srgb,var(--status-outage),transparent 42%),0 0 18px color-mix(in srgb,var(--status-outage),transparent 64%)!important}
@keyframes meter-soft{0%{opacity:.58;filter:brightness(.94)}8%{opacity:.58;filter:brightness(1.08)}14%{opacity:.58;filter:brightness(.9)}22%{opacity:.58;filter:brightness(1.12)}31%{opacity:.58;filter:brightness(.92)}39%{opacity:.58;filter:brightness(1.1)}48%{opacity:.58;filter:brightness(.89)}57%{opacity:.58;filter:brightness(1.13)}66%{opacity:.58;filter:brightness(.91)}75%{opacity:.58;filter:brightness(1.09)}85%{opacity:.58;filter:brightness(.93)}92%{opacity:.58;filter:brightness(1.06)}100%{opacity:.58;filter:brightness(.94)}}
@keyframes maintenance-soft{0%,100%{opacity:0}50%{opacity:.74}}
@keyframes outage-alert{0%,49%{opacity:1}50%,100%{opacity:0}}

/* keep LED blinking while marker stays steady */
.status-page .history-day:nth-child(7){--today-led-animation:meter-soft .32s steps(1,end) infinite}
.status-page .service-row:not([data-token="2w7e"]) .history-day:nth-child(7){animation-delay:var(--today-led-delay,0ms)!important}
.status-page .service-row[data-token="2w7e"].is-up .history-day:nth-child(7){animation:meter-random .5s steps(1,end) infinite!important;animation-delay:0ms!important}
.status-page .service-row.is-maintenance .history-day:nth-child(7){--today-led-animation:maintenance-soft 2s ease-in-out infinite}
.status-page .service-row.is-down .history-day:nth-child(7){--today-led-animation:outage-alert 1s steps(1,end) infinite}
.status-page .history-day:nth-child(7):hover,
.status-page .history-day:nth-child(7):focus-visible,
.status-page .history-day:nth-child(7).is-active{animation:var(--today-led-animation)!important}

/* outage時は hover/focus で赤を薄く見せない */
.status-page .service-row.is-down .history-day:nth-child(7):hover,
.status-page .service-row.is-down .history-day:nth-child(7):focus-visible,
.status-page .service-row.is-down .history-day:nth-child(7).is-active{animation:none!important;opacity:1!important;filter:none!important}

/* Keep the active-day LED fixed while the card is open so the marker remains easy to track */
.status-page .history-wrap.has-history-card .history-day.is-active{animation:none!important}
.status-page .service-row.is-up .history-wrap.has-history-card .history-day.is-active:nth-child(7){opacity:.58!important}
.status-page .service-row.is-maintenance .history-wrap.has-history-card .history-day.is-active:nth-child(7){opacity:.74!important}
.status-page .service-row.is-down .history-wrap.has-history-card .history-day.is-active:nth-child(7){opacity:1!important}

/* marker color follows LIVE LED state on today slot (7th) */
.status-page .service-row.is-up .history-day:nth-child(7) .history-marker{background:var(--status-operational)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 25%),0 0 0 10px color-mix(in srgb,var(--status-operational),transparent 82%)!important}
.status-page .service-row.is-maintenance .history-day:nth-child(7) .history-marker{background:var(--status-maintenance)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 25%),0 0 0 10px color-mix(in srgb,var(--status-maintenance),transparent 82%)!important}
.status-page .service-row.is-down .history-day:nth-child(7) .history-marker{background:var(--status-outage)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 25%),0 0 0 10px color-mix(in srgb,var(--status-outage),transparent 82%)!important}

.status-page .history-wrap.has-history-card::before{left:var(--card-anchor-x,50%);transform:translateX(-50%);top:var(--card-anchor-y,.45rem);height:var(--card-connector-h,12px);opacity:.78;background:color-mix(in srgb,var(--status-operational),transparent 22%)}
.status-page .history-wrap.has-history-card[data-active-marker="maintenance"]::before{background:color-mix(in srgb,var(--status-maintenance),transparent 22%)}
.status-page .history-wrap.has-history-card[data-active-marker="degraded"]::before{background:color-mix(in srgb,var(--status-degraded),transparent 22%)}
.status-page .history-wrap.has-history-card[data-active-marker="outage"]::before{background:color-mix(in srgb,var(--status-outage),transparent 22%)}

.status-page .history-card{width:min(500px,calc(100vw - 2rem));max-width:500px;min-width:320px;padding:8px 13px 12px;border:1px solid color-mix(in srgb,var(--line),transparent 14%);border-radius:14px;background:rgba(255,255,255,.90);backdrop-filter:blur(8px) saturate(105%);-webkit-backdrop-filter:blur(8px) saturate(105%);box-shadow:0 10px 24px rgba(18,28,53,.09),inset 0 1px 0 rgba(255,255,255,.42);top:calc(100% + .72rem);pointer-events:none}
.status-page .history-wrap.is-locked .history-card{pointer-events:auto}
@media(prefers-color-scheme:dark){.status-page .history-card{background:rgba(12,16,24,.86);box-shadow:0 10px 26px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)}}
.status-page .history-card::before{display:none}

.status-page .history-card-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem}
.status-page .history-card-date{margin:0;font-size:12px;font-weight:500;line-height:1.2;color:color-mix(in srgb,var(--text),transparent 40%);font-variant-numeric:tabular-nums}
.status-page .history-card-count{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--line),transparent 30%);background:color-mix(in srgb,var(--bg),transparent 14%);font-size:10px;line-height:1;color:color-mix(in srgb,var(--accent),white 8%);font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.status-page .history-card-list{display:grid;gap:6px;margin:6px 0 0;padding:0}
.status-page .history-card-entry{display:grid;gap:0;margin:0;padding:0;border:0;background:none}
.status-page .history-card-line{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start;gap:.5rem;min-width:0}
.status-page .history-card-left{display:grid;grid-template-columns:.82rem minmax(0,1fr);align-items:start;gap:.56rem;min-width:0}
.status-page .history-card-copy{min-width:0}
.status-page .history-card-title{margin:0;font-size:15px;font-weight:500;line-height:1.2;color:var(--text)}
.status-page .history-card-meta-line{margin:2px 0 0;display:inline-flex;align-items:center;gap:.45rem;font-size:13px;font-weight:400;line-height:1.22;color:var(--muted);font-variant-numeric:tabular-nums}
.status-page .history-card-meta-line .sep{opacity:.45}
.status-page .history-card-duration{font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text),transparent 26%)}
.status-page .history-card-status{margin:1px 0 0;font-size:11px;font-weight:500;line-height:1.2;color:color-mix(in srgb,var(--text),transparent 48%)}
.status-page .history-card-status.is-ongoing{color:color-mix(in srgb,var(--status-maintenance),black 30%)}
.status-page .history-card-event-icon{position:relative;display:block;width:.72rem;height:.72rem;margin-top:.15rem}
.status-page .history-card-event-icon.is-maintenance::before{content:'';position:absolute;inset:0;margin:auto;width:.56rem;height:.56rem;background:var(--status-maintenance);transform:rotate(45deg);border-radius:.08rem}
.status-page .history-card-event-icon.is-degraded::before{content:'';position:absolute;inset:0;margin:auto;width:.54rem;height:.54rem;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);background:var(--status-outage)!important}
.status-page .history-card-event-icon.is-outage::before{content:'';position:absolute;inset:0;margin:auto;width:.56rem;height:.56rem;border-radius:50%;background:var(--status-outage)}
.status-page .history-card-empty{margin:0;font-size:13px;line-height:1.25;color:var(--muted)}

.status-page .history-dayline-labels{position:relative;height:14px;margin:8px 0 2px;font-size:10px;color:color-mix(in srgb,var(--muted),transparent 2%);font-variant-numeric:tabular-nums}
.status-page .history-dayline-labels span{position:absolute;top:0;transform:translateX(-50%)}
.status-page .history-dayline-labels span:nth-child(1){left:0;transform:none}
.status-page .history-dayline-labels span:nth-child(2){left:25%}
.status-page .history-dayline-labels span:nth-child(3){left:50%}
.status-page .history-dayline-labels span:nth-child(4){left:75%}
.status-page .history-dayline-labels span:nth-child(5){left:100%;transform:translateX(-100%)}
.status-page .history-dayline-rail{position:relative;height:10px;margin-top:2px;margin-bottom:22px}
.status-page .history-dayline-rail::before{content:'';position:absolute;left:0;right:0;top:3px;height:1px;border-radius:999px;background:rgba(255,255,255,.36)}
.status-page .history-dayline-base{position:absolute;left:0;right:0;top:4px;height:1.5px;border-radius:999px;background:color-mix(in srgb,var(--line),transparent 34%)}
.status-page .history-dayline-progress{position:absolute;left:0;top:3px;height:3px;border-radius:999px;background:var(--status-operational)}
.status-page .history-dayline-tick{position:absolute;top:1px;width:1px;height:7px;background:color-mix(in srgb,var(--line),transparent 28%);transform:translateX(-50%)}
.status-page .history-dayline-highlight{position:absolute;top:3px;height:3px;min-width:10px;border-radius:999px;z-index:1}
.status-page .history-dayline-highlight.is-maintenance{background:color-mix(in srgb,var(--status-maintenance),#b88b42 22%)}
.status-page .history-dayline-highlight.is-degraded{background:var(--status-outage)}
.status-page .history-dayline-highlight.is-outage{background:var(--status-outage)}
.status-page .history-dayline-rail.is-today::after{content:'';position:absolute;left:var(--now-pct,100%);right:0;top:3px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--line),transparent 18%);z-index:1}
.status-page .history-dayline-now{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}
.status-page .history-dayline-now .dot{display:block;width:.86rem;height:.86rem;border-radius:50%;background:rgba(255,255,255,.96);border:2px solid color-mix(in srgb,var(--status-operational),white 20%);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 30%),0 0 8px color-mix(in srgb,var(--status-operational),transparent 64%);animation:now-soft-breathe 2.4s ease-in-out infinite}
.status-page .history-dayline-now .stem{position:absolute;left:50%;top:100%;width:1px;height:14px;transform:translateX(-50%);background:color-mix(in srgb,var(--status-operational),transparent 22%)}
@keyframes now-soft-breathe{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}
.status-page .history-dayline-now .label{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%);font-size:10px;font-weight:600;color:color-mix(in srgb,var(--text),transparent 20%);font-variant-numeric:tabular-nums;white-space:nowrap}
.status-page .history-dayline-now.is-maintenance .dot{border-color:color-mix(in srgb,var(--status-maintenance),white 20%);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 30%),0 0 10px color-mix(in srgb,var(--status-maintenance),transparent 60%)}
.status-page .history-dayline-now.is-maintenance .stem{background:color-mix(in srgb,var(--status-maintenance),transparent 20%)}
.status-page .history-dayline-now.is-maintenance .label{color:color-mix(in srgb,var(--status-maintenance),var(--text) 35%)}
.status-page .history-dayline-now.is-outage .dot{border-color:color-mix(in srgb,var(--status-outage),white 20%);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 30%),0 0 10px color-mix(in srgb,var(--status-outage),transparent 60%)}
.status-page .history-dayline-now.is-outage .stem{background:color-mix(in srgb,var(--status-outage),transparent 20%)}
.status-page .history-dayline-now.is-outage .label{color:color-mix(in srgb,var(--status-outage),var(--text) 35%)}

.status-page .history-dayline-legend,
.status-page .history-card-right,
.status-page .history-card-end,
.status-page .history-card-meta{display:none!important}

.status-page .history-card-type,
.status-page .history-card-time,
.status-page .history-card-main,
.status-page .history-card-close,
.status-page .history-marker-count,
.status-page .history-day.has-multiple .history-marker-multi{display:none!important}

@media(min-width:38.01rem){


  /* desktop: align status label with LED line */
  .status-page .service-result{position:relative;top:0}
  .status-page .status-label,
  .status-page .uptime,
  .status-page .service-result > a{position:static}
  .status-page .status-label{line-height:1;transform:none}
}

@media(max-width:38rem){
  .status-page .history-card{position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%);top:calc(100% + .72rem)!important;bottom:auto!important;width:calc(100vw - 2rem)!important;max-width:calc(100vw - 2rem)!important;min-width:unset!important;box-sizing:border-box;padding:12px}
  .status-page .history-card-date{font-size:14px}
  .status-page .history-card-title{font-size:16px}
  .status-page .history-card-meta-line{font-size:13px}
  .status-page .history-card-end{font-size:13px}

  /* mobile: align service dot with title line */
  .status-page .service-identity{align-items:flex-start}
  .status-page .service-dot{margin-top:.62rem;flex:0 0 auto}

  /* mobile: center LED row (cancel dot+gap horizontal offset) */
  .status-page .history-wrap{width:calc(100% + 1.65rem);margin-left:-1.65rem}
  .status-page .history,
  .status-page .history-labels{width:100%}
}

/* www Nav component handles its own layout/styles */
.site-header{display:block;align-items:stretch;width:100%;padding:0;font-family:inherit;font-weight:inherit}

/* Utility used by Nav/ThemeToggle copied from www */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Manual theme override (same behavior as www) */
:root.theme-light{color-scheme:light;--bg:#fff;--text:#283044;--muted:#8490b5;--line:rgba(80,93,132,.17);--accent:#7611a6;--success:#34d058;--danger:#ef4d74;--warning:#ffc44d;--background-main:url('/assets/backgrounds/bg-main-light-1440w.jpg');--background-curves:url('/assets/backgrounds/bg-main-light.svg');--background-subtle:url('/assets/backgrounds/bg-subtle-1-light-1440w.jpg');--background-footer:url('/assets/backgrounds/bg-footer-light-1440w.jpg');--background-blend:darken;--curve-blend:overlay;--status-operational:#22c55e;--status-maintenance:#d99a00;--status-degraded:#f97316;--status-outage:#ef3358;--brand-purple:#a855f7;--gray-0:#090b11;--gray-50:#141925;--gray-100:#283044;--gray-200:#3d4663;--gray-300:#505d84;--gray-400:#6474a2;--gray-500:#8490b5;--gray-600:#a3acc8;--gray-700:#c3cadb;--gray-800:#e3e6ee;--gray-900:#f3f4f7;--gray-999:#ffffff;--accent-light:#c561f6;--accent-regular:#7611a6;--accent-dark:#1c0056;--accent-overlay:hsla(280,89%,67%,.33);--accent-subtle-overlay:hsla(280,89%,67%,.33);--accent-text-over:var(--gray-999);--gradient-stroke:linear-gradient(180deg,var(--gray-900),var(--gray-700));--shadow-md:0px 28px 11px rgba(9,11,17,.01),0px 16px 10px rgba(9,11,17,.03),0px 7px 7px rgba(9,11,17,.05),0px 2px 4px rgba(9,11,17,.06);--shadow-lg:0px 62px 25px rgba(9,11,17,.01),0px 35px 21px rgba(9,11,17,.05),0px 16px 16px rgba(9,11,17,.1),0px 4px 9px rgba(9,11,17,.12);--font-brand:'Exo 2',system-ui,sans-serif;--text-sm:.875rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.625rem;--theme-transition:.2s ease-in-out}
:root.theme-dark{color-scheme:dark;--bg:#090b11;--text:#e3e6ee;--muted:#8490b5;--line:rgba(163,172,200,.15);--accent:#c561f6;--success:#34d058;--danger:#ef4d74;--warning:#ffc44d;--background-main:url('/assets/backgrounds/bg-main-dark-1440w.jpg');--background-curves:url('/assets/backgrounds/bg-main-dark.svg');--background-subtle:url('/assets/backgrounds/bg-subtle-1-dark-1440w.jpg');--background-footer:url('/assets/backgrounds/bg-footer-dark-1440w.jpg');--background-blend:lighten;--curve-blend:darken;--status-operational:#22c55e;--status-maintenance:#d99a00;--status-degraded:#f97316;--status-outage:#ef3358;--brand-purple:#c561f6;--gray-0:#ffffff;--gray-50:#f3f4f7;--gray-100:#e3e6ee;--gray-200:#c3cadb;--gray-300:#a3acc8;--gray-400:#8490b5;--gray-500:#6474a2;--gray-600:#505d84;--gray-700:#3d4663;--gray-800:#283044;--gray-900:#141925;--gray-999:#090b11;--accent-light:#1c0056;--accent-regular:#7611a6;--accent-dark:#c561f6;--accent-overlay:hsla(280,89%,67%,.33);--accent-subtle-overlay:hsla(281,81%,36%,.33);--accent-text-over:var(--gray-0);--gradient-stroke:linear-gradient(180deg,var(--gray-600),var(--gray-800));--shadow-md:0px 28px 11px rgba(255,255,255,.01),0px 16px 10px rgba(255,255,255,.03),0px 7px 7px rgba(255,255,255,.05),0px 2px 4px rgba(255,255,255,.06);--shadow-lg:0px 62px 25px rgba(255,255,255,.01),0px 35px 21px rgba(255,255,255,.05),0px 16px 16px rgba(255,255,255,.1),0px 4px 9px rgba(255,255,255,.12);--font-brand:'Exo 2',system-ui,sans-serif;--text-sm:.875rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.625rem;--theme-transition:.2s ease-in-out}

/* Theme toggle must win over prefers-color-scheme for status popover */
:root.theme-light .history-card,
:root.theme-light .status-page .history-card{background:rgba(255,255,255,.96)!important;box-shadow:0 8px 20px rgba(20,30,56,.09)!important}
:root.theme-dark .history-card,
:root.theme-dark .status-page .history-card{background:rgba(12,16,24,.9)!important;box-shadow:0 10px 26px rgba(0,0,0,.34)!important}

/* Light mode: make Today operational LED less washed out on white background */
:root.theme-light .status-page .service-row.is-up .history-day:nth-child(7){box-shadow:0 0 10px color-mix(in srgb,var(--status-operational),transparent 42%),0 0 20px color-mix(in srgb,var(--status-operational),transparent 62%)!important}
@media(prefers-color-scheme:light){:root:not(.theme-dark) .status-page .service-row.is-up .history-day:nth-child(7){box-shadow:0 0 10px color-mix(in srgb,var(--status-operational),transparent 42%),0 0 20px color-mix(in srgb,var(--status-operational),transparent 62%)!important}}

/* Events freshness indicator */
.events-freshness{font-size:.66rem;line-height:1.2;white-space:nowrap;color:var(--muted)}
.events-freshness.is-fresh{color:color-mix(in srgb,var(--status-operational),var(--text) 28%)}
.events-freshness.is-stale{color:color-mix(in srgb,var(--status-outage),var(--text) 24%)}
.status-overview.has-stale-data .overview-dot{background:var(--warning);box-shadow:0 0 12px color-mix(in srgb,var(--warning),transparent 55%)}
@media(max-width:38rem){.events-freshness{white-space:normal}}