/* Era ready note (eranote.js), Nov 3 2026 */
.era-ready { display:flex; align-items:center; gap:14px; flex-wrap:wrap; max-width:400px; box-sizing:border-box; margin:10px auto 6px; padding:12px 14px;
  text-align:left; color:var(--ink); border-radius:16px; background:rgba(20,21,44,.9); border:1px solid rgba(255,203,5,.45);
  box-shadow:0 10px 26px rgba(0,0,0,.35); animation:erIn .35s ease-out; }
@keyframes erIn { from { opacity:0; transform:translateY(6px); } }
.er-fan { position:relative; width:64px; height:62px; flex:none; }
.er-fan img { position:absolute; width:32px; border-radius:3px; box-shadow:0 4px 10px rgba(0,0,0,.5); top:calc(4px - var(--i) * 1px); left:calc(var(--i) * 13px); transform:rotate(calc(-9deg + var(--i) * 9deg)); }
.er-tx { flex:1; min-width:180px; display:flex; flex-direction:column; gap:3px; }
.er-tx b { font-size:15px; } .er-tx span { font-size:13px; color:var(--muted); line-height:1.4; } .er-tx .er-need { color:#ffe58a; }
.er-acts { display:flex; align-items:center; gap:12px; flex-basis:100%; justify-content:flex-end; }
.er-go { font:inherit; font-size:13.5px; font-weight:800; color:#1b1600; background:#ffcb05; border:0; border-radius:999px; padding:8px 16px; cursor:pointer; }
.er-no { font:inherit; font-size:12.5px; color:var(--muted); background:none; border:0; padding:4px; cursor:pointer; text-decoration:underline dotted; text-underline-offset:3px; }
.era-ready button:focus-visible { outline:2px solid #ffcb05; outline-offset:2px; }
@media (min-width:900px) { .era-ready { max-width:440px; } }
@media (prefers-reduced-motion:reduce) { .era-ready { animation:none; } }