:root{--ev-bg:#fff;--ev-fg:#0f172a;--ev-muted:#475569;--ev-accent:#fbf315;--ev-focus:#fbf315;--ev-radius:14px;--ev-shadow:0 16px 48px rgba(2,6,23,.18),0 6px 20px rgba(2,6,23,.1);--ev-z:9998}.event-slidein{background:var(--ev-bg);border-color:var(--ev-accent);border-radius:0 var(--ev-radius) var(--ev-radius) 0;border-style:solid;border-width:3px 3px 3px 0;box-shadow:var(--ev-shadow);color:var(--ev-fg);display:grid;gap:12px;grid-template-columns:1fr 80px;left:0;opacity:0;padding:20px;pointer-events:none;position:fixed;top:400px;transform:translateX(-110%);transition:transform .3s ease-out,opacity .25s ease-out;width:min(480px,92vw);z-index:var(--ev-z)}.event-slidein:focus{outline:3px solid var(--ev-accent);outline-offset:3px}.event-slidein.is-open{opacity:1;pointer-events:auto;transform:translateX(0)}.event-slidein__icon{align-self:start;background:var(--ev-accent);border-radius:10px;box-shadow:0 2px 10px rgba(2,6,23,.1);color:#000;display:grid;height:60px;place-items:center;width:60px}.event-slidein__close{align-items:center;background:transparent;border:0;color:var(--ev-muted);cursor:pointer;display:flex;font-size:18px;height:26px;justify-content:center;padding:1px;position:absolute;right:8px;top:8px;width:26px}.event-slidein__close:hover{background:#c7c7c7}.event-slidein__close:focus{outline:2px solid var(--ev-focus);outline-offset:3px}.event-slidein__content{align-self:center}.event-slidein__meta{color:var(--ev-muted);margin:0 28px 2px 0}.event-slidein__title{margin:0 28px 4px 0}.event-slidein__sub{color:var(--ev-muted);margin:0 0 10px}.event-slidein__btn{background:var(--ev-accent);border-radius:6px;display:inline-block;padding:4px 30px;text-decoration:none}.event-slidein__btn:focus{outline:2px solid var(--ev-focus);outline-offset:3px}.bell{animation:wiggle 1s ease-in-out 4;display:inline-block;transform-origin:top center}@keyframes wiggle{0%,to{transform:rotate(0deg)}15%{transform:rotate(15deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}@media (max-width:476px){.event-slidein{font-size:.75rem;gap:8px;grid-template-columns:1fr 60px}.event-slidein__icon{align-self:start;border-radius:7px;height:45px;width:45px}}