.cc-update-notice[hidden] { display:none !important; }
.cc-update-notice { position:fixed; z-index:95; bottom:18px; left:50%; transform:translateX(-50%); width:min(1060px,calc(100% - 36px)); max-height:45dvh; overflow:auto; display:flex; align-items:center; gap:30px; padding:24px 28px; background:#151719; border:1px solid #ffffff30; border-top:2px solid #f5c300; border-radius:4px; color:#f0f0e8; box-shadow:0 18px 65px #0005; font-family:'Space Grotesk',Arial,sans-serif; }
.cc-update-copy { flex:1; min-width:0; }
.cc-update-eyebrow { color:#f5c300; font:9px 'JetBrains Mono',monospace; letter-spacing:.1em; }
.cc-update-notice #cc-onboarding-title { color:#f0f0e8; font-size:23px; font-weight:500; line-height:1.2; letter-spacing:-.035em; margin:9px 0; overflow-wrap:anywhere; }
.cc-update-notice #cc-onboarding-text { color:#b8bab2; font-size:13px; line-height:1.7; margin:0; overflow-wrap:anywhere; }
.cc-update-actions { display:flex; align-items:center; gap:15px; flex-shrink:0; }
.cc-update-actions a { display:block; background:#f5c300; color:#0b0c0e; font-size:12px; font-weight:700; padding:13px 18px; text-decoration:none; border-radius:3px; max-width:260px; overflow-wrap:anywhere; }
.cc-update-actions a:hover { background:#ffda47; color:#0b0c0e; }
.cc-update-actions button { border:0; background:none; color:#b8bab2; padding:12px; font-size:12px; cursor:pointer; }
.cc-update-actions :is(a,button):focus-visible { outline:2px solid #f5c300; outline-offset:3px; }
@media(max-width:700px) { .cc-update-notice { display:block; padding:20px; bottom:10px; width:calc(100% - 20px); } .cc-update-actions { margin-top:16px; flex-wrap:wrap; } }