:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8eef6;background:#111922}
*{box-sizing:border-box}
body{margin:0}
header{height:74px;border-bottom:1px solid #2b3b4c;display:flex;align-items:center;justify-content:space-between;padding:0 32px}
a{color:#94c4ff;text-decoration:none}
.brand{display:flex;gap:18px;align-items:center;font-weight:650;font-size:25px}
main{max-width:1040px;margin:auto;padding:64px 32px}
#welcome{max-width:710px;margin:8vh 0}
h1{font-size:clamp(32px,5vw,57px);font-weight:550;line-height:1.1;letter-spacing:-.04em}
p{color:#9eb0c4;line-height:1.65}
#welcome p{max-width:580px;font-size:18px;margin-bottom:36px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#91bfff}
button,.button{border:1px solid #34495f;color:#e8eef6;background:#203146;border-radius:8px;padding:12px 18px;font:inherit;cursor:pointer;display:inline-block}
.primary{background:#a1cbff;color:#11273f;border-color:transparent;font-weight:600}
button:disabled{opacity:.5;cursor:wait}
textarea{width:100%;padding:17px;background:#172535;color:#e8eef6;border:1px solid #34495f;border-radius:10px;font:inherit;line-height:1.6;margin:10px 0;resize:vertical}
label{font-size:13px;color:#adbed2}
.heading{display:flex;align-items:start;justify-content:space-between;gap:25px}
.heading h1{font-size:38px}
.actions{display:flex;justify-content:flex-end;gap:10px;margin:16px 0}
nav{display:flex;gap:10px;border-bottom:1px solid #34495f;margin:20px 0}
nav button{border:0;border-radius:0;background:transparent}
nav button[aria-current]{color:#a1cbff;border-bottom:2px solid #a1cbff}
.hint{font-size:12px}
#notice{padding:14px;border:1px solid #8e7770;border-radius:8px;color:#f2d2ba;margin-bottom:20px}
.message{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;border:1px solid #2b3b4c;border-radius:10px;margin:18px 0;line-height:1.7;background:#182534}
.message.user{background:transparent}
.message strong{display:block;margin-bottom:8px;color:#a7c9ee;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
details{border-top:1px solid #2b3b4c;margin-top:40px;padding-top:22px;color:#9eb0c4;font-size:13px}
#caseList{display:flex;gap:10px;flex-wrap:wrap}
#caseDetail{margin:24px 0}
#caseDetail pre{white-space:pre-wrap;overflow-wrap:anywhere}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #a1cbff;outline-offset:4px}
[hidden]{display:none!important}
@media(max-width:600px){main{padding:34px 18px}
header{padding:0 18px}
.heading{flex-wrap:wrap}
.heading h1{font-size:30px}
.actions{flex-wrap:wrap}
.button{padding:14px}
#welcome{margin-top:30px}
}