:root {
    --unblank-accent: #ccff00;
    --unblank-accent-text: #000000;
    --unblank-dark: #000000;
    --unblank-light: #ffffff;
}

.unblank-floating-button-wrapper { position: fixed !important; bottom: 24px !important; right: 24px !important; z-index: 99999 !important; }
.unblank-floating-launcher { 
    background: var(--unblank-dark) !important; color: var(--unblank-light) !important; border: none !important; 
    padding: 12px 20px !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 13px !important; 
    letter-spacing: 0.3px !important; cursor: pointer !important; box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important; 
    display: flex !important; align-items: center !important; gap: 12px !important; transition: all 0.3s ease !important; 
    outline: none !important; height: 50px !important; 
}
.unblank-floating-launcher.has-items { background: var(--unblank-accent) !important; color: var(--unblank-accent-text) !important; }
.unblank-floating-text-zone { white-space: nowrap !important; font-weight: 700 !important; }
.unblank-floating-launcher:hover { transform: translateY(-3px) scale(1.02) !important; }

.unblank-modal-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(0,0,0,0.6) !important; backdrop-filter: blur(4px) !important; z-index: 1000000 !important; display: flex !important; justify-content: center !important; align-items: center !important; opacity: 0; visibility: hidden; transition: all 0.3s ease !important; padding: 20px !important; box-box-sizing: border-box !important; }
.unblank-modal-overlay.is-open { opacity: 1 !important; visibility: visible !important; }
.unblank-modal-card { background: var(--unblank-light) !important; width: 100% !important; max-width: 500px !important; border-radius: 16px !important; box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; }

.unblank-modal-header { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 18px 24px !important; border-bottom: 1px solid #f0f0f0 !important; }
.unblank-modal-header h3 { margin: 0 !important; font-size: 16px !important; font-weight: 800; color: var(--unblank-dark) !important; }
.unblank-modal-close { background: none !important; border: none !important; font-size: 24px !important; cursor: pointer !important; color: #888 !important; padding: 0 !important;}

.unblank-modal-expanded-window { padding: 24px !important; background: #fdfdfd !important; max-height: 350px !important; overflow-y: auto !important; }
.unblank-modal-rule-panel { display: none !important; }
.unblank-modal-rule-panel.is-active { display: block !important; }
.unblank-panel-title { margin: 0 0 15px 0 !important; font-size: 11px !important; text-transform: uppercase !important; color: #777 !important; letter-spacing: 0.8px !important; }
.unblank-panel-title span { color: var(--unblank-dark) !important; font-weight: 800 !important; }

.unblank-modal-offers-grid { display: flex !important; flex-direction: column !important; gap: 16px !important; }
.unblank-modal-offer-row { background: var(--unblank-light) !important; border: 1.5px solid var(--unblank-dark) !important; border-radius: 10px !important; padding: 16px 18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; position: relative !important; gap: 15px !important; }

.unblank-floating-left-badge { position: absolute !important; top: -10px !important; left: 12px !important; background: var(--unblank-dark) !important; color: var(--unblank-light) !important; font-size: 9px !important; font-weight: 800 !important; padding: 4px 8px !important; border-radius: 4px !important; text-transform: uppercase; }
.unblank-floating-right-badge { position: absolute !important; top: -10px !important; right: 12px !important; background: var(--unblank-accent) !important; color: var(--unblank-accent-text) !important; font-size: 9px !important; font-weight: 800 !important; padding: 4px 8px !important; border-radius: 4px !important; text-transform: uppercase; }
.unblank-offer-label { font-size: 15px !important; font-weight: 800 !important; color: var(--unblank-dark) !important; margin: 0 !important; }
.unblank-offer-sub { font-size: 11px !important; color: var(--unblank-dark) !important; font-weight: 700; background: #f3f3f3 !important; padding: 6px 12px !important; border-radius: 6px !important; border: 1px solid #e5e5e5 !important; }

.unblank-modal-category-track { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; padding: 18px 24px !important; background: var(--unblank-light) !important; border-top: 1px solid #f0f0f0 !important; }
.unblank-modal-cat-tab { background: #f5f5f5 !important; color: #666 !important; border: none !important; padding: 10px 6px !important; border-radius: 10px !important; font-weight: 700 !important; font-size: 12px !important; cursor: pointer !important; text-align: center; }
.unblank-modal-cat-tab.is-active { background: var(--unblank-dark) !important; color: var(--unblank-light) !important; }

@media (max-width: 480px) {
    .unblank-floating-button-wrapper { bottom: 36px !important; right: 16px !important; }
    .unblank-floating-launcher { font-size: 12px !important; height: 46px !important; padding: 10px 16px !important; }
    .unblank-modal-offer-row { flex-direction: column !important; padding: 14px 10px !important; gap: 8px !important; }
    .unblank-offer-sub { width: 100% !important; text-align: center !important; }
}