:root{font:16px/1.6 system-ui,sans-serif;color:#202a38;background:#f4f6fa}body{margin:0}header,main,footer{box-sizing:border-box;max-width:980px;margin:auto;padding:24px}header{padding-top:40px}h1{font-size:2.1rem;line-height:1.2}h2,h3{line-height:1.3}section,article{box-sizing:border-box;min-width:0;max-width:100%;background:white;padding:22px;border:1px solid #ccd5e0;border-radius:10px;margin:20px 0}section section{padding:16px}form{display:grid;gap:10px;min-width:0;max-width:680px}details{min-width:0;max-width:100%}pre{box-sizing:border-box;min-width:0;max-width:100%;overflow:auto;white-space:pre}input,textarea,select,button{font:inherit;box-sizing:border-box;max-width:100%;border:1px solid #8d9aad;border-radius:6px;padding:10px}textarea{min-height:130px}button{color:white;background:#234ec0;cursor:pointer;width:fit-content;min-height:44px;margin-top:8px}button:disabled{cursor:default;opacity:.6}label{font-weight:600}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,pre:focus-visible{outline:3px solid #bd7910;outline-offset:3px}.check{display:flex;align-items:center;gap:10px}.auth-choice,.empty-state{display:grid;gap:8px;border-style:dashed;background:#f7f9ff}.auth-choice>*,.empty-state>*{margin:0}.auth-choice button,.empty-state button{margin-top:6px}#feedback,#firebase-feedback{overflow-wrap:anywhere;white-space:pre-wrap}#invite-result{overflow-wrap:anywhere}footer{font-size:.9rem;color:#45556b}[hidden]{display:none!important}@media(max-width:600px){header,main,footer{padding:16px}section,article{padding:14px}.auth-choice button,.empty-state button{width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}}