:root{color-scheme:light;--ink:#183b32;--muted:#586c60;--line:#d7e1d2;--paper:#fff;--soft:#f1f5eb;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f4f6ef;color:var(--ink);font-size:18px;line-height:1.5}.access-shell{width:min(100% - 32px,520px);margin:32px auto;padding-bottom:max(20px,env(safe-area-inset-bottom))}.access-brand{text-align:center;margin:0 0 22px}.access-brand img{width:92px;height:auto;display:block;margin:auto}.access-brand p{font-size:15px;letter-spacing:.2em;font-weight:700;margin:13px 0 0}.access-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 12px 40px #183b3209}.access-card h1{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px}.access-card h2{font-size:21px;line-height:1.3;margin:0 0 12px}.access-intro{color:var(--muted);margin:0 0 24px}.access-card p{margin-top:0}.access-field{display:block;font-weight:700;margin:20px 0 10px}.access-card input{display:block;width:100%;min-height:58px;border:2px solid #afc0a9;border-radius:11px;padding:12px;font:inherit;background:#fff;color:var(--ink)}.access-card input:focus{outline:3px solid #5687b9;outline-offset:3px}.access-code{font-size:28px!important;letter-spacing:.22em;text-align:center}.access-button{display:flex;width:100%;min-height:58px;padding:13px 17px;align-items:center;justify-content:center;border-radius:11px;border:1px solid var(--ink);font:inherit;font-size:18px;font-weight:700;line-height:1.35;text-decoration:none;cursor:pointer;margin:20px 0 12px}.access-button.primary{background:var(--ink);color:#fff}.access-button.secondary{background:#fff;color:var(--ink)}button:disabled{opacity:.55;cursor:wait}.access-text-button{min-height:48px;padding:9px 0;color:var(--ink);border:0;background:none;font:inherit;font-size:16px;text-decoration:underline;cursor:pointer;text-align:left}.access-button:focus-visible,.access-text-button:focus-visible{outline:3px solid #5687b9;outline-offset:3px}.access-message{padding:15px 16px;border-radius:11px;background:#fff4d7;border:1px solid #e1c48a;margin:18px 0;line-height:1.5;font-size:17px;overflow-wrap:anywhere}.access-status{color:var(--muted);font-size:17px}.access-hint{font-size:16px;color:var(--muted);line-height:1.5}.access-setup{padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:17px;margin:20px 0}.access-setup p:last-child{margin-bottom:0}.access-code-actions{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.access-footer{text-align:center;font-size:14px;color:var(--muted);margin-top:22px}.access-footer p{margin:4px 0}[hidden]{display:none!important}@media(max-width:480px){.access-shell{width:min(100% - 24px,520px);margin:22px auto}.access-card{padding:23px 20px}.access-card h1{font-size:26px}.access-brand img{width:78px}.access-intro{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}