:root{font:16px system-ui,-apple-system,sans-serif;color-scheme:dark;background:#101721;color:#edf1f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(100% - 2rem,450px);padding:2rem;border:1px solid #344454;border-radius:16px;background:#172231;box-shadow:0 10px 40px #0005}h1{margin:0;color:#76d0dc}h2{font-size:1.2rem}p{color:#b7c4d0}label{display:block;margin:1rem 0}input{display:block;width:100%;padding:.7rem;margin-top:.35rem;border:1px solid #64788b;border-radius:7px;background:#0d1620;color:#fff;font:inherit}button,a#open-app{border:0;border-radius:7px;background:#14798b;color:white;padding:.7rem 1rem;font:inherit;cursor:pointer;text-decoration:none}button:hover,a#open-app:hover{background:#1c93a8}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}nav button{background:#314354}#message:not(:empty){padding:.7rem;border-radius:7px;background:#29404b;color:#f4fbff}#users{display:grid;gap:.7rem}.user{padding:.7rem;border:1px solid #4b6071;border-radius:7px}.user button{margin:.25rem .25rem 0 0;padding:.4rem .6rem}section[hidden],button[hidden],a[hidden]{display:none}
main:has(#register-panel:not([hidden])){width:min(100% - 2rem,760px)}form{display:grid;gap:.75rem}fieldset{min-width:0;margin:.4rem 0;padding:.5rem 1rem 1rem;border:1px solid #344454;border-radius:10px}legend{padding:0 .5rem;color:#76d0dc;font-weight:650}select,textarea{display:block;width:100%;padding:.7rem;margin-top:.35rem;border:1px solid #64788b;border-radius:7px;background:#0d1620;color:#fff;font:inherit}textarea{resize:vertical}input[type=checkbox]{display:inline-block;width:1.1rem;height:1.1rem;margin:.1rem .5rem 0 0;vertical-align:top;accent-color:#14798b}.terms-check{display:flex;align-items:flex-start;gap:.25rem}.terms-check input{flex:0 0 auto}.terms-check a,.privacy-draft a{color:#76d0dc}.privacy-draft{font-size:.9rem}.privacy-draft a{font-weight:650}form>button{justify-self:start}@media(max-width:600px){body{display:block}main,main:has(#register-panel:not([hidden])){width:100%;min-height:100vh;padding:1.25rem;border-radius:0;border:0}fieldset{padding:.5rem .75rem 1rem}nav button{flex:1}}
#feedback-list{display:grid;gap:.7rem}.feedback-item>p{margin:.2rem 0;color:#b7c4d0}.feedback-item .feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;color:#edf1f6}
