/* Mobile Log in. Scoped styles preserve the existing desktop layout. */
.km-ui{--ink:#29342d;--muted:#667064;--accent:#c6ad8f;--line:#e0e4dc;--paper:#f5f5ef;--green:#eaf0e6}:where(.km-ui) *{box-sizing:border-box}.km-ui{margin:0;background:#fff;color:var(--ink);font:400 15px/1.6 Poppins,system-ui,sans-serif}:where(.km-ui) button,:where(.km-ui) a{-webkit-tap-highlight-color:transparent}:where(.km-ui) button{font:inherit;cursor:pointer;color:inherit}:where(.km-ui) button:focus-visible,:where(.km-ui) a:focus-visible,:where(.km-ui) summary:focus-visible,:where(.km-ui) [tabindex]:focus-visible{outline:2px solid #6e8467;outline-offset:3px}:where(.km-ui) a{color:inherit}:where(.km-ui) button{border:0;background:none}:where(.km-ui) img{max-width:100%;display:block}:where(.km-ui) .km-brand{height:66px;background:#303831;padding:0 20px;display:flex;align-items:center;justify-content:space-between}:where(.km-ui) .km-brand img{width:74px;height:auto}:where(.km-ui) .km-help-button{font-size:12px;color:#fff;padding:12px 0}:where(.km-ui) .km-help-button span{margin-left:8px}:where(.km-ui) .km-welcome{padding:24px 20px 20px}:where(.km-ui) .km-welcome h1{font-size:31px;line-height:1.2;letter-spacing:-1px;font-weight:400;margin:0 0 9px}:where(.km-ui) .km-welcome p{margin:0;color:var(--muted);font-size:14px}:where(.km-ui) .km-tabs{margin:0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;background:#eef0ea;border:1px solid #dce0d6;border-radius:10px}:where(.km-ui) .km-tabs button{min-height:46px;border-radius:7px;font-size:12px;line-height:1.25;padding:7px 2px;white-space:normal}:where(.km-ui) .km-tabs button[aria-selected=true]{background:var(--ink);color:#fff;box-shadow:0 2px 4px #0001}:where(.km-ui) .km-tabs button:not([aria-selected=true]):hover{background:#e1e6dc}:where(.km-ui) #km-store-panel{padding:20px 20px 0}:where(.km-ui) .km-store-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}:where(.km-ui) .km-store-meta h2{margin:0;font-size:21px;font-weight:500;letter-spacing:-.5px}:where(.km-ui) .km-pill{font-size:9px;font-weight:500;letter-spacing:.05em;white-space:nowrap;padding:5px 8px;border-radius:30px;background:var(--green);color:#4a6147}:where(.km-ui) .km-pill.km-legacy{background:#f3eee6;color:#796346}:where(.km-ui) .km-pill.km-desktop{background:#eaf0f4;color:#506472}:where(.km-ui) .km-preview{border:1px solid #c8cec4;border-radius:10px;overflow:hidden;background:#f5f5f5;box-shadow:0 7px 18px #20391d0b}:where(.km-ui) .km-browser-bar{height:25px;display:flex;align-items:center;gap:3px;padding:0 9px;background:#edf0ea}:where(.km-ui) .km-browser-bar i{display:block;width:4px;height:4px;border-radius:50%;background:#acb3a9}:where(.km-ui) .km-browser-bar span{margin:auto;font-size:9px;color:#64705f;padding-right:20px}:where(.km-ui) .km-preview img{width:100%;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#fff}:where(.km-ui) .km-quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0}:where(.km-ui) .km-quick-facts p{margin:0;padding:0;font-size:13px;line-height:1.45}:where(.km-ui) .km-quick-facts span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);margin-bottom:5px}:where(.km-ui) .km-quick-facts b{font-weight:500}:where(.km-ui) .km-primary,:where(.km-ui) .km-sheet-footer button{min-height:50px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:7px;font-size:14px;font-weight:500;background:var(--ink);color:white;text-decoration:none}:where(.km-ui) .km-primary span{font-size:21px;line-height:1}:where(.km-ui) .km-desktop-notice{margin:0 0 14px;padding:10px 12px;font-size:12px;background:#eef2f5;border-radius:6px;color:#425763}:where(.km-ui) .km-compare-button{margin:14px 20px 24px;width:calc(100% - 40px);display:flex;align-items:center;gap:11px;min-height:49px;border:1px solid #adb6a7;border-radius:7px;padding:10px 16px;font-size:14px;font-weight:500}:where(.km-ui) .km-compare-button>span{margin-left:auto}:where(.km-ui) .km-compare-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}:where(.km-ui) .km-faq{background:var(--paper);padding:22px 20px 26px}:where(.km-ui) .km-faq h2{font-size:21px;font-weight:400;margin:0 0 10px}:where(.km-ui) .km-faq details{border-bottom:1px solid var(--line)}:where(.km-ui) summary{cursor:pointer;list-style:none}:where(.km-ui) summary::-webkit-details-marker{display:none}:where(.km-ui) .km-faq summary{padding:14px 22px 14px 0;font-size:13px;position:relative}:where(.km-ui) .km-faq summary:after{content:'+';position:absolute;right:0;top:12px;font-size:18px}:where(.km-ui) .km-faq details[open] summary:after{content:'−'}:where(.km-ui) .km-faq p{font-size:13px;color:var(--muted);margin:0 0 12px}:where(.km-ui) .km-faq>a{display:inline-block;font-size:12px;padding-top:19px;text-underline-offset:4px}dialog.km-ui{border:0;padding:0;color:var(--ink);font:inherit}#km-comparison{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;background:var(--paper);overflow:hidden}#km-comparison[open]{display:flex;flex-direction:column}dialog.km-ui::backdrop{background:#17231980}html:has(.km-ui[open]){overflow:hidden}:where(.km-ui) .km-sheet-top{background:white;flex:none;border-bottom:1px solid var(--line);padding-bottom:16px}:where(.km-ui) .km-sheet-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:22px 20px 17px}:where(.km-ui) .km-sheet-title h2{font-size:25px;font-weight:400;letter-spacing:-.7px;margin:0 0 5px;line-height:1.2}:where(.km-ui) .km-sheet-title p{font-size:12px;margin:0;color:var(--muted)}:where(.km-ui) .km-close{width:42px;height:42px;flex:none;border:1px solid #c5cdc0;border-radius:50%;font-family:system-ui,sans-serif;font-size:26px;line-height:1}:where(.km-ui) .km-sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 24px;flex:1;min-height:0}:where(.km-ui) .km-selection-note{font-size:11px;color:var(--muted);margin:0 0 12px}:where(.km-ui) .km-info-section{background:white;border-radius:8px;border:1px solid var(--line);margin-bottom:10px;overflow:hidden}:where(.km-ui) .km-info-section summary{padding:15px 14px;display:flex;align-items:center;gap:12px;min-height:64px}:where(.km-ui) .km-section-icon{width:25px;height:25px;fill:none;stroke:#63775d;stroke-width:1.5;flex:none}:where(.km-ui) .km-info-section summary>span{display:block;flex:1;font-size:14px;font-weight:500;line-height:1.4}:where(.km-ui) .km-info-section summary small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}:where(.km-ui) .km-info-section summary:after{content:'+';font-size:21px;font-weight:300}:where(.km-ui) .km-info-section[open] summary:after{content:'−'}:where(.km-ui) .km-info-body{padding:0 16px 16px;font-size:14px;color:var(--muted);line-height:1.65}:where(.km-ui) .km-info-body p{margin:0 0 10px}:where(.km-ui) .km-info-body p:last-child{margin-bottom:0}:where(.km-ui) .km-info-body b{font-weight:500;color:var(--ink)}:where(.km-ui) .km-info-body ul{margin:10px 0 0;padding-left:18px}:where(.km-ui) .km-info-body li{margin:6px 0}:where(.km-ui) .km-credit-note{background:#e8eee3;padding:14px 16px;border-radius:8px;font-size:13px;margin-top:16px}:where(.km-ui) .km-credit-note b{font-weight:500}:where(.km-ui) .km-credit-note p{color:#52654b;margin:6px 0 0;font-size:12px;line-height:1.7}:where(.km-ui) .km-support-link{display:block;font-size:12px;text-align:center;padding:20px 0 0;text-underline-offset:4px}:where(.km-ui) .km-sheet-footer{flex:none;padding:12px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:white}:where(.km-ui) .km-product-pills{display:flex;flex-wrap:wrap;gap:7px}:where(.km-ui) .km-product-pills span{display:inline-flex;align-items:center;gap:7px;background:var(--paper);padding:7px 9px;border-radius:5px;font-size:11px;color:var(--ink)}:where(.km-ui) .km-product-pills svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}:where(.km-ui) .km-sizes{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 13px}:where(.km-ui) .km-sizes span{font-size:11px;color:var(--ink);display:flex;flex-direction:column;align-items:center}:where(.km-ui) .km-sizes svg{width:35px;height:36px;fill:none;stroke:#6e8065;stroke-width:1.2}.km-small-dialog{width:calc(100% - 36px);max-width:390px;border-radius:14px;padding:26px}.km-small-dialog .km-close{float:right}.km-small-dialog>svg{width:64px;height:64px;fill:none;stroke:#697f5f;stroke-width:1.6;margin:8px 0 20px}.km-small-dialog h2{font-size:25px;font-weight:400;line-height:1.25;letter-spacing:-.5px}.km-small-dialog p{font-size:14px;color:var(--muted)}.km-small-dialog .km-primary{justify-content:center;margin-top:20px}@media(max-width:350px){:where(.km-ui) .km-tabs,:where(.km-ui) .km-compare-button{margin-left:16px;margin-right:16px}:where(.km-ui) .km-tabs button{font-size:11px}:where(.km-ui) .km-compare-button{width:calc(100% - 32px)}:where(.km-ui) #km-store-panel,:where(.km-ui) .km-welcome,:where(.km-ui) .km-sheet-body{padding-left:16px;padding-right:16px}:where(.km-ui) .km-sheet-title{padding-left:16px;padding-right:16px}:where(.km-ui) .km-store-meta h2{font-size:20px}:where(.km-ui) .km-pill{font-size:8px}:where(.km-ui) .km-quick-facts{gap:6px}:where(.km-ui) .km-quick-facts p{font-size:12px}:where(.km-ui) .km-welcome h1{font-size:29px}}

#mobile-login{display:none}
.km-ui{color-scheme:light;letter-spacing:normal}
.km-ui h1,.km-ui h2,.km-ui p{max-width:none;text-transform:none}
.km-ui a{text-decoration:none}.km-ui .km-faq a,.km-ui .km-support-link{text-decoration:underline}
.km-ui .km-preview{display:block;padding:0;width:100%;cursor:pointer}
.km-ui .km-faq details{border-bottom:0}
.km-ui .km-faq summary{min-height:48px}
.km-ui .km-small-dialog{margin:auto}
@media(max-width:767px){
 .mobile-login-ready #nav{display:none}
 .mobile-login-ready .login-page{display:none}
 .mobile-login-ready #mobile-login{display:block}
 .mobile-login-ready .login-shell{margin:0;padding:0}
}
@media(min-width:768px){#km-comparison{width:min(600px,100%);margin:auto;border-radius:12px;height:min(900px,100dvh)}}

/* Native dialog defaults must not override the compact information card. */
dialog.km-small-dialog{margin:auto;padding:26px;border-radius:14px;max-height:calc(100dvh - 36px);overflow:auto}