:root{font-family:system-ui,sans-serif;color:#1f2530;background:#f5f1e9}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}header{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding:.8rem 1rem;background:#222d3e;color:white;min-width:0}header a{color:white;font-weight:700}header span{font-size:.85rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;max-width:9rem}nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:.45rem;min-width:0}nav form{margin:0}main{max-width:520px;margin:auto;padding:1rem;min-width:0}h1{font-size:1.55rem;margin:.2rem 0 1rem}form,label{display:grid;gap:.45rem;margin:.7rem 0;min-width:0}input,select,textarea,button{font:inherit;padding:.65rem;border-radius:.45rem;border:1px solid #b8b2a7;width:100%;max-width:100%;min-width:0}button{background:#176b50;color:white;border:0;font-weight:700}.secondary{background:#627083}.flash{padding:.6rem;border-radius:.4rem;overflow-wrap:anywhere}.error{background:#ffded9}.info{background:#dceefa}.badge{background:#e3ddd3;padding:.25rem .4rem;border-radius:1rem;font-size:.8rem}.finish{max-width:360px}.finish label{margin:.15rem 0}.progress{color:#52606d}article{border:1px solid #d2cbbb;border-radius:.6rem;padding:.7rem;margin:.6rem 0}article h2{font-size:1rem;margin:0}textarea{min-height:4rem}@media(max-width:360px){main{padding:.7rem}header{padding:.65rem}header span{max-width:6rem}.finish input,.finish select{padding:.45rem}}