*{box-sizing:border-box}body{color:#1c1c1c;background:#f5f5f5;margin:0;font:18px/1.6 system-ui,sans-serif}main{max-width:850px;margin:8vh auto;padding:32px}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}nav{flex-wrap:wrap;gap:20px;margin:36px 0;display:flex}a,button{color:#1c1c1c;background:#a9f5e4;padding:12px 20px}a{text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid}button:disabled{opacity:.5;cursor:default}input,select,textarea{max-width:100%;font:inherit;color:#1c1c1c;background:#fff;border:1px solid #777;padding:10px;display:block}textarea{overflow-wrap:anywhere;width:100%;min-height:120px}label{display:block}small{overflow-wrap:anywhere;display:block}.actions,.pool-filters{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.pool-counts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:24px 0;display:grid}.pool-counts div{background:#fff;border:1px solid #ddd;padding:12px}.pool-counts dt{font-size:.85rem}.pool-counts dd{margin:0;font-size:1.6rem;font-weight:700}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{text-align:left;vertical-align:top;border-bottom:1px solid #ccc;padding:14px 8px}caption{text-align:left;font-weight:700}dialog{border:2px solid #1c1c1c;max-width:min(95vw,560px);max-height:90vh;padding:24px;overflow:auto}dialog::backdrop{background:#111a}dialog canvas{max-width:100%;height:auto;margin:0 auto;display:block}dialog canvas[hidden]{display:none}dialog button{margin:8px 8px 8px 0}.join-steps{padding-left:24px}.join-steps li{margin:14px 0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #1c1c1c}
