html.info-open{overflow:hidden}
#info-modal{box-sizing:border-box;width:min(940px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:40px clamp(22px,4vw,48px);border:1px solid #44516a;border-radius:22px;background:#101827;color:#fff4df;box-shadow:0 28px 100px #0008;font:16px/1.55 system-ui,sans-serif;text-align:left}
#info-modal::backdrop{background:#030914ae;backdrop-filter:blur(7px)}
#info-modal .info-close{position:sticky;float:right;top:0;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:#1b2537;color:inherit;font:28px/1 system-ui;cursor:pointer}
#info-modal main{max-width:none;margin:0;padding:0;animation:none}
#info-modal h1{font:900 clamp(30px,4vw,46px)/1.1 'Trebuchet MS',sans-serif;margin:12px 0 24px;max-width:90%}
#info-modal h2{font-size:25px;line-height:1.25}#info-modal p{color:#bdc9dd}#info-modal a,#info-modal em,#info-modal .eyebrow{color:#ffac72}
#info-modal .instruction-list article{display:flex;gap:24px;border-top:1px solid #44516a;padding:20px 0}#info-modal .instruction-list article>span{color:#ff792f;font-size:28px}
#info-modal .platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}#info-modal .platform-grid small{display:block;margin-top:16px}
#info-modal .mood-list{display:flex;flex-wrap:wrap;gap:12px}#info-modal .mood-button{font:inherit;color:inherit;background:transparent;border:1px solid #526078;border-radius:12px;padding:10px;cursor:pointer}#info-modal .mood-button[aria-pressed=true]{border-color:#ff792f;background:#ff792f26}#info-modal .mood-face{display:block;font-size:28px}#info-modal .mood-detail{display:flex;gap:24px;align-items:center;margin:24px 0}#info-modal #info-mood-detail-face{font-size:64px}
#info-modal .page-end{border-top:1px solid #44516a;padding-top:20px;margin-top:24px}#info-modal :is(a,button):focus-visible{outline:3px solid #ff792f;outline-offset:3px}
html[data-mode=light] #info-modal{background:#fff8ee;color:#252135;border-color:#c8bfce}html[data-mode=light] #info-modal p{color:#554f64}html[data-mode=light] #info-modal :is(a,em,.eyebrow){color:#97400c}html[data-mode=light] #info-modal .info-close{background:#f0e5d8}
@media(max-width:600px){#info-modal .platform-grid{grid-template-columns:1fr}#info-modal .mood-detail{gap:14px}}
/* Privacy & support and Terms of use, read in place (info-modal.js); the pages keep their own styles when opened directly. */
#info-modal.is-legal{width:min(820px,calc(100% - 32px))}
#info-modal .legal-page h1{margin-bottom:18px}#info-modal .legal-page h2{margin:30px 0 8px}#info-modal .legal-page li{color:#bdc9dd;margin:4px 0}
#info-modal .legal-page :is(p,li){font-size:15px;line-height:1.65}
#info-modal .legal-page .intro{max-width:none;font-size:15px;margin:0 0 10px;padding:20px 22px;border-radius:18px;background:#1b2537;border:1px solid #44516a}
html[data-mode=light] #info-modal .legal-page .intro{background:#f6ecdf;border-color:#e0d4c4}html[data-mode=light] #info-modal .legal-page li{color:#554f64}