/* ═══════════════════════════════════════════════════════════════════════════ 5MTBot site announcement bar (2026-09-12) — fee update from 1 Oct 2026 Used by index.html and app.html. Markup lives between / in each page; delete that block to remove the bar. Closing it stores `5mt-ann-fee-oct2026` in localStorage, and a one-line script before the bar adds .ann-closed to so a closed bar never flashes on the next visit. ═══════════════════════════════════════════════════════════════════════════ */ .ann-closed .ann-bar{display:none!important} .ann-bar{position:relative;z-index:60;flex:none;display:flex;align-items:center;justify-content:center; padding:9px 52px 9px 18px; background:linear-gradient(90deg,#1b1007 0%,#2b1807 50%,#1b1007 100%); border-bottom:1px solid rgba(255,138,43,.38); box-shadow:inset 0 1px 0 rgba(255,200,150,.06); color:#e6d8c8;font-size:12.5px;line-height:1.55;letter-spacing:-.003em} .ann-bar .ann-inner{display:flex;align-items:center;gap:12px;max-width:1180px} /* plain label, no box: amber caps followed by a muted dash */ .ann-bar .ann-tag{flex:none;display:inline-flex;align-items:center; color:#ffb36b;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap} .ann-bar .ann-tag::after{content:"\2014";margin-left:10px;font-weight:400;letter-spacing:0;color:rgba(255,179,107,.45)} .ann-bar .ann-text{margin:0} .ann-bar .ann-text b{font-weight:600;color:#fff5ea} .ann-bar .ann-link{margin-left:4px;white-space:nowrap;font-weight:600;color:#ffb36b; text-decoration:underline;text-decoration-color:rgba(255,179,107,.45);text-underline-offset:3px;transition:color .15s ease} .ann-bar .ann-link:hover{color:#ffcf99;text-decoration-color:currentColor} .ann-bar .ann-link:focus-visible,.ann-bar .ann-x:focus-visible{outline:2px solid #ffb36b;outline-offset:2px;border-radius:4px} .ann-bar .ann-x{position:absolute;right:12px;top:50%;transform:translateY(-50%); display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0; border:0;border-radius:7px;background:transparent;color:#b6a493;font-size:18px;line-height:1;cursor:pointer; transition:background .15s ease,color .15s ease} .ann-bar .ann-x:hover{background:rgba(255,236,214,.08);color:#fff} @media (max-width:640px){ .ann-bar{justify-content:flex-start;padding:10px 46px 11px 14px;font-size:12px;line-height:1.5} .ann-bar .ann-inner{align-items:flex-start;flex-direction:column;gap:6px} .ann-bar .ann-x{top:8px;transform:none;right:8px} .ann-bar .ann-tag::after{display:none} }