:root {
color-scheme: only dark;
} .icb-banner {
position: fixed;
left: 0;
right: 0;
bottom: 2.5rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
max-width: 36rem; background: #111;
color: #fff;
border-radius: 12px;
padding: 1rem;
z-index: 99999;
box-shadow: 0 8px 24px rgba(0,0,0,.3); transition: all .25s ease;
}
.icb-visible { transform: translateY(0); opacity: 1; }
.icb-banner__title { margin: 0 0 .25rem; font-size: 1.1rem; font-weight: 700; }
.icb-banner__text { margin: 0 0 .75rem; line-height: 1.45; font-size: .95rem; }
.icb-banner__actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.icb-btn {
cursor: pointer; border: 1px solid #333; padding: .5rem .75rem; border-radius: 8px; font-weight: 600;
background: #222; color: #fff;
}
.icb-btn--primary { 
background: #222; 
color: #fff; 
border-color: #222; 
}
.icb-btn--ghost { background: transparent; color: #fff; border-color: #555; }
.icb-btn--neutral { background: #222; color: #fff; }
.icb-policy { display: inline-block; margin-top: .5rem; font-size: .85rem; color: #bbb; text-decoration: underline; } .icb-modal { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: none; z-index: 100000; }
.icb-modal.icb-open { display: block; }
.icb-modal__dialog {
position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
width: min(680px, 92vw); background: #111; color: #fff; border-radius: 12px; overflow: hidden;
box-shadow: 0 12px 36px rgba(0,0,0,.25);
}
.icb-modal__header { padding: .9rem 1rem; border-bottom: 1px solid #222; display: flex; justify-content: space-between; align-items: center; }
.icb-close { background: transparent; border: 0; font-size: 1.25rem; cursor: pointer; }
.icb-modal__body { padding: 1rem; }
.icb-categories { list-style: none; padding: 0; margin: 0; }
.icb-cat { padding: .5rem 0; border-bottom: 1px solid #f3f3f3; }
.icb-cat:last-child { border-bottom: 0; }
.icb-cat label { display: flex; gap: .5rem; align-items: center; }
.icb-cat input[type="checkbox"] { width: 18px; height: 18px; }
.icb-cat__label { font-weight: 600; }
.icb-modal__footer { padding: .9rem 1rem; border-top: 1px solid #222; display: flex; gap: .5rem; justify-content: flex-end; } .icb-footer-link { text-align: center; margin-top: .5rem; }
.icb-footer-link .icb-open-prefs { color: #999; font-size: .85rem; text-decoration: underline; }
.icb-modal__dialog { background: #111; color: #fff; }
.icb-cat { border-bottom-color: #222; }
.icb-btn--primary { background: #222; color: #fff; border-color: #222; }
.icb-btn--ghost { color: #ddd; border-color: #444; }
.icb-banner { background: #111; color: #fff; }
@media (max-width: 640px) {
.icb-banner {
max-width: 100vw;
left: 0;
right: 0;
margin-left: 0;
margin-right: 0;
bottom: 0.5rem;
border-radius: 10px;
margin-bottom: 0;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
} .icb-reopen {
position: fixed;
left: 1rem;
bottom: 1rem;
z-index: 99998;
width: 44px;
height: 44px;
border-radius: 999px;
border: 1px solid #333;
background: #111;
color: #fff;
cursor: pointer;
box-shadow: 0 8px 24px rgba(0,0,0,.3);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 1;
}
.icb-reopen:hover { filter: brightness(1.1); }
.icb-reopen:focus { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 640px) {
.icb-reopen { left: .75rem; bottom: .75rem; }
}