:root{--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5dc;--gray-400:#99a1af;--gray-500:#6a7282;--gray-600:#4a5565;--gray-700:#364153;--gray-800:#1e2939;--gray-900:#101828;--gray-950:#030712;--brand-50:#fff9eb;--brand-500:#fe8e14;--brand-600:#fe7301;--brand-orange:var(--brand-500);--brand-orange-hover:var(--brand-600);--severity-success:#00c951;--severity-info:#2b7fff;--severity-warning:var(--brand-500);--severity-error:#fb2c36;--severity-neutral:var(--gray-500);--bg-page:var(--gray-950);--bg-chrome:var(--gray-900);--bg-card:var(--gray-900);--bg-card-alt:var(--gray-800);--bg-line:var(--gray-800);--bg-button:var(--gray-700);--bg-button-hover:var(--gray-600);--bg-disabled:var(--gray-600);--bg-light:#fff;--bg-light-hover:var(--gray-300);--fg:#fff;--fg-muted:var(--gray-400);--fg-faint:var(--gray-500);--fg-very-faint:var(--gray-500);--fg-disabled:var(--gray-600);--fg-mono:var(--gray-300);--fg-on-light:var(--gray-900);--fg-on-light-muted:#0009;--error-bg:#2a0e0e;--error-border:var(--severity-error);--error-fg:#ff8b8b;--error-bg-light:#fdecec;--error-fg-light:#8a1f1f;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #00000008, 0 2px 4px -2px #00000008;--shadow-lg:0 10px 15px -3px #00000008, 0 4px 6px -4px #00000008;--shadow-dropdown:0 4px 16px #0009;--button-padding:12px 16px;--button-min-width:220px;--button-font-size:14px;--button-font-weight:500;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--landing-desktop-min-height:796px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--fg);flex-direction:column;min-height:100dvh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex;position:relative}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:filter .15s,background-color .15s,color .15s}.livechat-btn,.secondary-button.compact,.mobile-landing-primary,.btn-rescan,.btn-home,.qr-code,.quick-start,.error-message,.info-dropdown,.portrait-box,.tab-image-card{border-radius:var(--radius-sm)}#landing-section,#result-section,body[data-view=result] #page-logo{display:none}.logo{text-align:center;background-color:var(--bg-card);padding:15px 0}.logo-container img{width:120px}body[data-view=landing] #landing-section{flex-direction:column;flex:1;display:flex}.container,.qr-container,.mobile-landing-content,.mobile-landing-brand,.mobile-landing-actions,.quick-start-actions{flex-direction:column;align-items:center;display:flex}.container{flex:1;justify-content:flex-start;width:100%;max-width:1200px;margin:0 auto;padding:20px;overflow-y:auto}.header{text-align:center;color:var(--fg);padding:1rem 0;font-size:36px;font-weight:600}.description{text-align:center;max-width:800px;color:var(--fg-muted);margin:0 auto 20px;line-height:1.5}.qr-container{margin:30px 0}.qr-code{background:var(--bg-light);width:150px;height:150px;margin:20px 0;padding:8px}.quick-start{background-color:var(--bg-card);text-align:center;width:100%;max-width:800px;margin:0 auto;padding:24px 20px}.quick-start-title{color:var(--fg);margin-bottom:16px;font-size:18px;font-weight:600}.quick-start-actions{gap:12px;margin-bottom:16px}.note{color:var(--fg-faint);max-width:480px;margin:0 auto;font-size:.9rem;line-height:1.5}.secondary-button.compact{background-color:var(--bg-button);color:var(--fg);font-weight:var(--button-font-weight);min-width:var(--button-min-width);padding:var(--button-padding);font-size:var(--button-font-size)}.secondary-button.compact:hover{background-color:var(--bg-button-hover)}.mobile-landing{background:var(--bg-light);width:100%;min-height:100dvh;color:var(--fg-on-light);flex-direction:column;display:flex}.mobile-landing-banner{background:linear-gradient(#0006,#0006),url(./scanning-mrz-CGxvzu-y.jpg) 50%/cover no-repeat;flex:auto;min-height:40dvh}.mobile-landing-content{flex:none;gap:32px;padding:40px 16px 50px}.mobile-landing-brand{gap:4px;width:100%;max-width:322px}.mobile-landing-logo{display:inline-flex}.mobile-landing-logo img{width:auto;height:40px;display:block}.mobile-landing-title{letter-spacing:-.01em;color:var(--fg-on-light);text-align:center;font-size:24px;font-weight:500;line-height:1.5}.mobile-landing-text{text-align:center;flex-direction:column;gap:2px;width:100%;max-width:322px;display:flex}.mobile-landing-tagline{color:var(--fg-on-light);font-size:16px;font-weight:600;line-height:1.5}.mobile-landing-description{color:var(--fg-on-light);font-size:14px;font-weight:400;line-height:1.5}.mobile-landing-actions{gap:16px;width:100%;max-width:370px}.mobile-landing-primary{min-width:var(--button-min-width);height:48px;font-size:var(--button-font-size);font-weight:var(--button-font-weight);background:var(--fg-on-light);color:var(--bg-light);padding:0 16px;line-height:1.4}.mobile-landing-primary:hover{background:var(--bg-card-alt)}.mobile-landing-primary:disabled{background:var(--bg-disabled);color:var(--fg-mono);cursor:not-allowed}.privacy-disclaimer{color:var(--fg-faint);text-align:center;padding:0 24px;font-size:12px;font-weight:400;line-height:1.5}.privacy-disclaimer a{color:var(--fg);font-weight:500;text-decoration:underline}.mobile-landing-content .privacy-disclaimer{color:var(--fg-on-light)}.mobile-landing-content .privacy-disclaimer a{color:var(--fg-on-light-muted)}.quick-start .privacy-disclaimer{margin-top:12px}.action-stack{flex-direction:column;align-items:stretch;width:100%;max-width:500px;display:flex}.error-message{background:var(--error-bg);color:var(--error-fg);border-left:3px solid var(--error-border);width:100%;margin-top:12px;padding:14px 16px;font-size:14px;line-height:1.4}#home-error{width:100%;max-width:370px}#home-error:empty{display:none}.mobile-landing-content .error-message{background:var(--error-bg-light);color:var(--error-fg-light);border-left-color:var(--error-border)}#desktop-view{display:none}@media (width>=1024px){#mobile-view{display:none}#desktop-view{display:flex}}@media (width<=1023px){body[data-view=landing] #page-logo{display:none}.container{padding:10px 16px}.header{padding-top:.5rem;padding-bottom:1rem;font-size:28px}}@media (orientation:landscape) and (width<=1023px){.mobile-landing-banner{min-height:30dvh}.mobile-landing-content{gap:20px;padding:24px 16px 56px}}@media (width>=1024px){body[data-view=landing]{min-height:var(--landing-desktop-min-height)}}body[data-view=result] #result-section{background:var(--bg-page);min-height:100vh;color:var(--fg);flex:1;padding-bottom:40px;display:block}.result-header,.info-btn,.portrait-box,.tab-image-card,.btn-rescan,.btn-home{justify-content:center;align-items:center;display:flex}.result-header{padding:20px 16px 12px;position:relative}.result-header h2{color:var(--fg);font-size:18px;font-weight:600}.info-menu{position:absolute;right:16px}.info-btn{border:2px solid var(--fg);width:28px;height:28px;color:var(--fg);border-radius:50%;font-size:14px;font-style:italic;font-weight:700}.info-dropdown{background:var(--bg-card);min-width:180px;box-shadow:var(--shadow-dropdown);z-index:100;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.info-menu.open .info-dropdown{display:block}.info-dropdown a{color:var(--fg);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;text-decoration:none;display:flex}.info-dropdown a:hover{background:var(--bg-line)}.info-dropdown a svg{opacity:.6;flex-shrink:0}.summary-card{justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 20px 24px;display:flex}.summary-info .person-name{color:var(--fg);margin-bottom:6px;font-size:28px;font-weight:700}.summary-info .person-details{color:var(--fg-muted);margin-bottom:4px;font-size:14px}.portrait-box{background:var(--bg-button-hover);flex-shrink:0;width:80px;height:80px;overflow:hidden}.portrait-box svg{opacity:.6;width:44px;height:44px}.portrait-box canvas{object-fit:cover;width:100%;height:100%}.tabs-section{grid-template-areas:"header""content";padding:0 20px 20px;display:grid}.tab-header{border-bottom:1px solid var(--bg-button);grid-area:header;justify-content:center;margin-bottom:16px;display:flex}.tab-btn{color:var(--fg-very-faint);padding:10px 20px;font-size:15px;font-weight:500;position:relative}.tab-btn.active{color:var(--fg);font-weight:600}.tab-btn.active:after{content:"";background:var(--fg);height:2px;position:absolute;bottom:-1px;left:20px;right:20px}.tab-content{visibility:hidden;grid-area:content;grid-template-columns:1fr 1fr;gap:10px;display:grid}.tab-content.active{visibility:visible}.tab-content>.tab-image-card:only-child{grid-column:1/-1}.tab-image-card{min-height:90px;overflow:hidden}.tab-image-card canvas{max-width:100%;height:auto;display:block}.tab-empty-msg{color:var(--fg-disabled);text-align:center;grid-column:span 2;padding:20px;font-size:13px}.data-section{padding:20px 20px 0}.data-section-title{color:var(--fg);margin-bottom:14px;font-size:16px;font-weight:700}.data-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.data-row-label{color:var(--fg-faint);font-size:14px}.data-row-value{color:var(--fg);text-align:right;word-break:break-word;max-width:60%;font-size:14px;font-weight:500}.mrz-text-section{padding:20px}.mrz-raw-text{color:var(--fg-mono);white-space:pre-wrap;word-break:break-all;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.action-buttons{grid-template-columns:1fr 1fr;gap:12px;padding:24px 20px 0;display:grid}.btn-rescan,.btn-home{gap:8px;padding:16px;font-size:15px;font-weight:500}.btn-rescan{background:var(--bg-button);color:var(--fg)}.btn-rescan:hover{background:var(--bg-button-hover)}.btn-home{background:var(--bg-light);color:var(--fg-on-light)}.btn-home:hover{background:var(--bg-light-hover)}@media (width>=768px){body[data-view=result] #result-section{grid-template-columns:1fr 1fr;grid-template-areas:"header header""left right""buttons buttons";align-items:start;display:grid}.result-header{grid-area:header}.result-left{grid-area:left}.result-right{border-left:1px solid var(--bg-card);grid-area:right}.action-buttons{grid-area:buttons}.summary-card{align-items:center;padding:16px 32px 32px}.summary-info .person-name{font-size:36px}.summary-info .person-details{font-size:15px}.portrait-box{width:120px;height:120px}.portrait-box svg{width:60px;height:60px}.tabs-section{padding:0 32px 32px}.data-section{padding:24px 32px 0}.mrz-text-section{padding:24px 32px}.action-buttons{padding:24px 32px 40px}}.livechat-btn{z-index:50;color:var(--fg);background:var(--brand-orange);font-size:var(--button-font-size);font-weight:var(--button-font-weight);box-shadow:var(--shadow-dropdown);border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:8px 16px;display:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (width>=1024px) and (height>=804px){.livechat-btn{position:fixed}}.livechat-btn:hover{background:var(--brand-orange-hover)}body[data-view=landing] .livechat-btn{display:inline-block}@media (width>=1024px){body[data-view=result] .livechat-btn,body[data-view=scanner] .livechat-btn{display:inline-block}}body[data-view=scanner] .livechat-btn{z-index:1000}[id*=comm100-float-button]{display:none!important}
