:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif; background:#0b0d12; color:#f5f7fb; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 75% 0%,#29204d 0,transparent 38%),#0b0d12; }
main { width:min(760px,calc(100% - 32px)); margin:0 auto; padding:56px 0 40px; }
header { display:flex; gap:20px; align-items:center; margin-bottom:28px; }
.mark { display:grid; place-items:center; width:62px; height:62px; flex:0 0 auto; border-radius:18px; background:linear-gradient(145deg,#ab9ff2,#6d5ed6); color:#100c25; font-weight:900; font-size:21px; }
.eyebrow { margin:0 0 5px; color:#ab9ff2; font-size:12px; font-weight:800; letter-spacing:.16em; }
h1 { margin:0; font-size:clamp(28px,5vw,40px); letter-spacing:-.035em; }
.lede { margin:8px 0 0; color:#aeb5c5; line-height:1.5; }
.status-card,.card { border:1px solid #292e3a; background:rgba(21,24,31,.9); box-shadow:0 18px 60px rgba(0,0,0,.28); border-radius:18px; }
.status-card { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; margin-bottom:16px; }
.status-card div { min-width:0; }
.label,label { display:block; color:#aeb5c5; font-size:13px; font-weight:650; margin:0 0 8px; }
.status-card strong { display:block; font-size:17px; }
.address { display:block; color:#8c94a5; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:ui-monospace,monospace; font-size:12px; }
.card { padding:24px; }
select,textarea { width:100%; border:1px solid #343a49; border-radius:11px; background:#0e1117; color:#f5f7fb; padding:12px 14px; font:inherit; }
select { margin-bottom:19px; }
textarea { resize:vertical; min-height:112px; margin-bottom:18px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; line-height:1.5; }
textarea:focus,select:focus,button:focus-visible { outline:3px solid rgba(171,159,242,.38); outline-offset:2px; }
.warning { display:flex; gap:6px; flex-direction:column; padding:14px; margin:2px 0 18px; border:1px solid #5b4b24; border-radius:11px; background:#241e10; color:#d8c489; font-size:13px; line-height:1.45; }
button { border:0; border-radius:11px; padding:11px 16px; background:#2d3240; color:white; font:inherit; font-weight:750; cursor:pointer; }
button:hover:not(:disabled) { filter:brightness(1.12); }
button:disabled { opacity:.42; cursor:not-allowed; }
.primary { width:100%; padding:14px; margin-bottom:20px; background:#ab9ff2; color:#110d26; }
.secondary { margin-top:-8px; margin-bottom:10px; }
#message { min-height:21px; margin:7px 0 0; color:#b7aef1; font-size:13px; }
footer { padding:20px 4px; text-align:center; color:#747c8e; font-size:12px; }
@media (max-width:560px) { main{padding-top:28px}.status-card{align-items:stretch;flex-direction:column}.status-card button{width:100%}.card{padding:18px} }