:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#10191c;color:#eef4ef;font:16px system-ui}main.access{max-width:470px;margin:8vh auto;padding:30px;border:1px solid #415956;border-radius:18px;background:#172626}h1{font-size:28px}label{display:block;margin-top:20px}input{display:block;width:100%;padding:13px;margin:8px 0;border:1px solid #78938b;border-radius:8px;background:#10191c;color:inherit;font:inherit}button{padding:12px 18px;margin:15px 0;cursor:pointer;border:0;border-radius:8px;background:#c7e3b0;color:#15211a;font:inherit}p{line-height:1.6}a{color:#c7e3b0}.error{color:#ffbcb6}.secret{overflow-wrap:anywhere;font-family:monospace}.access-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:8px 24px;background:#203732;color:#eef4ef;font:14px system-ui}.access-bar form,.access-bar button{margin:0}.qr{max-width:240px;background:white;padding:8px}@media(max-width:520px){main.access{margin:24px 14px;padding:22px}.access-bar{padding:10px;flex-wrap:wrap}}