.extension-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;background:#00000073;pointer-events:auto}.extension-modal-overlay.animating{opacity:1}.extension-modal{background:#fff;border-radius:6px;box-shadow:0 0 20px #0000000d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;transform:none;transition:none;pointer-events:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid #ccc}.modal-logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:24px}.logo-icon-img{width:24px;height:24px}.logo-text{font-size:18px;font-weight:500;color:#222;font-family:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif'}.modal-close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background-color:#f5f5f5;color:#222}.modal-content{padding:24px;text-align:center}.install-icon{margin-bottom:20px}.extension-icon{font-size:48px;display:block}.modal-title{font-size:20px;font-weight:500;color:#222;margin:0 0 16px;line-height:1.3;font-family:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif'}.modal-description{font-size:14px;color:#666;line-height:1.5;margin:0 0 24px;font-family:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif'}.benefits-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left}.benefit-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f5f5f5;border-radius:6px;border-left:4px solid #1976d2}.benefit-icon{font-size:18px;flex-shrink:0}.benefit-item span:last-child{font-size:14px;color:#222;font-weight:500;font-family:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif'}.demo-video-container{margin:24px 0;text-align:center}.demo-video-title{font-size:16px;font-weight:500;color:#222;margin:0 0 16px;font-family:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif'}.demo-video-wrapper{position:relative;width:100%;max-width:550px;margin:0 auto 12px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;background:#f5f5f5}.demo-video{width:100%;height:auto;display:block;border-radius:8px}.demo-video-description{font-size:13px;color:#666;line-height:1.4;margin:0;font-family:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif'}.modal-actions{display:flex;flex-direction:row;gap:12px;padding:0 24px 24px}.btn-install-now{background:#1976d2;color:#fff;border:none;padding:12px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif';text-transform:none;box-shadow:none;flex:1}.btn-install-now:hover{background:#1565c0;transform:none;box-shadow:none}.btn-install-now:active{transform:none}.btn-icon{font-size:18px}.btn-install-later{background:#f5f5f5;border:1px solid #ccc;color:#222;padding:12px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif';text-transform:none;flex:1}.btn-install-later:hover{background:#e0e0e0;border-color:#ccc;color:#222;transform:none}.modal-footer{padding:16px 24px 24px;border-top:1px solid #ccc;text-align:center}.footer-text{font-size:12px;color:#666;margin:0;line-height:1.4;font-family:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif'}@media (max-width: 480px){.extension-modal{width:95%;margin:20px;max-width:none}.modal-header,.modal-content,.modal-actions,.modal-footer{padding-left:20px;padding-right:20px}.modal-title{font-size:18px}.modal-description{font-size:13px}.benefit-item{padding:10px 12px}.benefit-item span:last-child{font-size:13px}.demo-video-title{font-size:15px}.demo-video-wrapper{max-width:450px}.demo-video-description{font-size:12px}}@media (prefers-color-scheme: dark){.extension-modal{background:#1a1a1a;color:#fff}.modal-logo .logo-text,.modal-title{color:#fff}.modal-description{color:#ccc}.benefit-item{background-color:#2a2a2a;border-left-color:#1976d2}.benefit-item span:last-child{color:#ccc}.demo-video-title{color:#fff}.demo-video-wrapper{background:#2a2a2a;box-shadow:0 4px 12px #0000004d}.demo-video-description{color:#ccc}.btn-install-later{border-color:#444;color:#ccc;background:#2a2a2a}.btn-install-later:hover{background-color:#333;border-color:#555;color:#fff}.modal-header,.modal-footer{border-color:#333}.footer-text{color:#888}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;--real-viewport-height: 100vh;--safe-area-bottom: 0px}html{height:100%;overflow:hidden;position:fixed;width:100%;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 768px) and (orientation: landscape){html,body,#root{transform:rotate(-90deg);transform-origin:left top;width:100vh;height:100vw;overflow-x:hidden;position:absolute;top:100%;left:0}}body{margin:0;padding:0;height:100dvh;height:var(--real-viewport-height, calc(100vh - env(safe-area-inset-bottom)) );width:100vw;overflow:hidden;position:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:auto;overscroll-behavior:contain;overscroll-behavior-y:contain;overscroll-behavior-x:none;touch-action:pan-y}#root{width:100%;height:100dvh;height:var(--real-viewport-height, calc(100vh - env(safe-area-inset-bottom)) );overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:env(safe-area-inset-bottom,0)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 900px){*{-webkit-tap-highlight-color:transparent}html,body{position:fixed;overflow:hidden;height:100dvh;height:var(--real-viewport-height, calc(100vh - env(safe-area-inset-bottom)) );width:100vw;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:auto;padding-bottom:env(safe-area-inset-bottom)}#root{position:fixed;top:0;left:0;right:0;bottom:env(safe-area-inset-bottom,0);height:100dvh;height:var(--real-viewport-height, calc(100vh - env(safe-area-inset-bottom)) );width:100vw;overflow:hidden;touch-action:pan-y;overscroll-behavior:contain}.swipe-container{-webkit-overflow-scrolling:auto;overscroll-behavior:contain;overscroll-behavior-y:contain;overscroll-behavior-x:none;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;overflow:hidden}.scrollable-content{touch-action:auto!important;overscroll-behavior:auto!important;overscroll-behavior-y:auto!important;overscroll-behavior-x:none!important;-webkit-overflow-scrolling:touch!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important;will-change:scroll-position!important;-webkit-appearance:none!important;position:relative!important}.scrollable-content *{touch-action:auto!important}.MuiContainer-root{overflow:hidden!important;height:100%!important}.MuiBox-root{overscroll-behavior:contain}.qa-scroll-container{touch-action:auto!important;overscroll-behavior:auto!important;overscroll-behavior-y:auto!important;overscroll-behavior-x:none!important;-webkit-overflow-scrolling:touch!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important;will-change:scroll-position!important;-webkit-appearance:none!important}.qa-scroll-container *{touch-action:auto!important}.MuiBox-root.scrollable-content{touch-action:auto!important;overscroll-behavior:auto!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}header[class*=MuiBox-root],.MuiBox-root[component=header]{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top))}.landing-page header[class*=MuiBox-root],.landing-page .MuiBox-root[component=header]{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1400!important;transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important;backface-visibility:hidden!important;will-change:auto!important;-webkit-backface-visibility:hidden!important;-webkit-perspective:1000px!important;perspective:1000px!important}.landing-page header[class*=MuiBox-root] .MuiBox-root:first-child,.landing-page .MuiBox-root[component=header] .MuiBox-root:first-child{margin-right:.5rem!important}.landing-page header .MuiIconButton-root+.MuiBox-root{margin-left:.5rem!important}}@media (min-width: 901px){html,body{position:static;overflow:auto;height:auto;touch-action:auto}#root{position:static;height:auto;min-height:100vh;overflow:auto}}@media (max-width: 900px){html.landing-page,body.landing-page{position:static!important;overflow:auto!important;height:auto!important;min-height:100vh!important;touch-action:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:auto!important}#root.landing-page{position:static!important;overflow:auto!important;height:auto!important;min-height:100vh!important;touch-action:auto!important}}@media (max-width: 900px){html.analyze-page,body.analyze-page{position:fixed;overflow:hidden;height:100dvh;height:var(--real-viewport-height, calc(100vh - env(safe-area-inset-bottom)) );width:100vw;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:auto;padding-bottom:env(safe-area-inset-bottom)}#root.analyze-page{position:fixed;top:0;left:0;right:0;bottom:env(safe-area-inset-bottom,0);height:100dvh;height:var(--real-viewport-height, calc(100vh - env(safe-area-inset-bottom)) );width:100vw;overflow:hidden;touch-action:pan-y;overscroll-behavior:contain}}@media (max-width: 900px){header[class*=MuiBox-root],.MuiBox-root[component=header]{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top))}.landing-page header[class*=MuiBox-root],.landing-page .MuiBox-root[component=header]{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1400!important;transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important;backface-visibility:hidden!important;will-change:auto!important;-webkit-backface-visibility:hidden!important;-webkit-perspective:1000px!important;perspective:1000px!important}.landing-page header[class*=MuiBox-root] .MuiBox-root:first-child,.landing-page .MuiBox-root[component=header] .MuiBox-root:first-child{margin-right:.5rem!important}.landing-page header .MuiIconButton-root+.MuiBox-root{margin-left:.5rem!important}}@media only screen and (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){body.web-browser #root{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}