.access-shell{max-width:480px;margin:0 auto;padding:64px 24px 32px;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.access-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.access-brand img:first-child{width:44px;height:44px;object-fit:contain}.access-brand img:last-child{width:155px;height:auto}.access-panel{padding:30px;background:var(--surface);border-radius:16px}.access-panel h1{font-size:28px;line-height:34px}.access-intro{font-size:14px;line-height:22px;color:var(--muted);margin-top:10px}.access-panel h2{font-size:18px;line-height:26px;margin-top:28px}.access-panel form{margin-top:24px}.access-panel .form-field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.access-panel label span{font-size:12px;line-height:18px;color:var(--muted)}.access-panel input{min-width:0;width:100%;background:var(--canvas);color:var(--text);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:10px 12px;caret-color:var(--link)}.access-panel input::placeholder{color:var(--muted)}.access-panel .button{width:100%;margin-top:12px;min-height:44px}.access-panel .text-button{display:block;font-size:12px;margin-top:18px;line-height:20px;text-align:left}.access-panel .access-copy{font-size:14px;line-height:23px;color:var(--muted);margin:18px 0}.access-panel .access-note{font-size:12px;line-height:20px;color:var(--muted);margin-top:18px}.access-panel .access-message{font-size:12px;line-height:21px;color:var(--yellow);margin-top:16px;overflow-wrap:anywhere}.access-message:empty{margin:0}.access-footer{font-size:12px;line-height:21px;color:var(--muted);margin-top:24px}.access-qr{display:block;width:200px;height:200px;max-width:100%;background:#fff;padding:12px;border-radius:8px;margin:20px 0}.access-panel button:disabled{opacity:.55}.access-panel a.button{display:flex;justify-content:center;align-items:center;text-decoration:none}.access-panel input[inputmode=numeric]{font-size:20px;font-variant-numeric:tabular-nums}.access-panel ::selection{background:var(--selected);color:var(--text)}
@media(max-width:500px){.access-shell{padding:36px 16px 24px;justify-content:flex-start}.access-panel{padding:24px 20px}.access-brand{margin-bottom:24px}.access-panel h1{font-size:26px;line-height:32px}}