:root{--mobile-surface: #ffffff;--mobile-surface-secondary: #f8f8f8;--mobile-border: rgb(34 39 49 / 10%);--mobile-border-strong: rgb(34 39 49 / 18%);--mobile-text: #222731;--mobile-text-muted: rgb(34 39 49 / 72%);--mobile-accent: #ffd100;--mobile-accent-strong: #e1b900;--mobile-primary-button: #222731;--mobile-primary-button-hover: #2d323b;--mobile-primary-button-active: #14171d;--mobile-success: #11845b;--mobile-error: #c93a3a;--mobile-shadow: 0 26px 60px rgb(2 24 71 / 12%);color:var(--mobile-text);background:#f4f7fd;font-family:Avenir Next,Segoe UI Variable,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:#f4f7fd}body{min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top left,rgb(255 209 0 / 48%),transparent 26rem),radial-gradient(circle at 85% 12%,rgb(3 100 226 / 15%),transparent 22rem),linear-gradient(180deg,#f4f7fd,#eef3fb 48%,#f7f8fb)}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.mobile-app{width:min(100%,600px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(2rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom));color:var(--mobile-text)}.mobile-app__header{margin-bottom:1.5rem}.mobile-app__eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 .75rem;color:var(--mobile-text);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mobile-app__eyebrow:before{content:"";display:block;width:.65rem;height:.65rem;flex-shrink:0;border-radius:50%;background:var(--mobile-accent)}.mobile-app h1{margin:0;color:var(--mobile-text);font-size:clamp(2.25rem,9vw,3.5rem);font-weight:800;line-height:.98;letter-spacing:-.07em}.mobile-app__intro{margin:1rem 0 0;color:var(--mobile-text-muted);font-size:1rem;line-height:1.55}.mobile-app__card{min-height:300px;padding:1.5rem;background:linear-gradient(180deg,#ffd1002e,#fff0 100px),var(--mobile-surface);border:1px solid var(--mobile-border);border-radius:24px;box-shadow:var(--mobile-shadow)}.mobile-app__state{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:32px;margin:0;padding:.3rem .75rem;color:var(--mobile-text);background:#ffd10047;border:1px solid rgb(225 185 0 / 45%);border-radius:999px;font-size:.82rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}.mobile-app__state--success{color:var(--mobile-success);background:#11845b1f;border-color:#11845b38}.mobile-app__state--error{color:var(--mobile-error);background:#c93a3a1f;border-color:#c93a3a38}.mobile-app__message{margin:1rem 0 1.35rem;color:var(--mobile-text-muted);font-size:.95rem;line-height:1.55;overflow-wrap:anywhere}.mobile-app__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:11px 15px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:750;line-height:1.2;text-align:center;outline:2px solid transparent;outline-offset:2px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.mobile-app__button--primary{color:#fff;background:var(--mobile-primary-button);border-color:var(--mobile-primary-button);box-shadow:0 10px 18px #2227312e}.mobile-app__button--secondary{color:var(--mobile-text);background:var(--mobile-surface);border-color:var(--mobile-border-strong)}@media(hover:hover){.mobile-app__button:hover:not(:disabled){transform:translateY(-1px)}.mobile-app__button--primary:hover:not(:disabled){background:var(--mobile-primary-button-hover);border-color:var(--mobile-primary-button-hover)}.mobile-app__button--secondary:hover:not(:disabled){background:var(--mobile-surface-secondary);border-color:var(--mobile-text)}}.mobile-app__button--primary:active:not(:disabled){background:var(--mobile-primary-button-active);border-color:var(--mobile-primary-button-active);box-shadow:0 4px 12px #22273129;transform:translateY(0)}.mobile-app__button--secondary:active:not(:disabled){background:#eee;transform:translateY(0)}.mobile-app__button:focus-visible{outline-color:#222731d9}.mobile-app__button:disabled{cursor:not-allowed;opacity:.6;transform:none}.mobile-app__confirmation{margin-top:1rem;padding:1.1rem;background:linear-gradient(135deg,#0364e20d,#ffd1001f),var(--mobile-surface);border:1px solid var(--mobile-border);border-radius:18px}.mobile-app__confirmation-title{margin:0;color:var(--mobile-text);font-size:1.25rem;font-weight:800;line-height:1.15;letter-spacing:-.04em}.mobile-app__confirmation-text{margin:.65rem 0 0;color:var(--mobile-text-muted);font-size:.94rem;line-height:1.55}.mobile-app__session{display:grid;gap:.35rem;margin:1rem 0;padding:.95rem 1rem;background:var(--mobile-surface-secondary);border:1px solid var(--mobile-border);border-radius:16px}.mobile-app__session span{color:var(--mobile-text-muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-app__session code{color:var(--mobile-text);overflow-wrap:anywhere;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;font-weight:700}.mobile-app__actions{display:grid;grid-template-columns:1fr 1.3fr;gap:.75rem}.mobile-app__loading{display:flex;justify-content:center;padding:1rem 0}.mobile-app__spinner{width:2rem;height:2rem;border:3px solid rgb(34 39 49 / 12%);border-top-color:var(--mobile-accent-strong);border-radius:50%;animation:mobile-app-spin .8s linear infinite}@keyframes mobile-app-spin{to{transform:rotate(360deg)}}.qr-scanner{overflow:hidden;border-radius:18px}.qr-scanner__camera{position:relative;min-height:260px;overflow:hidden;background:#222731;border:3px solid var(--mobile-accent);border-radius:18px}.qr-scanner__camera video{display:block;width:100%!important;height:auto!important}.qr-scanner__message,.qr-scanner__error{margin:1rem 0 0;font-size:.9rem;line-height:1.55;text-align:center;overflow-wrap:anywhere}.qr-scanner__message{color:var(--mobile-text-muted)}.qr-scanner__error{padding:.85rem;color:var(--mobile-error);background:#c93a3a14;border:1px solid rgb(201 58 58 / 22%);border-radius:12px}.mobile-app__footer{margin:1.25rem 0 0;padding-inline:.5rem;color:var(--mobile-text-muted);font-size:.75rem;line-height:1.55;text-align:center}@media(max-width:380px){.mobile-app{padding-inline:.75rem}.mobile-app__card{padding:1rem;border-radius:20px}.mobile-app__confirmation{padding:.9rem}.mobile-app__actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.mobile-app__button{transition:none}.mobile-app__button:hover:not(:disabled){transform:none}.mobile-app__spinner{animation-duration:1.6s}}