:root{font-family:system-ui;color:#edf3fa;background:#0b1220;color-scheme:dark}body{margin:0;padding:24px}main{max-width:1080px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header span,small{color:#a9b8cc}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}nav form{margin-left:auto}a{color:#6ee7b7}section{background:#162235;padding:24px;border-radius:18px;margin:20px 0}label{display:block;margin:14px 0}input,select{display:block;box-sizing:border-box;width:100%;max-width:520px;padding:12px;margin-top:8px;border-radius:8px;border:1px solid #64748b;background:#0b1220;color:#fff}button{padding:12px 18px;background:#6ee7b7;color:#082f26;border:0;border-radius:8px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}article{padding:18px;border-radius:12px;background:#0b1220}article span,article strong,article small{display:block}strong{font-size:25px;margin:10px 0}.message{padding:16px;border:1px solid #fbbf24;border-radius:8px;color:#fde68a}p{line-height:1.6}code{overflow-wrap:anywhere}.chart{position:relative;height:290px}details{margin:16px 0}@media(max-width:600px){body{padding:12px}.cards{grid-template-columns:1fr}header{display:block}section{padding:18px}}