@import "https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600;700;800;900&family=Work+Sans:wght@400;500;600;700&display=swap";:root{--color-primary:#9e001f;--color-on-primary:#fff8f8;--color-surface:#fff8f8;--color-surface-container-lowest:#fdf6f6;--color-surface-container-low:#fbf1f2;--color-surface-container-high:#f3e4e6;--color-on-surface:#1e1b1c;--color-on-surface-muted:#4a4547;--color-outline-variant:#1e1b1c26;--lof-red:var(--color-primary);--lof-red-border:#9e001f26;--lof-red-faded:#9e001f0f;--bg-app:var(--color-surface);--bg-card:var(--color-surface-container-lowest);--bg-muted:var(--color-surface-container-low);--bg-input:var(--color-surface);--bg-surface:var(--color-surface);--text-primary:var(--color-on-surface);--text-secondary:var(--color-on-surface-muted);--text-muted:#8a8586;--border-light:var(--color-outline-variant);--border-muted:#1e1b1c0f;--color-success:#2d6a4f;--color-success-bg:#2d6a4f0f;--color-warning:#b45309;--color-warning-bg:#b453090f;--color-warning-border:#b4530933;--color-danger:#9b2226;--color-danger-bg:#9b22260f;--color-info:#1b4d7a;--color-info-bg:#1b4d7a0f;--tier-bronze:#8b6914;--tier-bronze-bg:#8b69140f;--tier-silver:#5a6268;--tier-silver-bg:#5a62680f;--tier-gold:#9a7b0c;--tier-gold-bg:#9a7b0c14;--font-sans:"Epilogue", system-ui, sans-serif;--font-label:"Work Sans", system-ui, sans-serif;--font-heading:var(--font-sans);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-ambient:0 0 40px #1e1b1c0a;--shadow-card:0 1px 2px #1e1b1c08;--shadow-elevated:0 2px 12px #1e1b1c0d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--page-padding-x:20px;--page-section-gap:var(--space-md);--touch-target-min:48px;--nav-height:56px;--max-content-width:520px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;height:100%;min-height:100%;overflow-x:hidden}html{height:100svh}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}input,textarea,select,button{font-family:inherit}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.015em;font-weight:700}button{cursor:pointer}.desk-shell{background:var(--bg-app);width:100%;max-width:100%;min-height:100svh;color:var(--text-primary);flex-direction:column;display:flex;overflow-x:hidden}.desk-topbar{min-height:calc(var(--nav-height) + var(--safe-area-top));padding:var(--safe-area-top) var(--page-padding-x) 0;justify-content:space-between;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border-muted);background:var(--bg-card);display:flex}.desk-brand{letter-spacing:.03em;font-size:16px;font-weight:800}.desk-sub{font-family:var(--font-label);color:var(--text-muted);font-size:12px}.desk-topbar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.desk-operator{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.desk-main{padding:var(--space-lg) var(--page-padding-x) calc(var(--space-2xl) + var(--safe-area-bottom));flex:1;overflow:hidden auto}.page{width:100%;max-width:var(--max-content-width);gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}.page-head h1{font-size:28px;line-height:1.15}.page-head p{color:var(--text-secondary);margin-top:6px;font-size:14px}.stack{gap:var(--space-md);flex-direction:column;display:flex}.card{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:100%;padding:22px}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-family:var(--font-label);color:var(--text-secondary);font-size:13px;font-weight:600}.field-input{width:100%;min-height:var(--touch-target-min);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);letter-spacing:.04em;padding:12px 14px;font-size:20px}.field-error{color:var(--color-danger);font-size:12px}.btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min);border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:16px;font-weight:700;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-secondary{background:var(--bg-muted);color:var(--text-primary);border-color:var(--lof-red-border)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn:disabled{opacity:.65}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:var(--touch-target-min);padding:0}.text-link{color:var(--color-primary);min-height:var(--touch-target-min);text-align:left;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.sticky-action{z-index:5;gap:var(--space-sm);margin-top:var(--space-sm);padding:12px 0 calc(12px + var(--safe-area-bottom));background:linear-gradient(to top, var(--bg-app) 70%, #fff8f800);flex-direction:column;display:flex;position:sticky;bottom:0}.banner{border-radius:var(--radius-md);padding:14px 16px;font-size:15px}.banner-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.banner-danger{background:var(--color-danger-bg);color:var(--color-danger)}.chip-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{background:var(--bg-muted);border-radius:999px;align-items:center;min-height:32px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip-info{background:var(--color-info-bg);color:var(--color-info)}.loyalty-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.loyalty-tile{border-radius:var(--radius-md);background:var(--lof-red-faded);border:1px solid var(--lof-red-border);flex-direction:column;gap:8px;min-width:0;min-height:88px;padding:12px;display:flex}.loyalty-tile-label{color:var(--color-primary);font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.loyalty-tile-value{overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.15}.stay-details{gap:var(--space-md);flex-direction:column;display:flex}.detail span{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.detail strong{margin-top:4px;font-size:18px;display:block}.muted{color:var(--text-muted);font-size:13px}.done-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 22px;display:flex}.done-icon{color:var(--color-success)}.login-screen{width:100%;max-width:100%;min-height:100svh;padding:calc(var(--space-lg) + var(--safe-area-top)) var(--page-padding-x) calc(var(--space-lg) + var(--safe-area-bottom));background:var(--bg-app);justify-content:center;align-items:center;display:flex;overflow-x:hidden}.login-card{width:100%;max-width:420px}.login-brand{text-align:center;margin-bottom:var(--space-lg)}.login-mark{background:var(--color-primary);width:52px;height:52px;color:var(--color-on-primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.login-brand p{color:var(--text-secondary);font-size:14px}.password-wrap{position:relative}.password-toggle{width:var(--touch-target-min);height:var(--touch-target-min);color:var(--text-muted);background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:8px}.modal-overlay{z-index:30;padding:var(--page-padding-x);background:#1e1b1c73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:min(520px,100%);box-shadow:var(--shadow-elevated);padding:22px 22px calc(22px + var(--safe-area-bottom))}.modal-title{margin-bottom:12px;font-size:22px}.modal-body{flex-direction:column;gap:12px;display:flex}.modal-footer{flex-direction:column;gap:8px;margin-top:18px;display:flex}.lock-overlay{z-index:40;padding:var(--page-padding-x);background:#1e1b1ceb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lock-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;width:min(420px,100%);color:var(--color-primary);flex-direction:column;align-items:center;gap:14px;padding:32px 24px;display:flex}.lock-card h2,.lock-card p{color:var(--text-primary)}.boot-screen{background:var(--bg-app);justify-content:center;align-items:center;min-height:100svh;display:flex}.pwa-update{left:var(--page-padding-x);right:var(--page-padding-x);bottom:calc(12px + var(--safe-area-bottom));background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:50;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex;position:fixed}.pwa-update .btn{width:auto}@media (width>=820px){:root{--max-content-width:880px;--page-padding-x:32px}.page-head h1{font-size:36px}.page-verify{gap:var(--space-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.page-verify .page-head,.page-verify .banner,.page-verify .loyalty-strip,.page-verify .text-link,.page-verify .stay-details{grid-column:1}.page-verify .sticky-action{top:var(--space-lg);grid-area:1/2/span 6;align-self:start;position:sticky}.modal-overlay{align-items:center}.modal{border-radius:var(--radius-lg);padding-bottom:22px}.modal-footer{flex-direction:row;justify-content:flex-end}.modal-footer .btn{width:auto;min-width:160px}}