/* One app navigation, fixed at the bottom on every screen size. */
:root{--nav-height:76px}body{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}#header .nav{display:none}.header-inner{justify-content:space-between}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:stretch;justify-content:center;gap:10px;z-index:9;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:7px 14px calc(6px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(16px);border-top:1px solid #e0e7f0;box-shadow:0 -4px 18px #18243b06}.mobile-nav a{flex:1;max-width:148px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 0;min-height:50px;font-size:11px;font-weight:600;color:#69758c;border-radius:12px;box-shadow:none}.mobile-nav a svg{width:22px;height:22px}.mobile-nav a.active{background:#eaf1ff;color:var(--blue);box-shadow:none}.mobile-nav a.active svg{stroke-width:2.3}footer{display:none}.form-footer{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}.detail-view{padding-bottom:calc(var(--nav-height) + 82px + env(safe-area-inset-bottom))}.detail-action-bar{display:flex;position:fixed;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));left:0;right:0;z-index:8;background:#fffffff5;padding:12px max(20px,calc((100vw - 1160px)/2));gap:12px;border-top:1px solid var(--line)}.detail-action-bar .btn.primary{flex:1}.detail-action-bar .btn{min-height:46px}.event-registration{position:fixed;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));left:0;right:0;border-radius:0;padding:14px max(20px,calc((100vw - 1160px)/2));margin:0}.event-view{padding-bottom:calc(var(--nav-height) + 90px + env(safe-area-inset-bottom))}#toast{bottom:calc(var(--nav-height) + 18px + env(safe-area-inset-bottom))}.detail-view #toast,.event-view #toast{bottom:calc(var(--nav-height) + 100px + env(safe-area-inset-bottom))}.account-tabs{display:flex;padding:5px;border:1px solid #dce5f3;background:white;gap:5px;border-radius:14px;margin:15px 0}.account-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:10px;font-size:14px;font-weight:700}.account-tabs button.active{background:var(--blue);color:white}.account-tabs button[data-account="shop"].active{background:#087967}.shop-points-hero{background:#087967}.shop-points-hero:after{border-color:#f5ff4944}.dual-membership{margin-top:25px}.dual-membership .membership-section{margin-bottom:30px}.dual-membership .section-heading{align-items:center}.account-flip-hint{display:flex;align-items:center;gap:7px;border:1px solid #d4df2e;background:var(--yellow);border-radius:11px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:800;color:#1a3b5a}.account-flip-hint svg{width:18px}.shop-membership .member-card-front{background:#087967;background-image:radial-gradient(#ffffff25 .7px,transparent .7px);background-size:6px 6px}.shop-membership .card-orbit{border-color:#e0ed7199}.shop-membership .member-card-back{background:#104d43}.shop-membership .card-member-name{font-size:28px}.account-ledger-link{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:var(--blue);min-height:44px;font-size:12px;font-weight:600;margin-top:7px}.shop-membership .account-ledger-link{color:#087967}.account-ledger-link svg{width:16px}.dual-membership .points-note{margin-top:-13px;margin-bottom:24px}.invitation-view{padding:0;background:#f1f5fc}.invitation-view #header,.invitation-view .mobile-nav,.invitation-view footer,.invitation-view .skip{display:none}.invitation-shell{max-width:820px;width:calc(100% - 40px);margin:auto;padding-bottom:35px}.invitation-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;border-bottom:1px solid var(--line)}.invitation-brand>span:last-child{font-size:12px;color:var(--muted)}.invitation-brand .brand{font-size:25px}.invitation-brand .brand-mark{height:37px}.invitation-intro{padding:34px 0 29px}.invitation-intro h1{font-size:34px;font-weight:900;color:var(--blue);margin:10px 0 12px}.invitation-intro>p{font-size:13px;line-height:1.9;color:var(--muted)}.invitation-steps{display:flex;gap:10px;margin-top:22px}.invitation-steps span{flex:1;text-align:center;background:#e4edff;color:#2156bd;font-size:11px;padding:10px 4px;border-radius:10px;font-weight:600}.invitation-shell .form-section{margin-bottom:18px}.invitation-shell .fields{margin-bottom:22px}.invite-upload>img{width:100px;height:100px;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin-top:6px}.invite-upload>img[hidden]{display:none}.invite-upload input{font-size:12px!important}.invitation-note{background:#edf3ff;color:#526988;border-radius:12px;padding:16px;font-size:12px;line-height:1.9}.invitation-savebar{position:sticky;bottom:0;padding:15px 0;background:#f1f5fcf5;border-top:1px solid var(--line);z-index:5;display:flex;justify-content:space-between;align-items:center;gap:15px}.invitation-savebar>span{font-size:11px;color:var(--muted)}.invitation-savebar>div{display:flex;gap:10px}.invitation-savebar .btn{font-size:12px}.application-preview{max-height:44dvh;overflow-y:auto;padding:3px 4px 3px 0}.application-person{display:flex;gap:12px;align-items:center;margin-bottom:15px}.application-person>img{width:52px;height:52px;border-radius:50%;object-fit:cover}.application-person>svg{width:38px;height:38px;background:#e6edff;padding:7px;border-radius:50%;color:var(--blue)}.application-person h3{font-size:21px;font-weight:800}.application-person p{font-size:11px;color:var(--muted)}.application-preview>p{font-size:13px;line-height:1.9;color:var(--muted)}.application-preview dl{font-size:12px}.application-preview dt{font-weight:700;color:#20385a;margin-top:13px}.application-preview dd{margin:5px 0 0;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.application-cover{width:100%;height:150px;border-radius:10px;margin-top:15px}.application-qr{width:120px;height:120px;object-fit:contain;margin-top:15px}.invitation-success{background:white;border:1px solid var(--line);border-radius:22px;padding:40px;text-align:center;margin:35px 0}.success-check{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#dcf7ed;color:#128066;margin:0 auto 24px}.success-check svg{width:34px;height:34px}.invitation-success h1{font-size:30px;color:var(--blue);margin:14px 0}.invitation-success>p{font-size:13px;color:var(--muted);line-height:1.9;margin:15px 0}.application-reference{background:#f1f5ff;border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:8px;margin:24px 0;font-size:12px}.application-reference strong{font-size:17px;color:var(--blue);letter-spacing:1px}.invitation-success .notice{text-align:left}.invitation-view #toast{bottom:25px}
@media(min-width:1000px){.dual-membership{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dual-membership .points-note{grid-column:1/-1}.dual-membership .section-heading{flex-wrap:wrap;gap:8px}.dual-membership .section-heading h2{font-size:20px}.dual-membership .member-card-front{padding:22px}.dual-membership .member-flip{height:250px}.dual-membership .card-number{font-size:8px}.dual-membership .account-flip-hint{font-size:10px;padding:7px 9px}.dual-membership .card-member-name{font-size:28px}}
@media(max-width:700px){:root{--nav-height:70px}.mobile-nav{gap:2px;padding-left:7px;padding-right:7px}.mobile-nav a{font-size:10px}.mobile-nav a svg{width:20px;height:20px}.account-tabs button{min-height:44px;font-size:12px}.account-flip-hint{font-size:11px;padding:8px 9px}.dual-membership .section-heading h2{font-size:19px}.shop-membership .card-member-name{font-size:26px}.invitation-shell{width:calc(100% - 32px)}.invitation-brand{min-height:75px;gap:12px}.invitation-brand .brand{font-size:22px}.invitation-brand>span:last-child{font-size:10px}.invitation-intro{padding:27px 0 23px}.invitation-intro h1{font-size:27px;line-height:1.5}.invitation-intro .eyebrow{font-size:9px}.invitation-intro>p{font-size:12px}.invitation-steps{gap:7px;margin-top:18px}.invitation-steps span{font-size:10px;padding:9px 3px}.invitation-shell .form-section{padding:21px 18px}.invitation-shell .fields{margin-bottom:17px}.invitation-savebar{display:block;padding:12px 0 calc(14px + env(safe-area-inset-bottom))}.invitation-savebar>span{display:block;margin-bottom:8px;font-size:10px}.invitation-savebar>div{width:100%}.invitation-savebar .btn{flex:1;font-size:12px;padding:10px 12px}.invitation-note{font-size:10px;padding:14px}.invitation-success{padding:28px 20px;margin-top:26px}.invitation-success h1{font-size:25px}.invitation-success>p{font-size:12px}.invitation-success .eyebrow{font-size:8px}.invitation-shell .field label{font-size:12px}.invitation-shell .field small{font-size:10px}.detail-action-bar{padding:10px 16px}.event-registration{padding:12px 16px}}