*{box-sizing:border-box}body{margin:0;background:#0b2028;color:#e8f5f5;font:16px system-ui}header,main{max-width:700px;margin:auto;padding:20px}header{border-bottom:1px solid #36535d}h1{font-size:26px}h2{font-size:22px}p{line-height:1.5}button,a,input,select,textarea{font:inherit}button,.tile,a{border-radius:12px;padding:14px 18px;min-height:48px;background:#254652;color:#efffff;border:1px solid #527380;text-decoration:none;cursor:pointer}button.primary{background:#8de7d4;color:#102b35;font-weight:700}nav,.actions{display:flex;gap:8px;flex-wrap:wrap}.tiles{display:grid;gap:14px}.tile{display:block;padding:24px;text-align:left}.tile strong{display:block;font-size:22px;margin-bottom:8px}.badge{color:#ffdc91;font-size:12px;letter-spacing:2px}.card{padding:20px;border:1px solid #365966;border-radius:16px;background:#15333e;margin-bottom:14px}label{display:block;margin:16px 0}input,select,textarea{display:block;width:100%;min-width:0;background:#0d252f;color:#fff;border:1px solid #557684;border-radius:9px;padding:12px;margin-top:6px}small,.muted{color:#b3cbd2}.value{font-size:36px;color:#9aecd9}dialog{max-width:min(500px,94vw);background:#193b48;color:white;border:1px solid #638793;border-radius:18px;padding:24px}dialog::backdrop{background:#0009}dialog video{width:100%}button:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #ffdb8f;outline-offset:3px}[hidden]{display:none!important}