:root{color-scheme:dark;--blue:#086bb5;--light:#d9f2ff;--navy:#03182b;--card:#092945;--line:#2777a9;--gold:#ffca62;--green:#43d482;--red:#ff7272}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#020d17,#06223a) fixed;color:#f8fcff;font:18px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#9edcff}header{position:sticky;top:0;z-index:3;padding:18px 24px;background:#021322ee;border-bottom:2px solid var(--blue);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}header nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1300px;margin:28px auto;padding:0 20px}.card,.message{background:linear-gradient(145deg,#0c3558,#071f35);border:2px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 32px #0007}.small{max-width:560px;margin:8vh auto}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.inbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}.message.eilig{border-color:var(--red)}.message.hoch{border-color:var(--gold)}h1,h2{line-height:1.2}h1{font-size:2rem}h2{color:var(--light)}label{display:block;margin:13px 0 6px;font-weight:700}input,textarea,select,button,.btn{font:inherit;border-radius:10px}input,textarea,select{width:100%;padding:12px;margin-top:6px;background:#01101d;color:#fff;border:2px solid #458ab8}button,.btn,.pill{display:inline-block;padding:11px 17px;border:0;border-radius:11px;background:#0b78c8;color:#fff!important;font-weight:800;text-decoration:none;cursor:pointer}.pill{padding:7px 12px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.controls button{grid-column:1/-1}.reply{border-top:1px solid #326487;margin-top:17px;padding-top:10px}.meta{display:flex;justify-content:space-between;gap:10px;color:#b9dbef}.channel{text-transform:uppercase;background:#123e5e;border-radius:999px;padding:2px 9px;font-size:.78rem}.body{font-size:1.15rem;min-height:3rem;white-space:pre-wrap}.notice,.error{padding:14px;border-radius:10px}.notice{background:#125a38}.error{background:#6b2020}.diagnose div{display:flex;justify-content:space-between;border-bottom:1px solid #326487;padding:12px}.diagnose dt{font-weight:800}.diagnose dd{margin:0}@media(max-width:720px){body{font-size:17px}.inbox{grid-template-columns:1fr}.controls{grid-template-columns:1fr}header{position:static}}