*{box-sizing:border-box}body{margin:0;font:16px/1.8 sans-serif;background:#f0f3f0;color:#111}button,input,select{font:inherit}button{cursor:pointer;padding:9px 15px;border:1px solid #a7b8ac;border-radius:8px;background:#fff}input{width:100%;padding:12px;border:1px solid #bbc9bf;border-radius:8px;margin:8px 0 18px}#gate{max-width:480px;margin:12vh auto;padding:30px;background:white;border:1px solid #d6e2d9;border-radius:18px}h1{font-size:27px}label{display:block}form button{background:#64ffb1}.muted{color:#5d6d62;font-size:13px}header{height:60px;display:flex;justify-content:space-between;gap:12px;padding:10px 20px;background:#111;color:white}header div{display:flex;gap:8px}#identity{font-size:13px;align-self:center}iframe{display:block;width:100%;height:calc(100vh - 60px);border:0}dialog{width:min(800px,94vw);max-height:90vh;overflow:auto;border:1px solid #abc1b2;border-radius:16px;padding:25px}dialog::backdrop{background:#0009}pre{white-space:pre-wrap;word-break:break-word;background:#f5f5f5;padding:15px}.member{padding:15px;border-bottom:1px solid #ddd}.member button{margin-left:10px}#notice{white-space:pre-line}@media(max-width:600px){#gate{margin:30px 14px}header{height:auto;flex-wrap:wrap}iframe{height:85vh}}