:root{--navy: #1a2b6b;--navy-deep: #0f1a45;--navy-mid: #243480;--navy-light: #3a4fa0;--red: #c0272d;--red-light: #e03035;--red-glow: rgba(192,39,45,.25);--off-white: #f0f3ff;--text-dim: rgba(240,243,255,.6);--text-muted: rgba(240,243,255,.38);--glass: rgba(255,255,255,.07);--glass-border: rgba(255,255,255,.14);--success: #22c566;--warning: #f59e0b;--error: #ef4444;--font-size-base: 16px;--sky-top: #5bbde4;--sky-mid: #a8dbf0;--sky-bottom: #dff0f8;--sky-white: #f5fbff;--rolc-navy: #1a2b6b;--rolc-red: #c0272d;--rolc-text: #1a2b6b;--rolc-sub: #4a6080;--rolc-muted: rgba(26,43,107,.45);--rolc-card: rgba(255,255,255,.82);--rolc-input-bg: rgba(255,255,255,.9);--rolc-border: rgba(26,43,107,.18);--rolc-shadow: rgba(26,43,107,.14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;font-family:Outfit,sans-serif;font-size:var(--font-size-base);background:var(--sky-top);color:var(--rolc-text);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right)}body{height:100%;width:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}input,select,textarea{font-size:16px!important}*{scrollbar-width:thin;scrollbar-color:var(--sky-mid) transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--sky-mid);border-radius:2px}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 110% 55% at 50% -5%,#5bbde4 0%,transparent 65%),radial-gradient(ellipse 80% 40% at 80% 95%,rgba(91,189,228,.45) 0%,transparent 60%),linear-gradient(175deg,#5bbde4,#a8dbf0 35%,#dff0f8 65%,#f5fbff)}.bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:38%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.85) 100%);border-radius:60% 60% 0 0/20% 20% 0 0}.page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .35s ease,visibility .35s ease}.page.active{visibility:visible;pointer-events:all;opacity:1}.card{width:100%;background:var(--rolc-card);border:1px solid var(--rolc-border);border-radius:18px;padding:24px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px var(--rolc-shadow),inset 0 1px #ffffffb3}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rolc-sub);margin-bottom:8px}.form-control{width:100%;padding:13px 16px;background:var(--rolc-input-bg);border:1px solid var(--rolc-border);border-radius:10px;color:var(--rolc-text);font-family:Outfit,sans-serif;font-size:1rem;outline:none;transition:border-color .25s,box-shadow .25s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-control:focus{border-color:var(--navy-light);box-shadow:0 0 0 3px #3a4fa026}.form-control option{background:#fff;color:var(--rolc-text)}.btn{width:100%;padding:14px 20px;border:none;border-radius:50px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .22s}.btn-primary{background:linear-gradient(135deg,var(--navy-light),var(--navy-mid));color:#fff;box-shadow:0 4px 20px #24348059}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #24348080}.btn-ghost{background:#ffffff8c;color:var(--rolc-sub);border:1px solid var(--rolc-border);font-size:.84rem}.btn-ghost:hover{border-color:var(--navy-light);color:var(--rolc-navy)}.btn-danger{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;border:none}.btn-sm{padding:10px 16px;font-size:.8rem}.divider{display:flex;align-items:center;gap:10px;margin:6px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--rolc-border),transparent)}.divider span{font-size:.65rem;color:var(--rolc-muted);letter-spacing:.15em}.pass-wrap{position:relative}.show-pass{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--rolc-muted);cursor:pointer;font-size:.7rem;font-weight:700;font-family:Outfit,sans-serif;padding:4px}.show-pass:hover{color:var(--rolc-text)}.icon-btn{background:#fff9;border:1px solid var(--rolc-border);border-radius:8px;color:var(--rolc-sub);padding:8px 12px;cursor:pointer;font-size:.9rem;transition:all .2s;line-height:1;font-family:Outfit,sans-serif;font-weight:600}.icon-btn:hover{background:#ffffffe6;color:var(--rolc-text)}.page-header{display:flex;flex-direction:column;align-items:center;padding:28px 20px 16px;flex-shrink:0}.page-header img{height:80px;width:auto;filter:drop-shadow(0 2px 12px rgba(26,43,107,.18));margin-bottom:10px}.page-header .att-label{font-size:1.1rem;font-weight:800;letter-spacing:.35em;text-transform:uppercase;color:var(--rolc-navy)}#page-login{justify-content:flex-start;min-height:100%;padding:0;overflow-y:auto}.login-layout{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center}.login-hero{width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:52px 24px 24px}.login-hero img.rolc-logo{height:90px;width:auto;margin-bottom:12px;mix-blend-mode:multiply;isolation:auto}.login-hero .att-title{font-size:1.45rem;font-weight:900;letter-spacing:.42em;text-transform:uppercase;color:var(--rolc-navy)}.login-body{width:100%;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:20px 28px 16px}.login-form-card{width:100%;max-width:360px;background:#ffffff73;border:1px solid rgba(255,255,255,.65);border-radius:20px;padding:26px 22px 20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 4px 28px #1a2b6b1a}.login-form-card .form-label{color:var(--rolc-navy)}.login-form-card .form-control{background:#ffffffbf;border:1px solid rgba(26,43,107,.18);color:var(--rolc-text)}.login-form-card .form-control::placeholder{color:#1a2b6b61}.login-form-card .show-pass{color:#1a2b6b80}.login-form-card .show-pass:hover{color:var(--rolc-navy)}.btn-login{width:100%;padding:15px;border:none;border-radius:50px;background:linear-gradient(135deg,var(--navy-light),var(--navy-mid));color:#fff;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.1em;cursor:pointer;transition:all .22s;box-shadow:0 5px 20px #24348059;text-transform:uppercase}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 28px #24348080}.login-footer-block{width:100%;max-width:380px;padding:20px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:14px}.login-scripture{font-size:.72rem;color:#1a2b6b99;text-align:center;line-height:1.75;padding:0 4px;font-style:italic}.login-scripture strong{color:var(--rolc-navy);font-style:normal}.login-logos{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding:0 4px}.login-logos .logo-cad{height:56px;width:auto;margin:-8px 0 0;mix-blend-mode:multiply}.login-logos .logo-cop{height:33px;width:auto;mix-blend-mode:multiply}.login-footer{font-size:.58rem;color:#1a2b6b73;text-align:center;line-height:1.6;padding:0 10px}.login-version-badge{position:fixed;bottom:8px;left:10px;font-size:.6rem;color:#1a2b6b66;opacity:.8;pointer-events:none}#page-main{display:flex;flex-direction:column;min-height:100dvh;justify-content:space-between;overflow:hidden;background:var(--sky-white)}.main-topbar{width:100%;padding:clamp(6px,1.5dvh,10px) 16px clamp(4px,1dvh,8px);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:5;background:var(--sky-mid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.35)}.topbar-left{display:flex;align-items:center;gap:10px}.main-topbar .logo-sm{height:36px;width:auto;mix-blend-mode:screen}.topbar-att-scanner{display:flex;flex-direction:column;line-height:1.15}.topbar-att-scanner .ts-attendance,.topbar-att-scanner .ts-scanner{font-size:.58rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--rolc-navy)}.topbar-right{display:flex;align-items:center;gap:8px}.user-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--rolc-navy)}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);flex-shrink:0}.gear-btn{background:none;border:none;color:var(--rolc-navy);font-size:1.3rem;cursor:pointer;padding:4px 6px;transition:all .3s;line-height:1}.gear-btn:hover{opacity:.7;transform:rotate(30deg)}.conn-strip{display:none;width:100%;padding:6px 16px;background:#f59e0b2e;border-bottom:1px solid rgba(245,158,11,.3);font-size:.7rem;font-weight:600;color:#92400e;text-align:center;flex-shrink:0}.conn-strip.show{display:block}.topbar-title{font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rolc-navy)}.camera-section{width:100%;flex:1;min-height:200px;position:relative;overflow:hidden;background:#000c}#qr-reader{width:100%!important;height:100%!important;border:none!important;position:absolute;top:0;right:0;bottom:0;left:0}#qr-reader video{width:100%!important;height=100%!important;object-fit:cover!important}#qr-reader video.mirror{transform:scaleX(-1)}#qr-reader img{display:none!important}#qr-reader__scan_region{padding:0!important}#qr-reader__scan_region>img{display:none!important}#qr-reader__scan_region canvas{opacity:0!important}#qr-reader__dashboard{display:none!important}.scan-area{position:absolute;top:20px;right:20px;bottom:20px;left:20px;background:#0006;border-radius:12px;overflow:hidden}.scan-btn-bar{width:100%;height:80px;display:flex;align-items:center;justify-content:space-around;flex-shrink:0;background:var(--sky-mid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.3)}.btn-scan{width:100%;padding:clamp(8px,3dvh,16px);border:none;border-radius:50px;background:linear-gradient(135deg,var(--navy-light),var(--navy-mid));color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(.8rem,2dvh,1rem);letter-spacing:.14em;cursor:pointer;text-transform:uppercase;transition:all .28s;box-shadow:0 6px 24px #24348059}.btn-scan:active{transform:scale(.98)}.btn-scan.scanning{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 24px #05966966;letter-spacing:.18em}.btn-manual{width:100%;padding:clamp(7px,2.5dvh,14px);border:1px solid rgba(255,255,255,.6);border-radius:50px;background:#ffffff40;color:var(--rolc-navy);font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.75rem,1.8dvh,.9rem);letter-spacing:.08em;cursor:pointer;text-transform:uppercase;transition:all .22s}.btn-manual:hover{background:#ffffff73}.scan-btn-bar{width:100%;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.btn-section{width:100%;display:flex;flex-direction:column;align-items:center}.scan-separator{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--rolc-border),transparent);margin:8px 0}.btn-label{font-size:.9rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rolc-navy)}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:radial-gradient(ellipse 110% 55% at 50% -5%,#5bbde4 0%,transparent 65%),radial-gradient(ellipse 80% 40% at 80% 95%,rgba(91,189,228,.45) 0%,transparent 60%),linear-gradient(175deg,#5bbde4,#a8dbf0 35%,#dff0f8 65%,#f5fbff);opacity:0;pointer-events:none;transition:opacity .3s;padding:0 28px;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.popup-overlay.show{opacity:1;pointer-events:auto}.sp-top{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:52px}.sp-top img{height:82px;width:auto;mix-blend-mode:multiply}.sp-middle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.sp-welcome-label{font-size:2rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--rolc-navy)}.sp-name{font-size:1.2rem;font-weight:900;font-family:Outfit,sans-serif;color:var(--rolc-navy);text-transform:uppercase;letter-spacing:.04em;line-height:1.25}.sp-group{font-size:.9rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rolc-sub);font-style:italic}.sp-bottom{width:100%;max-width:380px;padding-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:10px}.sp-back-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--navy-light),var(--navy-mid));color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:50px;cursor:pointer;box-shadow:0 5px 20px #24348059;transition:all .22s}.sp-back-btn:active{transform:scale(.98)}.sp-countdown{font-size:.7rem;color:#1a2b6b80;font-weight:600;letter-spacing:.08em}.success-popup,.sp-check,.sp-photo-box,.sp-time,.sp-bar-wrap,.sp-bar{display:none!important}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#5bbde459;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,90vw);background:linear-gradient(160deg,#e8f5fc,#f5fbff);border-left:1px solid rgba(26,43,107,.12);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:201;box-shadow:-8px 0 40px #1a2b6b2e}.drawer-overlay.open .drawer{transform:translate(0)}.drawer-header{padding:20px 20px 14px;border-bottom:1px solid rgba(26,43,107,.1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawer-title{font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rolc-sub)}.drawer-close{background:none;border:none;color:var(--rolc-sub);font-size:1.4rem;cursor:pointer;line-height:1;padding:2px 6px}.drawer-close:hover{color:var(--rolc-navy)}.drawer-body{flex:1;overflow-y:auto;padding:8px 0 20px}.drawer-item{display:flex;align-items:center;gap:14px;padding:15px 22px;cursor:pointer;transition:background .18s;border:none;background:none;width:100%;text-align:left;color:var(--rolc-text);font-family:Outfit,sans-serif}.drawer-item:hover{background:#1a2b6b0f}.drawer-item.danger{color:#b91c1c}.drawer-item .di-icon{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0}.drawer-item .di-label{font-size:.9rem;font-weight:600}.drawer-item .di-sub{font-size:.72rem;color:var(--rolc-muted);margin-top:2px}.drawer-sep{height:1px;background:#1a2b6b14;margin:8px 20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#5bbde473;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .28s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{width:100%;max-width:380px;background:#fff;border:1px solid rgba(26,43,107,.12);border-radius:20px;padding:28px 24px;box-shadow:0 20px 60px #1a2b6b2e;transform:scale(.9) translateY(14px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto}.modal-overlay.open .modal{transform:scale(1) translateY(0)}.modal-title{font-family:"DM Serif Display",serif;font-size:1.4rem;color:var(--rolc-navy);margin-bottom:8px;text-align:center}.modal-sub{font-size:.82rem;color:var(--rolc-sub);text-align:center;margin-bottom:20px;line-height:1.5}.modal-actions{display:flex;gap:10px;margin-top:18px}#page-wizard{justify-content:flex-start}.wiz-topbar{width:100%;padding:12px 16px 8px;display:flex;align-items:center;gap:12px;flex-shrink:0;background:#5bbde4bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.35)}.wiz-topbar .wiz-title{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--rolc-navy);flex:1;text-align:center}.wizard-wrap{width:100%;max-width:480px;padding:20px 18px 48px;display:flex;flex-direction:column;gap:16px}.step-dots{display:flex;gap:6px;justify-content:center}.step-dot{width:8px;height:8px;border-radius:50%;background:#1a2b6b26;transition:all .3s}.step-dot.active{background:var(--red);width:24px;border-radius:4px}.step-dot.done{background:var(--success)}.wizard-step{display:none;flex-direction:column;gap:14px}.wizard-step.active{display:flex}.wizard-num{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}.wizard-title{font-family:"DM Serif Display",serif;font-size:1.4rem;color:var(--rolc-navy)}.wizard-desc{font-size:.84rem;color:var(--rolc-sub);line-height:1.6}.code-block{background:#1a2b6b0f;border:1px solid rgba(26,43,107,.12);border-radius:10px;padding:16px;font-family:DM Mono,monospace;font-size:.7rem;color:#1a3a6b;line-height:1.7;white-space:pre-wrap;word-break:break-all;overflow-y:auto;max-height:220px}.db-choice-wrap{display:flex;gap:10px}.db-choice{flex:1;padding:18px 12px;border-radius:14px;cursor:pointer;border:2px solid rgba(26,43,107,.14);background:#ffffffb3;text-align:center;transition:all .22s;font-family:Outfit,sans-serif}.db-choice:hover{border-color:var(--navy-light)}.db-choice.selected{border-color:var(--navy-light);background:#3a4fa01a}.db-choice .dc-icon{font-size:2rem;margin-bottom:8px}.db-choice .dc-label{font-size:.84rem;font-weight:700;color:var(--rolc-navy)}.db-choice .dc-sub{font-size:.7rem;color:var(--rolc-sub);margin-top:4px}#page-settings,#page-about{justify-content:flex-start}.subpage-topbar{width:100%;padding:12px 16px 8px;display:flex;align-items:center;gap:12px;flex-shrink:0;background:#5bbde4bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.35)}.subpage-topbar .sp-title{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--rolc-navy);flex:1;text-align:center}.settings-wrap{width:100%;max-width:480px;padding:20px 18px 48px;display:flex;flex-direction:column;gap:12px}.settings-section{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rolc-sub);padding-bottom:10px;border-bottom:1px solid rgba(26,43,107,.1);margin-top:8px}.settings-info{font-size:.8rem;color:var(--rolc-sub);line-height:1.5;font-style:italic}.url-display{font-family:DM Mono,monospace;font-size:.68rem;color:var(--rolc-sub);word-break:break-all;padding:10px 14px;background:#1a2b6b0d;border-radius:8px;border:1px solid rgba(26,43,107,.1)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.green{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.red{background:var(--error);box-shadow:0 0 6px var(--error)}.status-dot.gray{background:#1a2b6b4d}.appearance-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.appearance-row label{font-size:.84rem;font-weight:600;color:var(--rolc-text)}.reg-select{width:100%;padding:13px 16px;background:#f4f7fb;border:1px solid rgba(26,43,107,.16);border-radius:10px;color:var(--rolc-text);font-family:Outfit,sans-serif;font-size:1rem;outline:none;transition:border-color .25s,box-shadow .25s;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-bottom:12px;cursor:pointer}.reg-select:focus{border-color:var(--navy-light);box-shadow:0 0 0 3px #3a4fa026}.reg-select option{background:#fff;color:var(--rolc-text)}.reg-select:disabled{opacity:.45;cursor:not-allowed}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:#1a2b6bf5;border:1px solid rgba(58,79,160,.4);border-radius:50px;padding:14px 22px;color:#fff;font-size:.88rem;z-index:500;text-align:center;max-width:300px;width:88%;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #1a2b6b59}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.cam-flip-btn{position:absolute;bottom:48px;right:14px;width:44px;height:44px;border-radius:50%;background:#5bbde4d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);color:var(--rolc-navy);font-size:1.3rem;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1a2b6b33;transition:all .25s;line-height:1}.cam-flip-btn:hover{background:#3a4fa0b3;color:#fff;transform:rotate(180deg)}.cam-flip-btn.flipping{animation:flipSpin .4s ease}@keyframes flipSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}#pending-badge{display:none;position:fixed;top:60px;right:14px;background:var(--warning);color:#000;border-radius:16px;padding:5px 12px;font-size:.68rem;font-weight:700;z-index:50}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page.active>*{animation:fadeUp .4s ease both}.page.active>*:nth-child(2){animation-delay:.07s}.page.active>*:nth-child(3){animation-delay:.13s}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}