.commerce-overlay{position:fixed;inset:0;z-index:1000;background:#0b2339aa;display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));overflow:auto}.commerce-panel{position:relative;width:min(100%,460px);max-height:100%;overflow:auto;background:white;border-radius:24px;padding:24px;box-shadow:0 16px 60px #071c3640;color:#122b4b;text-align:center}.commerce-panel h1{font-size:26px;line-height:1.15;margin:18px 0}.commerce-panel h2{font-size:20px;line-height:1.35}.commerce-panel p{font-size:15px;line-height:1.5}.commerce-panel .small{font-size:12px}.commerce-panel .btn{margin:5px 0}.welcome-language{display:flex;justify-content:flex-end}.welcome-language select{width:auto;max-width:190px;font-size:16px}.welcome-icon{width:85px;height:85px;display:block;margin:18px auto 0}.commerce-panel h1.moien{font-size:68px;letter-spacing:-3px;margin:8px 0;color:#006b9c}.trial-lead{font-weight:750;color:#006b9c}.made-with-love{display:block;margin:22px 0 0;font-size:11px;color:#61728a}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;width:44px;height:44px}.plan-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.plan-option{padding:16px 8px;border:2px solid #dce8f1;border-radius:15px;background:white;display:grid;gap:6px;text-align:center;color:#153954;min-height:108px}.plan-option strong{font-size:26px}.plan-option span{font-weight:650}.plan-option small{font-size:13px}.plan-option:not(:disabled):hover,.plan-option:not(:disabled):focus{border-color:#009edb;background:#effaff}.plan-option:disabled{opacity:.6}.legal-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:18px 0;font-size:12px}.legal-links a{padding:8px 0;color:#006b9c}.access-gate{max-width:460px;margin:auto;padding:20px;text-align:center}.access-summary,.coffee-card{border-top:1px solid #e2eaf0;padding-top:14px;margin-top:14px}.access-status{background:#eef9ff;border-radius:10px;padding:10px}.settings-screen>.tabs{overflow:auto;flex-shrink:0}.settings-page .legal-links{justify-content:flex-start}.commerce-panel button,.commerce-panel select{-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:44px}.commerce-panel button:focus-visible{outline:3px solid #087fae;outline-offset:3px}
@media(max-height:650px){.commerce-panel{padding:16px}.welcome-icon{width:48px;height:48px;margin-top:6px}.commerce-panel h1.moien{font-size:48px}.commerce-panel p{font-size:14px}.made-with-love{margin-top:10px}}