:root{font-family:system-ui,sans-serif;color:#172a46;background:#f6f8fc}body{margin:0}main{max-width:820px;margin:auto;padding:32px 20px}nav,.actions{display:flex;gap:18px;flex-wrap:wrap}a{color:#254eb0}h1{font-size:clamp(28px,5vw,38px)}section,dialog{background:#fff;border:1px solid #dce3ee;border-radius:12px;padding:24px;margin:22px 0}p{line-height:1.65;overflow-wrap:anywhere}button{border:1px solid #bccbe3;border-radius:8px;padding:12px 18px;background:#edf3ff;color:#172a46;font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}.danger{color:#a61b24;border-color:#efb5bb;background:#fff4f5}input{display:block;width:100%;box-sizing:border-box;margin:10px 0 20px;padding:12px;border:1px solid #bccbe3;border-radius:8px;font:inherit}dialog{margin:auto;width:min(500px,calc(100vw - 64px));box-sizing:border-box}dialog::backdrop{background:#172a4670}footer{border-top:1px solid #dce3ee;padding-top:24px;font-size:13px;line-height:1.8;color:#61728a}[hidden]{display:none!important}@media(max-width:480px){main{padding:22px 14px}section,dialog{padding:18px}.actions button{flex:1}button{min-height:44px}footer{padding-bottom:24px}}