.cafemail-host{background:#0c0a0c}.cafemail{min-height:100%;padding:8px;display:grid;place-items:center;color:#eee0d5;font-family:'Trebuchet MS',system-ui,sans-serif}.cafemail *{box-sizing:border-box}.cafemail [hidden]{display:none!important}.cafemail .frame{width:min(100%,1366px);aspect-ratio:1366/768;position:relative;container-type:inline-size}.cafemail .stage{position:absolute;inset:0}.cafemail .background,.cafemail .background img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cafemail .mobile-reading,.cafemail .cm-back{display:none}#section-shell .cafemail .hit{position:absolute;left:18.814%;width:27.526%;height:11.98%;border:1px solid transparent;border-radius:17px;cursor:pointer;background:transparent;padding:0;transition:background .2s,border-color .2s}#section-shell .cafemail .hit:hover,#section-shell .cafemail .hit:focus-visible{background:#e99a5b12;border-color:#e99a5b8c}.cafemail .hit[data-id=guigo]{top:26.3%}.cafemail .hit[data-id=ayla]{top:38.93%}.cafemail .hit[data-id=ember]{top:51.69%}.cafemail .hit[data-id=floris]{top:64.45%}.cafemail .hit[data-id=desconhecido]{top:77.21%}#section-shell .cafemail .hit.active{background:#e99a5b0b;box-shadow:inset 0 0 18px #e99a5b0d;border-color:#e99a5b93}#section-shell .cafemail:not([data-selected=guigo]) .hit[data-id=guigo]{border:3px solid #35272a;box-shadow:0 0 2px 2px #211a1c}
.cafemail .main{position:absolute;top:23.57%;left:49.41%;width:45.61%;height:70.7%;overflow:auto;scrollbar-width:thin;scrollbar-color:#785646 #151113;padding-right:10px;overscroll-behavior:contain}.cafemail .page{min-height:100%;animation:cm-reveal .2s}.cafemail .line{height:1px;background:#46373a;margin:18px 0}.cafemail .heading{font-size:clamp(28px,3cqw,41px);font-family:'Comic Sans MS','Segoe Print',GuigoHand,cursive;font-weight:500;margin:0 0 14px;letter-spacing:.2px;color:#f7e8dd}.cafemail .heading:after{content:'';display:block;background:#d78a61;height:3px;width:86px;margin-top:8px}.cafemail .sender{display:flex;gap:13px;align-items:center}.cafemail .avatar{width:61px;height:61px;border-radius:50%;object-fit:cover}.cafemail .sender-name{font-size:24px}.cafemail .small{font-size:15px;color:#bfb0ab;overflow-wrap:anywhere}.cafemail .date{margin-left:auto;color:#bdaba6;font-size:16px}.cafemail .paragraph{font-size:clamp(16px,1.32cqw,18px);line-height:1.5;letter-spacing:.25px;margin:0 0 15px;max-width:574px}#section-shell .cafemail .address{display:inline-flex;gap:15px;align-items:center;color:#e7a66b;border:1px solid #b87851;border-radius:10px;padding:12px 16px;background:#3c261e55;font-size:17px;max-width:100%;overflow-wrap:anywhere;user-select:text}.cafemail .actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}#section-shell .cafemail .actions button{cursor:pointer;background:#251e1f;border:1px solid #6b5050;border-radius:11px;color:#f1decf;padding:12px 14px;font-size:16px;min-height:44px}#section-shell .cafemail .actions button:first-child{border-color:#de935f;color:#f2ae76}#section-shell .cafemail button:disabled{opacity:.6;cursor:default}.cafemail .lockwrap{min-height:490px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 30px}.cafemail .lock{width:92px;height:92px;display:grid;place-items:center;border:1px solid #a16b4a;border-radius:50%;color:#dc9867;font-size:43px;background:#8c4c2922}.cafemail .blocked-title{font-size:clamp(28px,2.8cqw,38px);margin:24px 0 10px;font-family:'Comic Sans MS','Segoe Print',GuigoHand,cursive;color:#f4ddd0}.cafemail .blocked-desc{font-size:clamp(18px,1.54cqw,21px);line-height:1.5;color:#d6c1b8;max-width:480px}.cafemail .tag{font-size:16px;color:#e9aa7e;border:1px solid #865b44;background:#a76d3213;padding:11px 18px;border-radius:99px;margin-top:17px}.cafemail .toast{position:absolute;bottom:2%;left:51%;max-width:45%;background:#2d2425;border:1px solid #d19b72;border-radius:10px;padding:10px 14px;font-size:16px;opacity:0;transition:.18s;pointer-events:none}.cafemail .toast.on{opacity:1}.cafemail .availability{font-size:13px;color:#c5aaa0;line-height:1.4}.cafemail .cm-socials{display:flex;gap:20px;padding:16px 0}.cafemail .cm-socials a{color:#e7a66b;padding:10px 0}.cafemail button:focus-visible,.cafemail a:focus-visible{outline:2px solid #e8a26e;outline-offset:2px}.cafemail h1:focus,.cafemail h2:focus{outline:none}@keyframes cm-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){.cafemail{padding:8px 0;align-items:start;font-family:'Segoe UI',system-ui,sans-serif}.cafemail .frame{width:min(100%,430px);aspect-ratio:390/746}.cafemail .mobile-reading{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cafemail[data-view=reading] .mobile-reading{display:block}.cafemail[data-view=reading] .background,.cafemail[data-view=reading] .hit{display:none}#section-shell .cafemail .hit{left:8%;width:85%;height:10.4%;border-radius:11px}.cafemail .hit[data-id=guigo]{top:26.3%}.cafemail .hit[data-id=ayla]{top:37.5%}.cafemail .hit[data-id=ember]{top:48.9%}.cafemail .hit[data-id=floris]{top:60.3%}.cafemail .hit[data-id=desconhecido]{top:71.6%}.cafemail .main{left:9%;top:18.4%;width:83%;height:75.1%;padding:16px 12px;background:#151113;border-radius:12px}.cafemail .heading{font-size:30px}.cafemail .paragraph{font-size:16px}.cafemail .avatar{width:44px;height:44px}.cafemail .sender{gap:8px}.cafemail .sender-name{font-size:20px}.cafemail .small{font-size:13px}.cafemail .date{font-size:13px}.cafemail .actions{display:grid}.cafemail .lockwrap{min-height:480px;padding:8px 0}.cafemail .blocked-title{font-size:28px}.cafemail .blocked-desc{font-size:16px}.cafemail .tag{font-size:13px}#section-shell .cafemail .address{font-size:15px;padding:10px;gap:6px}.cafemail[data-view=reading] .cm-back{display:block!important}#section-shell .cafemail .cm-back{position:absolute;left:5%;top:9.9%;width:12%;height:6%;min-width:44px;min-height:44px;padding:0;background:#100e10;color:#e6a57b;font-size:26px;border-radius:8px}.cafemail .toast{left:10%;max-width:80%;bottom:7%}}
@media(prefers-reduced-motion:reduce){.cafemail *{animation:none!important;transition:none!important}}

/* CafeMail only: reuse its existing artistic section header. */
.cafemail-language{position:relative;margin-left:auto;flex-shrink:0;font:26px GuigoHand,cursive;color:#efeee9;z-index:6}
#section-shell .cafemail-language button{font:inherit;color:inherit;background:none;border:0;min-height:44px;padding:6px 8px}
.cafemail-language .local-language-choices{position:absolute;right:0;top:100%;display:flex;gap:8px;background:#08090c;border:1px solid #eee9dd38;padding:10px;white-space:nowrap}
.cafemail-language button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
#section-shell:has(.cafemail-language) .section-header{gap:12px}
@media(max-width:650px){#section-shell:has(.cafemail-language) .section-header{padding-inline:12px;gap:8px}#section-shell:has(.cafemail-language) .section-wordmark{font-size:22px}#section-shell:has(.cafemail-language) .system-return{font-size:18px}.cafemail-language{font-size:22px}}
