.mo-home-help { position:fixed; right:max(20px,env(safe-area-inset-right)); bottom:max(20px,env(safe-area-inset-bottom)); z-index:65; width:336px; max-width:calc(100vw - 32px); color:#281b22; font:13px/1.6 'DM Sans',Arial,sans-serif; text-align:left; }
.mo-home-help *, .mo-home-help *::before, .mo-home-help *::after { box-sizing:border-box; }
.mo-home-help [hidden] { display:none!important; }
.mo-home-help .mo-help-launcher { display:flex; margin-left:auto; align-items:center; justify-content:center; gap:10px; min-height:52px; border:1px solid #a13d60; border-radius:28px; padding:13px 19px; background:#913250; color:#fff; box-shadow:0 6px 24px #3915252e; font:700 13px/1.4 'DM Sans',Arial,sans-serif; cursor:pointer; }
.mo-help-launcher svg { width:22px; height:22px; flex-shrink:0; }
.mo-home-help .mo-help-panel { position:absolute; right:0; bottom:64px; width:100%; padding:22px; max-height:calc(100dvh - 165px); overflow:auto; border:1px solid #e4c6d2; border-top:4px solid #b63d6c; border-radius:20px; background:#fffafc; box-shadow:0 12px 42px #39152529; }
.mo-home-help .mo-help-close { position:absolute; top:3px; right:3px; display:grid; place-items:center; width:44px; height:44px; min-width:44px; border:0; border-radius:50%; padding:0; background:transparent; color:#694152; cursor:pointer; font:27px/1 Arial,sans-serif; }
.mo-home-help .mo-help-close:hover { background:#f8e5ed; }
.mo-home-help .mo-help-person { display:flex; align-items:center; gap:10px; padding-right:24px; margin-bottom:14px; }
.mo-home-help .mo-help-photo { display:block; width:44px; height:44px; object-fit:cover; object-position:50% 22%; border-radius:50%; flex-shrink:0; }
.mo-home-help .mo-help-person strong { display:block; font-size:13px; font-weight:700; }
.mo-home-help .mo-help-person span { display:block; font-size:11px; color:#795363; }
.mo-home-help h2 { font:600 29px/1.08 'Cormorant Garamond',Georgia,serif; letter-spacing:-.02em; margin:0 0 10px; color:#281b22; }
.mo-home-help p { font-size:13px; line-height:1.6; margin:0 0 16px; color:#644d58; }
.mo-home-help .mo-help-link { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:46px; width:100%; margin-top:9px; padding:11px 14px; border:1px solid #dcbac8; border-radius:10px; background:#fff; color:#852c50; text-decoration:none; font:700 12px/1.5 'DM Sans',Arial,sans-serif; }
.mo-home-help .mo-help-primary { border-color:#913250; background:#913250; color:white; }
.mo-home-help .mo-help-primary:hover, .mo-home-help .mo-help-launcher:hover { background:#75213d; }
.mo-home-help .mo-help-note { display:block; font-size:10px; line-height:1.5; color:#765c68; margin-top:12px; }
.mo-home-help .mo-help-sound { min-height:44px; padding:8px 0 0; background:transparent; border:0; color:#795363; font:500 11px/1.4 'DM Sans',Arial,sans-serif; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.mo-home-help a:focus-visible, .mo-home-help button:focus-visible { outline:3px solid #b18228; outline-offset:3px; }
body.mo-help-enabled { padding-bottom:84px; }
@media(max-width:600px) { .mo-home-help { right:16px; bottom:max(16px,env(safe-area-inset-bottom)); width:310px; } .mo-home-help .mo-help-panel { padding:18px; } .mo-home-help h2 { font-size:26px; } .mo-home-help p { font-size:12px; } .mo-home-help .mo-help-launcher { min-height:48px; padding:12px 16px; font-size:12px; } }
@media(prefers-reduced-motion:no-preference) { .mo-home-help .mo-help-panel:not([hidden]) { animation:mo-help-arrive .25s ease-out both; } @keyframes mo-help-arrive { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } } }
@media print { .mo-home-help { display:none!important; } body.mo-help-enabled { padding-bottom:0; } }