:root{font:16px/1.6 system-ui,sans-serif;color:#123537;background:#f4f8f7}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:920px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{font-size:26px;font-weight:850;text-decoration:none}nav{display:flex;gap:12px;flex-wrap:wrap}a{color:#087b72;text-underline-offset:3px}h1{font-size:clamp(30px,5vw,42px);line-height:1.2;letter-spacing:-.04em}h2{font-size:23px}h3{font-size:19px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:750;color:#087b72}section{padding:22px;background:white;border:1px solid #dce7e4;border-radius:18px;margin:20px 0}label{display:grid;gap:8px;font-weight:600;margin:14px 0}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #b9cdca;border-radius:10px;color:inherit;background:white}button,.button{font:650 15px system-ui;padding:13px 18px;min-height:44px;border:1px solid transparent;border-radius:10px;background:#087b72;color:white;cursor:pointer;text-decoration:none;display:inline-block;margin:4px 6px 4px 0}.secondary,#modes button{background:white;color:#123537;border-color:#cbdedb}#modes button[aria-pressed=true]{background:#123537;color:white}button:disabled{opacity:.55;cursor:default}.check{display:flex;align-items:start;gap:12px;font-weight:400}.check input{width:20px;flex:none;margin-top:4px}details{padding:14px 0;border-top:1px solid #dce7e4}summary{cursor:pointer;font-weight:650;min-height:32px}article{padding:18px 0;border-top:1px solid #dce7e4}article:first-child{border:0}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}#status{padding:12px;background:#e7f2ee;border-radius:12px}#status:empty{display:none}.badge{font-size:12px;padding:5px 9px;border-radius:7px;background:#e7f2ee}.hint,small,footer{color:#58716e;font-size:14px}p{overflow-wrap:anywhere}.team-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.team-row span{min-width:0;overflow-wrap:anywhere}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #079bd0;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){main,header,footer{padding:16px}section{padding:16px}.account-heading,.team-row{align-items:start;flex-direction:column}header nav{font-size:14px}.transfer-form button,.invite-form button,#login button{width:100%}#modes{gap:6px}#modes button{flex:1;margin:0;padding:12px 8px;font-size:14px}.team-row button{margin:0}}
