/* Scoped to MomoWowo's announcement dialog; colors inherit the site's theme. */
#mmw-announcements{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(940px,calc(100vw - 40px));height:min(760px,86dvh);max-width:none;max-height:90dvh;padding:0;border:1px solid var(--border,#dedbd2);border-radius:24px;background:var(--background,#faf9f5);color:var(--foreground,#222);font-family:var(--font-body,Georgia,serif);box-shadow:0 28px 100px #0004;overflow:hidden}
#mmw-announcements:not([open]){display:none}
#mmw-announcements::backdrop{background:rgb(0 0 0 / .48);backdrop-filter:blur(5px)}
#mmw-announcements *{box-sizing:border-box}
#mmw-announcements .mmw-frame{height:100%;display:flex;flex-direction:column}
#mmw-announcements .mmw-heading{padding:22px 28px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#mmw-announcements h2{font-size:17px;line-height:1.5;font-weight:650;margin:0}
#mmw-announcements .mmw-subtitle{font-size:12px;margin:3px 0 0;color:var(--muted-foreground,#777)}
#mmw-announcements button,#mmw-announcements a{font:inherit;-webkit-tap-highlight-color:transparent}
#mmw-announcements button{cursor:pointer}
#mmw-announcements .mmw-x{width:32px;height:32px;flex-shrink:0;border:0;background:transparent;color:var(--muted-foreground,#777);font-family:system-ui,sans-serif;font-size:25px;line-height:1;border-radius:50%}
#mmw-announcements .mmw-x:hover{background:var(--accent,#efede7);color:var(--foreground,#222)}
#mmw-announcements .mmw-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 28px 16px;background:var(--muted,#f0eee8);border:1px solid var(--border,#dedbd2);border-radius:999px}
#mmw-announcements [role=tab]{border:0;border-radius:999px;padding:9px 16px;font-size:13px;background:transparent;color:var(--muted-foreground,#777);display:flex;justify-content:center;align-items:center;gap:7px}
#mmw-announcements [role=tab][aria-selected=true]{background:var(--background,#faf9f5);color:var(--foreground,#222);box-shadow:0 1px 5px #0001}
#mmw-announcements svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
#mmw-announcements .mmw-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 28px 24px;scrollbar-width:thin;scrollbar-color:var(--border,#dedbd2) transparent}
#mmw-announcements [hidden]{display:none!important}
#mmw-announcements .mmw-hero{text-align:center;padding:26px 16px 30px}
#mmw-announcements .mmw-eyebrow{display:inline-block;letter-spacing:.15em;font:11px/1.5 system-ui,sans-serif;color:var(--primary,#d97757);margin-bottom:14px}
#mmw-announcements h3{font-size:clamp(22px,3.3vw,32px);font-weight:650;line-height:1.45;letter-spacing:-.025em;margin:0 0 16px}
#mmw-announcements p{font-size:14px;line-height:1.9;margin:0;color:var(--muted-foreground,#777)}
#mmw-announcements .mmw-intro{max-width:640px;margin:0 auto}
#mmw-announcements .mmw-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 0}
#mmw-announcements .mmw-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid var(--border,#dedbd2);border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;background:transparent;color:var(--foreground,#222);line-height:1.5}
#mmw-announcements .mmw-action:not(:disabled):hover{background:var(--accent,#efede7)}
#mmw-announcements .mmw-action:disabled{cursor:default;color:var(--muted-foreground,#777);border-style:dashed}
#mmw-announcements .mmw-pending{font-size:10px;font-weight:400}
#mmw-announcements .mmw-primary{background:var(--primary,#d97757);border-color:var(--primary,#d97757);color:var(--primary-foreground,#fff)}
#mmw-announcements .mmw-primary:not(:disabled):hover{background:var(--primary,#d97757);filter:brightness(.95)}
#mmw-announcements .mmw-section{padding:26px 8px;border-top:1px solid var(--border,#dedbd2)}
#mmw-announcements h4{font-size:18px;font-weight:600;line-height:1.6;margin:0 0 10px}
#mmw-announcements .mmw-text-link{display:inline-block;color:var(--primary,#d97757);font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:12px}
#mmw-announcements .mmw-guide{background:var(--muted,#f0eee8);border:1px solid var(--border,#dedbd2);border-radius:16px;padding:22px 24px;margin:0 0 24px;scroll-margin:12px}
#mmw-announcements ol{padding-left:22px;margin:0;font-size:14px;line-height:2;color:var(--muted-foreground,#777)}
#mmw-announcements li+li{margin-top:7px}
#mmw-announcements .mmw-end{font-size:12px;text-align:center;padding:0 8px}
#mmw-announcements .mmw-footer{padding:15px 28px;border-top:1px solid var(--border,#dedbd2);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--background,#faf9f5)}
#mmw-announcements .mmw-footer>span{font:11px/1.5 system-ui,sans-serif;letter-spacing:.09em;color:var(--muted-foreground,#777)}
#mmw-announcements .mmw-footer-actions{display:flex;gap:9px}
#mmw-announcements .mmw-footer .mmw-action{padding:8px 16px;font-size:12px}
#mmw-announcements :focus-visible{outline:2px solid var(--ring,#d97757);outline-offset:3px}
#mmw-announcements .mmw-empty{text-align:center;padding:70px 12px}
#mmw-announcements .mmw-update{padding:22px 8px;border-bottom:1px solid var(--border,#dedbd2);white-space:pre-wrap;overflow-wrap:anywhere}
#mmw-announcements .mmw-qr{max-width:280px;width:100%;height:auto;display:block;margin:20px auto;border-radius:12px}
html.mmw-announcement-open{overflow:hidden}
#mmw-community-dialog{position:fixed;inset:0;margin:auto;width:min(470px,calc(100vw - 32px));max-width:none;max-height:90dvh;overflow:auto;padding:30px 30px 24px;border:1px solid var(--border,#dedbd2);border-radius:22px;background:var(--background,#faf9f5);color:var(--foreground,#222);text-align:center;box-shadow:0 28px 100px #0005}
#mmw-community-dialog:not([open]){display:none}
#mmw-community-dialog::backdrop{background:rgb(0 0 0 / .62);backdrop-filter:blur(7px)}
#mmw-community-dialog .mmw-community-close{position:absolute;right:14px;top:14px;border:1px solid var(--border,#dedbd2)}
#mmw-community-dialog .mmw-community-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 24px 18px;color:var(--primary,#d97757);font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.05em}
#mmw-community-dialog .mmw-community-brand svg{width:25px;height:25px;padding:4px;border-radius:8px;background:var(--primary,#d97757);color:var(--primary-foreground,#fff)}
#mmw-community-dialog h3{font-size:25px;margin:0 0 20px;line-height:1.5}
#mmw-community-dialog .mmw-community-image{padding:12px;border:1px solid var(--border,#dedbd2);background:white}
#mmw-community-dialog .mmw-community-qr{display:block;width:100%;max-height:48dvh;object-fit:contain;background:white}
#mmw-community-dialog .mmw-community-number{color:var(--foreground,#222);font-size:14px;margin:16px 0 6px;font-variant-numeric:tabular-nums}
#mmw-community-dialog #mmw-community-hint{font-size:12px;line-height:1.8}
@media(max-width:600px){#mmw-community-dialog{padding:30px 20px 22px;border-radius:18px}#mmw-community-dialog h3{font-size:22px}#mmw-community-dialog .mmw-community-brand{font-size:10px}}
@media(max-width:600px){#mmw-announcements{width:calc(100vw - 20px);height:88dvh;max-height:92dvh;border-radius:18px}#mmw-announcements .mmw-heading{padding:18px 18px 14px}#mmw-announcements .mmw-tabs{margin:0 18px 10px}#mmw-announcements .mmw-scroll{padding:0 18px 20px}#mmw-announcements .mmw-hero{padding:22px 0 26px}#mmw-announcements .mmw-actions{gap:8px}#mmw-announcements .mmw-action{padding:10px 13px;font-size:12px}#mmw-announcements .mmw-section{padding:22px 2px}#mmw-announcements .mmw-footer{padding:12px 18px}#mmw-announcements .mmw-footer>span{font-size:9px}#mmw-announcements .mmw-footer .mmw-action{padding:8px 11px}#mmw-announcements .mmw-guide{padding:18px}}

/* Community colors apply only to enabled entrances. */
#mmw-announcements .mmw-action[data-community="qq"]:not(:disabled){background:#1769d2;border-color:#1769d2;color:#fff}
#mmw-announcements .mmw-action[data-community="qq"]:not(:disabled):hover{background:#1258b5;border-color:#1258b5}
#mmw-announcements .mmw-action[data-community="wechat"]:not(:disabled){background:#168548;border-color:#168548;color:#fff}
#mmw-announcements .mmw-action[data-community="wechat"]:not(:disabled):hover{background:#116c3a;border-color:#116c3a}