:root{--action-bar-height: 50px;--tab-height: 39px;--tab-side-padding: 13.33px;--viewpager-top: 20.3px;--fragment-side-margin: 9px;--card-width: 320px;--card-height: 520px;--photo-height: 42%;--body-top: 42%;--button-height: 52px;--content-pad-x: 20px;--content-pad-top: 26px;--qr-size: 114px;--expand-qr-size: 180px;--qr-gap: 14.7px;--timer-track-height: 5.7px;--timer-text-gap: 6.7px;--tamper-marquee-duration: 34s;--loading-loop-duration: 7.6s;--photo-top-margin: 30px;--photo-box-height: 188.4px;--photo-box-width: 167.47px;--photo-zone-height-px: 218.4px;--local-timer-font: 12px;--local-timer-pad: 5px;--local-timer-width: 20px;--local-timer-height: 128px;--pager-offset: min(328px, calc(50vw + 148px) );--purple: #4d3dd3;--screen-bg: #ecf0f1;--text-main: #212121;--text-sub: #7a7a7a;color:var(--text-main);font-family:PassNotoSans,system-ui,sans-serif;font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility}@font-face{font-display:block;font-family:PassNotoSans;font-style:normal;font-weight:400;src:url(/fonts/notosans_regular.otf) format("opentype")}@font-face{font-display:block;font-family:PassNotoSans;font-style:normal;font-weight:500;src:url(/fonts/notosans_medium.otf) format("opentype")}@font-face{font-display:block;font-family:PassNotoSans;font-style:normal;font-weight:700;src:url(/fonts/notosans_bold.otf) format("opentype")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;min-width:320px;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%}body{background:var(--screen-bg);font-family:PassNotoSans,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}img,video{-webkit-user-drag:none;user-drag:none}.stage{background:var(--screen-bg);display:block;height:100dvh;min-height:100dvh;overscroll-behavior:none;touch-action:manipulation;width:100vw}.access-stage{align-items:center;display:flex;justify-content:center}.app-screen{background:var(--screen-bg);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.top-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:grid;flex:0 0 var(--action-bar-height);grid-template-columns:50px 1fr 100px;height:var(--action-bar-height);position:relative}.top-bar h1{color:#474747;font-size:15px;font-weight:500;letter-spacing:0;margin:0;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.icon-button{align-items:center;background:transparent;border:0;color:#111827;display:inline-flex;height:50px;justify-content:center;padding:0;width:50px}.icon-button span{font-size:30px;line-height:1}.top-actions{display:flex;grid-column:3;justify-self:end}.asset-icon img{display:block;height:24px;object-fit:contain;width:24px}.asset-icon:last-child img{height:22px;width:22px}.menu-button{flex-direction:column;gap:4px}.menu-button.active{background:#eef4ff}.menu-button.active span{background:#1e4f98}.menu-button span{background:#111827;border-radius:999px;display:block;height:2px;width:18px}.tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex:0 0 var(--tab-height);height:var(--tab-height);justify-content:flex-start;overflow-x:auto;padding:0 var(--tab-side-padding);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{align-items:center;background:transparent;border:0;color:#787878;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:500;height:var(--tab-height);justify-content:center;min-width:auto;padding:0 8px;position:relative}.tabs button.active{color:#232323}.tabs button.active:after{background:#232323;bottom:0;content:"";height:2px;left:10px;position:absolute;right:10px}.tabs button.inert{color:#787878}.tab-content{align-items:center;display:inline-flex;justify-content:center;line-height:1;white-space:nowrap}.tab-badge{background:#eff3f4;border-radius:2px;color:#505050;display:inline-flex;font-size:7px;font-weight:700;justify-content:center;line-height:.94;margin-left:4px;padding:4px;text-align:center;white-space:pre-line}.viewport{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding:var(--viewpager-top) 0 24px}.pager-shell{display:flex;height:calc(var(--card-height) + 10px);justify-content:center;overflow:hidden;position:relative;width:100%}.pager-peek{background:linear-gradient(180deg,#ffffff26,#fff0 38%),linear-gradient(135deg,#dce8f5,#f5f8fb 45%,#e7edf2);border-radius:12px;box-shadow:0 7px 16px #16243238;height:var(--card-height);left:50%;opacity:.74;overflow:hidden;position:absolute;top:10px;width:var(--card-width)}.pager-peek:after{background:#fff;bottom:0;content:"";height:58%;left:0;position:absolute;right:0}.pager-peek-left{transform:translate(calc(-50% - var(--pager-offset)))}.pager-peek-right{transform:translate(calc(-50% + var(--pager-offset)))}.id-card{border-radius:12px;box-shadow:0 8px 18px #1624322e;height:var(--card-height);margin:10px 0 0;overflow:hidden;position:relative;width:var(--card-width);z-index:2}.video-bg{background:#dfe7ef;height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity .26s ease;width:100%}.video-bg.is-ready{opacity:1}.id-card:after{background:linear-gradient(180deg,#ffffff14,#ffffff2e 42%,#ffffff0a),radial-gradient(circle at 18% 16%,rgb(0 178 138 / 5%),transparent 28%),radial-gradient(circle at 80% 8%,rgb(66 133 244 / 5%),transparent 26%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.id-card.inspect-bg:after{display:none}.id-card.inspect-bg .video-bg{opacity:1}.id-card.inspect-bg .tamper-strip,.id-card.inspect-bg .local-timer,.id-card.inspect-bg .photo-zone,.id-card.inspect-bg .flip-region{opacity:0;pointer-events:none}.tamper-strip{background:linear-gradient(90deg,#7160ff,#5f87ff,#61a9fe);color:#fff;font-size:11px;font-weight:500;height:22px;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:4}.tamper-strip span{animation:marquee var(--tamper-marquee-duration) linear infinite;display:inline-block;line-height:22px;min-width:max-content;padding-left:100%;white-space:nowrap}.local-timer{color:#534b24;font-size:var(--local-timer-font);font-weight:500;height:var(--local-timer-height);line-height:1;overflow:visible;padding:0;position:absolute;right:0;top:calc(var(--photo-top-margin) + (var(--photo-zone-height-px) - var(--photo-top-margin) - var(--local-timer-height)) / 2);width:var(--local-timer-width);z-index:5}.local-timer span{background:#ffee7e57;border-radius:1px;box-decoration-break:clone;-webkit-box-decoration-break:clone;left:50%;padding:2px 5px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(270deg);transform-origin:center;white-space:nowrap}.photo-zone{height:var(--photo-height);inset:0 0 auto;position:absolute;z-index:2}.portrait-id-photo{align-items:flex-end;bottom:0;display:flex;height:var(--photo-box-height);justify-content:center;left:50%;overflow:hidden;position:absolute;transform:translate(-50%);width:var(--photo-box-width)}.portrait-id-photo img{display:block;height:100%;object-fit:fill;width:100%}.flip-region{bottom:0;height:58%;left:0;position:absolute;right:0;top:var(--body-top);z-index:3}.panel{display:grid;grid-template-rows:1fr var(--button-height);height:100%;min-height:0}.front-content,.detail-content{height:100%;min-height:0;overflow:hidden;position:relative}.front-content{background:#fff;padding:var(--content-pad-top) var(--content-pad-x) 0}.member-info{left:var(--content-pad-x);position:absolute;right:calc(var(--content-pad-x) + var(--qr-size) + 4px);top:var(--content-pad-top)}.member-info p,.detail-service-row p{color:#7a7a7a;font-size:11px;font-weight:400;line-height:1.25;margin:0}.member-info strong,.detail-content h3{color:#212121;display:block;font-size:26px;font-weight:700;letter-spacing:0;line-height:1.18;margin:8px 0 0;max-height:80px}.member-info span{color:#212121;display:block;font-size:17px;font-weight:700;margin-top:14px}.qr-column{position:absolute;right:var(--content-pad-x);top:var(--content-pad-top);width:var(--qr-size)}.real-qr{background:#fff;border:0;display:block;height:var(--qr-size);padding:0;transition:filter .18s ease,opacity .18s ease;width:var(--qr-size)}.real-qr.expanded{height:var(--expand-qr-size);width:var(--expand-qr-size)}.real-qr img,.real-qr>span{display:block;height:100%;width:100%}.real-qr.is-expired{cursor:default;filter:blur(4px);opacity:.25;pointer-events:none}.timer-view{margin-top:var(--qr-gap);width:var(--qr-size)}.timer-view.expanded{margin-top:20px;width:var(--expand-qr-size)}.progress-track{background:#d9dee7;border-radius:999px;height:var(--timer-track-height);overflow:hidden;width:100%}.progress-track span{background:var(--accent);border-radius:inherit;display:block;height:100%;transition:width .26s linear;width:var(--progress)}.timer-view p{color:#7a7a7a;font-size:11px;font-weight:400;line-height:1;margin:var(--timer-text-gap) 0 0;text-align:left}.legal-notice,.barcode-action{bottom:24px;color:#787878;font-size:12.7px;font-weight:400;line-height:1.2;margin:0;position:absolute}.legal-notice{left:var(--content-pad-x)}.legal-notice:after,.detail-bottom-meta p:after{color:#787878;content:">";display:inline-block;margin-left:7px}.barcode-action{right:var(--content-pad-x)}.expired-overlay{align-items:center;background:#ffffffeb;display:flex;flex-direction:column;gap:10px;inset:-8px;justify-content:center;padding:10px;position:absolute;text-align:center}.expired-overlay strong{color:#b42318;font-size:13px;font-weight:700;line-height:1.35}.expired-overlay button{background:#111827;border:0;border-radius:6px;color:#fff;font-size:12px;font-weight:500;height:32px;min-width:76px}.card-loading{align-items:center;animation:cardLoadingIn .24s ease both;background:#2f2d2d center / cover no-repeat;color:#fff;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute;z-index:12}.card-loading.rr{background-image:linear-gradient(#2f2d2d3d,#2f2d2d3d),url(/assets/rrcard_loading_bg.png)}.card-loading.driver{background-image:linear-gradient(#2f2d2d3d,#2f2d2d3d),url(/assets/driver_loading_bg.png)}.card-loading-center{align-items:center;display:flex;flex-direction:column;transform:translateY(-2px)}.card-loading-mark{height:80px;position:relative;width:80px}.card-loading-logo,.card-loading-circle{display:block;height:80px;inset:0;position:absolute;width:80px}.card-loading-logo{animation:loadingLogoFade var(--loading-loop-duration) ease-out infinite}.card-loading-circle{animation:loadingCircleRotate var(--loading-loop-duration) ease-out infinite}.card-loading p{color:#fff;font-size:15px;font-weight:500;line-height:1.3;margin:25px 0 0}.card-loading span{color:#fff;font-size:13.33px;font-weight:400;line-height:1.3;margin-top:10px}.expand-qr-panel{background:#fff;height:100%;position:relative}.expand-qr-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.expand-qr-panel.driver .expand-qr-content{justify-content:flex-start;padding-top:30px}.expand-refresh{background:#111827;border:0;border-radius:6px;color:#fff;font-size:12px;font-weight:500;height:32px;margin-top:14px;min-width:76px}.detail-content{padding:26px 20px 0}.detail-service-row{align-items:start;display:grid;grid-template-columns:1fr auto;min-height:14px}.detail-service-row span,.detail-bottom-meta span{color:#212121;font-size:12.2px;font-weight:400;line-height:1.25}.detail-content h3{margin-top:6px;max-height:40px}.detail-birth-row{align-items:center;display:grid;grid-template-columns:1fr 46px;margin-top:15px}.detail-birth-row strong{color:#212121;font-size:17px;font-weight:700;line-height:1.4}.privacy-toggle{display:block;height:25px;position:relative;width:46px}.privacy-toggle input{opacity:0;position:absolute}.privacy-toggle span{background:#d8dce3;border-radius:999px;box-shadow:inset 0 0 0 1px #2323230d;display:block;height:25px;width:46px}.privacy-toggle span:after{background:#fff;border-radius:999px;box-shadow:0 1px 3px #0003;content:"";display:block;height:21px;left:2px;position:absolute;top:2px;transition:transform .18s ease;width:21px}.privacy-toggle input:checked+span{background:#6250ff;box-shadow:inset 0 0 0 1px #281aa014}.privacy-toggle input:checked+span:after{transform:translate(21px)}.driver-update-row{align-items:center;display:flex;gap:8px;margin-top:10px}.driver-update-row span{color:#7a7a7a;font-size:11px}.driver-update-row strong{color:#212121;font-size:13px;font-weight:400}.detail-address{color:#212121;font-family:PassNotoSans,system-ui,sans-serif;font-size:13px;font-weight:700;line-height:1.06;margin:8px 0 0;-webkit-font-smoothing:antialiased}.detail-bottom-meta{align-items:center;bottom:24px;display:flex;justify-content:space-between;left:20px;position:absolute;right:20px}.detail-bottom-meta p{color:#787878;font-size:12.7px;font-weight:400;margin:0}.blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.bottom-action{align-self:stretch;background:var(--purple);border:0;border-radius:0 0 12px 12px;color:#fff;font-size:16px;font-weight:500;height:var(--button-height);width:100%}.settings-backdrop,.access-backdrop{align-items:center;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:50}.settings-backdrop{background:#11182773}.access-backdrop{background:var(--screen-bg)}.settings-dialog,.pin-dialog{background:#fff;border-radius:8px;box-shadow:0 18px 50px #11182738;color:#212121;display:grid;gap:12px;max-height:min(680px,92dvh);max-width:380px;overflow-y:auto;padding:18px;width:min(100%,380px)}.pin-dialog{max-width:320px}.settings-head{align-items:center;display:flex;justify-content:space-between}.settings-head h2{font-size:17px;line-height:1.25;margin:0}.settings-head button{background:transparent;border:0;color:#474747;font-size:24px;height:32px;line-height:1;padding:0;width:32px}.settings-dialog label,.pin-dialog label{color:#474747;display:grid;font-size:12px;gap:6px}.settings-dialog input,.settings-dialog textarea,.pin-dialog input{border:1px solid #d5dce5;border-radius:6px;color:#212121;font-size:14px;line-height:1.35;padding:10px;-webkit-touch-callout:default;-webkit-user-select:text;user-select:text;width:100%}.settings-dialog input[readonly]{background:#f4f6f8;color:#5f6368}.pin-dialog input{font-size:18px;letter-spacing:6px;text-align:center}.pin-error{color:#b42318;font-size:12px;line-height:1.3;margin:-2px 0 0}.settings-dialog textarea{min-height:68px;resize:vertical}.image-input input{padding:8px}.settings-preview{align-items:center;display:flex;gap:12px}.settings-preview img{border:1px solid #d5dce5;border-radius:6px;height:72px;object-fit:cover;width:64px}.settings-preview button,.settings-actions button{background:var(--purple);border:0;border-radius:6px;color:#fff;font-size:14px;font-weight:500;height:38px;padding:0 14px}.settings-preview button,.settings-actions .secondary{background:#eef0f4;color:#232323}.settings-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.settings-actions button:disabled{cursor:default;opacity:.45}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes cardLoadingIn{0%{opacity:0}to{opacity:1}}@keyframes loadingCircleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingLogoFade{0%{opacity:0}70%,to{opacity:1}}@media not (min-width:338px){.viewport{padding-left:0;padding-right:0}.id-card{width:320px}}