[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:#f6f6f8;color:#202127;font:16px/1.5 system-ui,sans-serif}header,main{max-width:980px;margin:auto;padding:16px}header{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ddd}header b{align-self:center}h1{font-size:23px}h2{font-size:19px}h3{font-size:17px}button,input,select,textarea{font:inherit;min-height:44px;border-radius:10px;border:1px solid #c9cbd2;padding:9px 12px;max-width:100%}input,select,textarea{background:white;color:inherit;width:100%}header select{width:auto;max-width:40%}button{background:#345abe;color:white;border-color:transparent;cursor:pointer}button.ghost{background:transparent;color:inherit;border-color:#c9cbd2}button.danger{background:#9d2534}button:disabled{opacity:.55;cursor:wait}.bar,.actions,nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.bar h1,.bar h2{flex:1;margin:12px 0}nav{margin:16px 0}nav button[aria-selected=true]{outline:2px solid #345abe;outline-offset:2px}.card,form{background:#fff;border:1px solid #dedee5;border-radius:14px;margin:12px 0;padding:16px}form{display:grid;gap:12px}label{display:grid;gap:5px}.hint,small{color:#666b78}.hint{font-size:14px}#message:empty{display:none}#message{padding:12px;background:#fff0c8;border-radius:10px;overflow-wrap:anywhere}ul{padding-left:22px}code{font-size:17px;letter-spacing:1px}.invite{overflow-wrap:anywhere;white-space:pre-wrap;user-select:all;background:#f0f2f8;padding:12px;border-radius:10px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}textarea{min-height:90px;resize:vertical}.state{font-weight:600}.empty{padding:20px;text-align:center}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7494ee;outline-offset:2px}@media(prefers-color-scheme:dark){body{background:#15171c;color:#eceef5}header{border-color:#363a46}.card,form,input,select,textarea{background:#20232b;border-color:#454b5b}.hint,small{color:#b3b8c6}#message{background:#443b22}.invite{background:#303541}}@media(max-width:380px){header,main{padding:12px}.actions button{flex:1}header b{font-size:14px}}

input[type=checkbox]{width:24px;min-height:24px;justify-self:start}details{margin:14px 0}summary{cursor:pointer;min-height:44px;padding:8px 0}
