:root{color:#17201b;background:#dce7e2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.phoneShell{min-height:100vh;display:grid;place-items:center;padding:20px}.screen{width:min(430px,100%);min-height:min(860px,calc(100vh - 40px));display:flex;flex-direction:column;gap:16px;border:1px solid #c7d4cd;border-radius:8px;padding:16px;background:#f8faf8;box-shadow:0 20px 60px #1430221f}.header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px}.mark{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#17694a}.header strong{display:block;letter-spacing:0}.header span,.buildingBand span,.accessBand span,.instruction span{color:#617169;font-size:12px;font-weight:900;text-transform:uppercase}.iconButton{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d4ded7;border-radius:6px;color:#20352a;background:#fff}.tokenPanel{display:grid;gap:10px;padding:12px;border:1px solid #d9e2dc;border-radius:8px;background:#fff}label{display:grid;gap:6px;color:#445149;font-size:13px;font-weight:800}input{width:100%;border:1px solid #ccd9d2;border-radius:6px;padding:10px 11px}.primaryButton,.actions button,.callButton{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;padding:0 14px;color:#fff;background:#17694a;font-weight:900;text-decoration:none}.primaryButton:disabled,.actions button:disabled,.callButton[aria-disabled=true]{opacity:.45;pointer-events:none}.error{border:1px solid #ffd0ca;border-radius:6px;padding:11px 12px;color:#9b2c1f;background:#fff1ef}.buildingBand{display:grid;gap:5px;padding:14px 0;border-top:1px solid #d9e2dc;border-bottom:1px solid #d9e2dc}.buildingBand h1{margin:0;font-size:28px;line-height:1.08;letter-spacing:0}.buildingBand p{margin:0;color:#526258}.accessBand{display:grid;grid-template-columns:1fr 1fr;gap:10px}.accessBand>div{min-height:112px;display:grid;align-content:center;gap:8px;border:1px solid #d9e2dc;border-radius:8px;padding:12px;background:#fff}.accessBand strong{overflow-wrap:anywhere;font-size:19px}.accessBand .code{font-size:34px;letter-spacing:0}.actions{display:grid;grid-template-columns:1fr;gap:10px}.actions button{color:#173f31;background:#e7f1ec}.instruction{display:grid;gap:8px;margin-top:auto;border-radius:8px;padding:14px;background:#edf5f0}.instruction p{margin:0;font-size:17px;line-height:1.45}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.phoneShell{padding:0}.screen{min-height:100vh;border:0;border-radius:0}.accessBand{grid-template-columns:1fr}}