:root{--sentry-red: #B70100;--sentry-red-press: #930100;--slate: #737373;--ink: #1A1A1A;--body: #565656;--paper: #EBEBEB;--line: #D9D9D9;--white: #FFFFFF;--go: #1A7F37;--go-press: #15692E;--go-soft: #EAF5ED}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;font-family:Montserrat,system-ui,sans-serif}body{background:var(--white);color:var(--ink)}#root{min-height:100%}.stage{min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;justify-content:center;background:var(--white)}.phone-screen{position:relative;width:100%;max-width:430px;min-height:100vh;min-height:100dvh;background:var(--white);display:flex;flex-direction:column}.page{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;padding:4px 26px 30px;padding-bottom:max(30px,env(safe-area-inset-bottom))}.brand{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:18px 0 14px}.brand-logo{height:26px;width:auto;display:block}.content{flex:1 1 auto;display:flex;flex-direction:column}.top-block{padding-top:18px}.greet{font-size:30px;font-weight:700;color:var(--ink);margin:0 0 14px;line-height:1.15}.lede{font-size:21px;font-weight:500;color:var(--ink);margin:0 0 10px;line-height:1.35}.lede strong{font-weight:700}.quiet{font-size:16px;font-weight:400;color:var(--slate);margin:0;line-height:1.4}.gate-header{font-size:20px;font-weight:600;color:var(--body);margin:0;letter-spacing:.01em}.qr-box{display:flex;justify-content:center;padding-bottom:8px}.qr-img{width:200px;height:200px;image-rendering:pixelated;border-radius:8px}.ask{font-size:25px;font-weight:700;color:var(--ink);margin:26px 0 0}.action{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:13px}.caption{text-align:center;font-size:16px;font-weight:500;color:var(--slate);margin:2px 0 0;line-height:1.35;min-height:2.7em;display:flex;align-items:center;justify-content:center}button{font-family:inherit;cursor:pointer}.btn-gate{width:100%;min-height:var(--opening-h, 130px);border:none;border-radius:18px;font-size:30px;font-weight:700;letter-spacing:.05em;transition:transform .08s ease,background .15s ease,min-height .22s ease;display:flex;align-items:center;justify-content:center;gap:14px}.btn-gate.active{background:var(--sentry-red);color:#fff;box-shadow:0 10px 26px -6px #b7010073}.btn-gate.active:active{transform:scale(.984);background:var(--sentry-red-press)}.btn-gate.waiting{background:var(--paper);color:var(--slate);cursor:default;box-shadow:inset 0 0 0 1px var(--line)}.btn-gate.opening{background:var(--sentry-red);color:#fff;cursor:progress;font-size:22px;letter-spacing:.02em}.btn-gate.opening.stacked{flex-direction:column;gap:var(--stack-gap, 12px);min-height:var(--opening-h, 140px)}.btn-gate.opening.stacked .spinner{width:30px;height:30px;border-width:3.5px}.cap-hold{visibility:hidden}.btn{width:100%;min-height:58px;border:none;border-radius:14px;font-size:19px;font-weight:700;padding:0 18px;transition:transform .08s ease,background .15s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.btn:active{transform:scale(.985)}.btn-primary{background:var(--sentry-red);color:#fff}.btn-primary:active{background:var(--sentry-red-press)}.btn-secondary{background:#fff;color:var(--sentry-red);box-shadow:inset 0 0 0 2px var(--line)}.btn-secondary:active{background:#fafafa}.btn:disabled{opacity:.55;cursor:default;transform:none}button:focus-visible,a:focus-visible{outline:3px solid #1268d6;outline-offset:3px}.spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex:0 0 auto}.spinner.small{width:18px;height:18px;border-width:2.5px}@keyframes spin{to{transform:rotate(360deg)}}.success-wrap{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px;padding-bottom:30px}.check-circle{width:128px;height:128px;border-radius:50%;background:var(--go);display:flex;align-items:center;justify-content:center;animation:pop .4s cubic-bezier(.2,.8,.3,1.2)}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.check-circle svg{width:64px;height:64px}.check-path{stroke-dasharray:60;stroke-dashoffset:60;animation:draw .5s .2s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.success-title{font-size:30px;font-weight:700;color:var(--ink);margin:0;line-height:1.2;max-width:18ch}.err-title{font-size:26px;font-weight:700;color:var(--ink);margin:0 0 14px;line-height:1.2}.err-msg{font-size:20px;font-weight:400;color:var(--body);margin:0;line-height:1.45}.info-note{margin-top:16px;text-align:center;font-size:16px;font-weight:500;color:var(--slate);line-height:1.4}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.4s}.check-circle,.check-path{animation:none;stroke-dashoffset:0;opacity:1;transform:none}}