:root{font-family:system-ui,sans-serif;color:#193c3a;background:#f2f6f3}*{box-sizing:border-box}body{margin:0}header,main,#notice{max-width:1060px;margin:auto;padding:20px}header{display:flex;align-items:center;gap:15px;flex-wrap:wrap}h1{font-size:23px}h2{font-size:21px}section,.card{background:white;border:1px solid #d9e5dd;border-radius:14px;padding:18px;margin:14px 0}button,input,select{font:inherit}button{background:#206d60;color:white;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;margin:4px}button.secondary{background:#edf4ee;color:#193c3a}button:disabled{opacity:.5;cursor:wait}input:not([type=checkbox]):not([type=radio]),select{border:1px solid #a7c5b9;border-radius:6px;padding:9px;max-width:100%}label{display:block;margin:9px 0}label.inline{display:inline-block;margin-right:16px}.row{display:flex;gap:15px;flex-wrap:wrap}.row>*{flex:1;min-width:170px}.muted,small{color:#5c706b}#notice{position:sticky;bottom:0;background:#eef4ee;min-height:45px}svg{width:100%;height:auto;max-width:500px}.figure-button{display:block;background:white;color:inherit;border:1px solid #ddd;width:100%;padding:6px}.progress{position:sticky;top:0;z-index:2;background:#e5f2ea;padding:12px;border-radius:8px}.nav button{padding:7px 11px}.nav .active{outline:3px solid #e6b645}dialog{max-width:min(95vw,1000px);width:90vw;border:0;border-radius:12px}dialog svg{max-width:900px}pre{white-space:pre-wrap}fieldset{border:1px solid #d9e5dd;border-radius:8px}details{margin:10px 0}.error{color:#a42e28}@media(max-width:600px){header,main,#notice{padding:12px}section,.card{padding:12px}.row{display:block}button{min-height:42px}}

.pair-invite input{width:100%}.pair-invite code{overflow-wrap:anywhere}
