/* Installation banner, iOS help and confirmation; fallbacks cover pages without the site theme. */
.web-app-banner{position:fixed;left:50%;bottom:1rem;z-index:1080;display:flex;align-items:center;gap:.85rem;width:min(34rem,calc(100% - 2rem));padding:.85rem 1rem;transform:translateX(-50%);
 background:var(--mt-surface,#19263D);color:var(--mt-text,#F8FAFC);border:1px solid var(--mt-border,#293A55);border-radius:.85rem;box-shadow:0 .75rem 2rem rgba(0,0,0,.45)}
.web-app-banner::before{content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:.85rem .85rem 0 0;background:var(--mt-gradient,linear-gradient(135deg,#22D3EE,#818CF8 55%,#A78BFA))}
.web-app-banner-icon{flex:0 0 auto;width:3rem;height:3rem;border-radius:.65rem}
.web-app-banner-copy{flex:1 1 auto;min-width:0}
.web-app-banner h2{margin:0 0 .15rem;font-size:.95rem;font-weight:700;color:var(--mt-text,#F8FAFC)}
.web-app-banner p{margin:0;font-size:.8rem;line-height:1.4;color:var(--mt-text-secondary,#A8B3C7)}
.web-app-banner-actions{display:flex;flex-direction:column;gap:.4rem;flex:0 0 auto}
.web-app-button{font:inherit;font-size:.82rem;font-weight:600;border:1px solid transparent;border-radius:.5rem;padding:.4rem .9rem;background:var(--mt-primary,#22D3EE);color:#0D1424;cursor:pointer;white-space:nowrap}
.web-app-button:hover{background:var(--mt-primary-hover,#67E8F9)}
.web-app-button:active{background:var(--mt-primary-active,#06B6D4)}
.web-app-button:focus-visible{outline:2px solid var(--mt-primary-hover,#67E8F9);outline-offset:2px}
.web-app-button-quiet{background:transparent;border-color:var(--mt-border,#293A55);color:var(--mt-text-secondary,#A8B3C7)}
.web-app-button-quiet:hover{background:var(--mt-surface-hover,#20304B);color:var(--mt-text,#F8FAFC)}
.web-app-help{max-width:min(26rem,calc(100% - 2rem));padding:1.25rem 1.35rem;background:var(--mt-surface,#19263D);color:var(--mt-text,#F8FAFC);border:1px solid var(--mt-border,#293A55);border-radius:.85rem}
.web-app-help::backdrop{background:rgba(5,9,18,.7)}
.web-app-help h2{margin:0 0 .6rem;font-size:1.1rem}
.web-app-help p{margin:0 0 1rem;line-height:1.5;color:var(--mt-text-secondary,#A8B3C7)}
.web-app-toast{position:fixed;right:1rem;bottom:1rem;z-index:1090;max-width:min(22rem,calc(100% - 2rem));padding:.65rem .9rem;background:var(--mt-surface,#19263D);color:var(--mt-text,#F8FAFC);border:1px solid var(--mt-success,#34D399);border-radius:.6rem;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.4);font-size:.85rem}
.mt-footer-install{font:inherit;font-size:.88rem;line-height:1.5;padding:0;border:0;background:none;color:var(--mt-primary,#22D3EE);cursor:pointer}
.mt-footer-install:hover{color:var(--mt-primary-hover,#67E8F9);text-decoration:underline}
.mt-footer-install:focus-visible{outline:2px solid var(--mt-primary-hover,#67E8F9);outline-offset:2px}
.mt-footer-install[hidden]{display:none}
@media (max-width:575.98px){
 .web-app-banner{flex-wrap:wrap;bottom:.75rem}
 .web-app-banner-copy{flex-basis:calc(100% - 4rem)}
 .web-app-banner-actions{flex-direction:row;width:100%;justify-content:flex-end}
}
@media (display-mode:standalone){.mt-footer-install{display:none}}