/* Version 24: compact, professional first-launch welcome.
   No edits to original Version 9 theme; this sheet styles only the welcome overlay. */
#mi-welcome-root:empty{display:none}
body.mi-welcome-open{overflow:hidden}
body.mi-welcome-open #daily-dua-popup{visibility:hidden}
.mi-welcome-backdrop{
 position:fixed;z-index:10030;inset:0;display:flex;align-items:center;justify-content:center;
 padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));
 overflow-y:auto;overscroll-behavior:contain;
 background:linear-gradient(145deg,#f4f3eb 0%,#f9faf6 52%,#e9eee6 100%);
 color:#183d32;
}
.mi-welcome-card{
 box-sizing:border-box;position:relative;width:min(100%,382px);padding:27px 25px 22px;
 background:#fffefb;border:1px solid #e2e3d9;border-radius:22px;
 box-shadow:0 23px 78px #182e251a,0 2px 8px #182e2508;
 display:flex;flex-direction:column;align-items:stretch;gap:0;
}
.mi-welcome-identity{text-align:center;display:flex;flex-direction:column;align-items:center}
.mi-welcome-mark-wrap{display:grid;place-items:center;width:65px;height:65px;border-radius:19px;color:#dbbd80;background:#173e33;margin:0 0 14px}
.mi-welcome-mark{width:43px;height:43px}
.mi-welcome-brand{font-size:17px;letter-spacing:.09em;line-height:1.25;font-weight:600;color:#15392e}
.mi-welcome-brand strong{font-weight:800}
.mi-welcome-location{font-size:10px;font-weight:800;letter-spacing:.22em;color:#a18452;margin-top:5px}
.mi-welcome-introduction{text-align:center;padding:23px 0 23px}
.mi-welcome-introduction h1{font-family:"Amiri",serif;font-size:30px;font-weight:500;line-height:1.8;margin:0 0 3px;color:#163a2f}
.mi-welcome-introduction h2{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.4;margin:0;color:#183d32}
.mi-welcome-introduction p{font-size:12px;line-height:1.6;color:#66776c;max-width:265px;margin:7px auto 0}
.mi-welcome-options{display:flex;flex-direction:column;gap:11px}
.mi-welcome-options button{font-family:inherit;font-weight:700;cursor:pointer;border-radius:10px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;transition:border-color .15s,background .15s,transform .15s}
.mi-welcome-options button:focus-visible{outline:3px solid #caab6a;outline-offset:3px}
.mi-welcome-options button:disabled{opacity:.6;cursor:wait}
.mi-welcome-email{color:#fff;background:#173e33;border:1px solid #173e33;font-size:13px;width:100%}
.mi-welcome-email:hover{background:#285545}
.mi-welcome-divider{display:flex;align-items:center;gap:13px;color:#9a9f98;padding:0 0}
.mi-welcome-divider>span{height:1px;background:#e1e4df;flex:1}
.mi-welcome-divider small{font-size:10px;letter-spacing:.15em}
.mi-welcome-options .mi-welcome-guest{height:35px;min-height:35px;background:none;color:#224f40;border:0;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.mi-welcome-guest:hover{color:#97753c}
.mi-welcome-status{margin:-2px 0 0;min-height:22px;line-height:1.45;font-size:10px;color:#637469;text-align:center}
.mi-welcome-footer{margin:23px 0 0;padding-top:15px;border-top:1px solid #eff0ec;color:#8c9389;letter-spacing:.17em;font-size:9px;text-align:center;font-weight:800}
.mi-welcome-review-link{display:inline-block;font-size:13px;margin:18px 0 0;text-underline-offset:4px;color:var(--ink,#183d32)}
@media(max-width:370px){
 .mi-welcome-card{padding:21px 19px;border-radius:18px}
  .mi-welcome-introduction{padding:15px 0 18px}
 .mi-welcome-mark-wrap{width:54px;height:54px}
}
@media(max-height:620px){
 .mi-welcome-backdrop{align-items:flex-start}
 .mi-welcome-card{margin:auto}
 .mi-welcome-introduction{padding:12px 0}
 .mi-welcome-mark-wrap{width:48px;height:48px;margin-bottom:7px}
 .mi-welcome-mark{width:32px;height:32px}
 .mi-welcome-footer{margin-top:12px;padding-top:9px}
}
@media(prefers-reduced-motion:reduce){.mi-welcome-options button{transition:none}}

/* Standalone first-launch email sign-in — never show Settings behind the flow. */
.mi-welcome-card-auth{width:min(100%,430px);padding:24px 27px 20px}
.mi-welcome-card-auth .mi-welcome-mark-wrap{width:56px;height:56px;margin-bottom:10px}
.mi-welcome-card-auth .mi-welcome-mark{width:35px;height:35px}
.mi-welcome-auth-introduction{text-align:center;padding:18px 0 4px}
.mi-welcome-auth-introduction h1{font-family:"Amiri",serif;font-size:24px;color:#173e33;line-height:1.5;margin:0}
.mi-welcome-auth-introduction h2{font-size:21px;line-height:1.35;color:#173e33;font-weight:800;margin:4px 0 5px}
.mi-welcome-auth-introduction p{font-size:12px;color:#65766c;line-height:1.65;margin:0}
.mi-welcome-account-form{color:#183d32}
.mi-welcome-account-form .mi-member-choice{background:#edf1eb;border-color:#d8e0d6;margin:16px 0 14px}
.mi-welcome-account-form .mi-member-choice button{color:#173e33}
.mi-welcome-account-form .mi-member-choice button.active{background:#fffefb;border-color:#d8e0d6;color:#173e33}
.mi-welcome-account-form .mi-member-form{gap:10px}
.mi-welcome-account-form .mi-member-form label{gap:5px;color:#173e33;font-size:12px}
.mi-welcome-account-form .mi-member-form input{
 box-sizing:border-box;background:#fffefb;color:#173e33;border:1px solid #aebfb1;
 padding:9px 12px;min-height:43px;font-size:14px;max-width:100%
}
.mi-welcome-account-form .mi-member-form button[type="submit"]{
 background:#173e33;color:#fff;border:1px solid #173e33;border-radius:10px;
 width:100%;justify-self:stretch;min-height:45px;font-size:13px;font-weight:750;
 cursor:pointer;margin-top:3px
}
.mi-welcome-account-form .mi-member-forgot{color:#285545;margin-top:8px;font-size:12px}
.mi-welcome-account-form .mi-member-message{font-size:12px;line-height:1.5;margin:8px 0 0;min-height:0;color:#285545}
.mi-welcome-account-form .mi-member-message.error{color:#a53333}
.mi-welcome-auth-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}
.mi-welcome-auth-footer button{
 background:transparent;color:#285545;text-decoration:underline;text-underline-offset:3px;
 border:0;padding:10px 0;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer
}
.mi-welcome-account-status{color:#285545;font-size:13px;line-height:1.65;padding:24px 5px;text-align:center}
.mi-welcome-account-form input:focus-visible,.mi-welcome-auth-footer button:focus-visible{
 outline:3px solid #caab6a;outline-offset:2px
}
@media(max-width:370px){
 .mi-welcome-card-auth{padding:17px 16px}
 .mi-welcome-auth-introduction{padding-top:12px}
 .mi-welcome-auth-introduction h2{font-size:19px}
}