:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f8fa;--surface:#fff;--text:#1b1f24;--muted:#57606a;--border:#d0d7de;--accent:#0b5cad;--ok:#1a7f37;--warn:#9a6700;--err:#cf222e;--notice-bg:#fff8c5;--notice-border:#d4a72c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1117;--surface:#161b22;--text:#e6edf3;--muted:#9198a1;--border:#30363d;--accent:#4493f8;--ok:#3fb950;--warn:#d29922;--err:#f85149;--notice-bg:#2b2111;--notice-border:#9e6a03}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.env{color:#fff;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.5rem 1rem;font-size:.9375rem;display:flex}.env__label{letter-spacing:.08em}.env__version{opacity:.9;margin-left:auto;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.env--main{background:#116329}.env--uat{background:#9a4b00}.env--claude{background:#6639ba}.env--unknown{background:#a40e26}.shell{max-width:48rem;margin:0 auto;padding:1.5rem 1rem 3rem}.shell__header h1{margin:0;font-size:1.75rem}.shell__subtitle{color:var(--muted);margin:.25rem 0 0}.shell__main{gap:1rem;margin-top:1.5rem;display:grid}.notice,.status{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1rem 1.25rem}.notice{background:var(--notice-bg);border-color:var(--notice-border)}.notice h2,.status h2{margin:0 0 .5rem;font-size:1.125rem}.notice p{margin:0}.status__list{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.status__item{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.status__label{flex:auto}.status__value{font-weight:600}.status__dot{background:var(--muted);border-radius:50%;flex:none;width:.75rem;height:.75rem}.status__dot--ok{background:var(--ok)}.status__dot--unavailable{background:var(--warn)}.status__dot--error{background:var(--err)}.button{font:inherit;border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:.375rem;padding:.5rem 1rem}.button:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
