.sna-login{margin:0;min-height:100svh;display:grid;place-items:center;box-sizing:border-box;padding:32px 20px;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.sna-card{box-sizing:border-box;width:min(100%,430px);padding:40px;background:#fff;border:1px solid #e5e5ea;border-radius:20px;box-shadow:0 8px 32px #1d1d1f08}
.sna-mark{display:block;width:64px;height:64px;object-fit:contain;margin:0 auto 20px}.sna-card h1{font-size:25px;font-weight:600;letter-spacing:-.02em;text-align:center;margin:0 0 28px}
.sna-card label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}.sna-card input:not([type=hidden]){width:100%;box-sizing:border-box;border:1px solid #d8d8dc;border-radius:10px;background:#fff;padding:13px 14px;font:inherit;color:inherit;min-height:46px}.sna-card input:focus-visible{outline:3px solid #007aff33;outline-offset:2px;border-color:#007aff}.sna-card button{width:100%;margin-top:26px;padding:14px;border:0;border-radius:10px;background:#007aff;color:#fff;font:inherit;font-weight:600;cursor:pointer}.sna-card button:hover{background:#0066d6}.sna-card button:focus-visible{outline:3px solid #007aff66;outline-offset:3px}.sna-logout:focus-visible{outline:3px solid #9ba4ff;outline-offset:3px}.sna-error{padding:12px;border-radius:10px;background:#fff1f0;color:#a32e30;font-size:13px}
.sna-logout{position:fixed;right:18px;bottom:18px;z-index:1000;padding:9px 15px;border:1px solid #dce1ec;border-radius:999px;background:#fff;color:#404b66;box-shadow:0 3px 12px #24335212;font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.sna-logout:disabled{opacity:.65;cursor:wait}@media(max-width:480px){.sna-card{padding:28px 24px}.sna-card h1{font-size:25px}}