.cookie-consent-widget {
    position: fixed;
    bottom: 16px;
    left: 16px;
    right: 16px;
    max-width: 520px;
    margin: 0 auto;
    z-index: 10000;
    font-size: 13px;
    color: var(--t2, #9ca3af);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.cookie-consent-inner {
    background: var(--bg2, rgba(17, 24, 39, 0.95));
    border: 1px solid var(--border, rgba(55, 65, 81, 0.8));
    border-radius: 14px;
    padding: 16px;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    box-shadow: var(--tm-shadow, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.cookie-consent-content {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.cookie-consent-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: var(--bg3, rgba(31, 41, 55, 0.8));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--acc, #60a5fa);
}

.cookie-consent-text {
    flex: 1 1 0%;
}

.cookie-consent-title {
    font-weight: 700;
    color: var(--t1, #f9fafb);
    margin-bottom: 4px;
}

.cookie-consent-desc {
    margin: 0;
    line-height: 1.5;
}

.cookie-consent-link {
    color: var(--blue, #60a5fa);
    text-decoration: none;
}

.cookie-consent-link:hover {
    text-decoration: underline;
}

.cookie-consent-actions {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.cookie-consent-btn {
    padding: 6px 14px;
    font-size: 12px;
    border-radius: 6px;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: opacity 0.15s ease;
    font-family: inherit;
}

.cookie-consent-btn:hover {
    opacity: 0.9;
}

.cookie-consent-btn-primary {
    background: var(--acc, #2563eb);
    color: white;
    border-color: var(--acc, #2563eb);
}

.cookie-consent-btn-secondary {
    background: var(--bg3, rgba(31, 41, 55, 0.8));
    color: var(--t2, #d1d5db);
    border-color: var(--border, rgba(55, 65, 81, 0.8));
}

.cookie-consent-close {
    background: none;
    border: none;
    color: var(--t4, #6b7280);
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.cookie-consent-close:hover {
    color: var(--t2, #9ca3af);
}

@media (prefers-reduced-motion: reduce) {
    .cookie-consent-widget {
        transition: none !important;
    }
}

/* Modal styles */
.cookie-consent-modal{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:16px}
.cookie-consent-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}
.cookie-consent-modal-content{position:relative;background:var(--bg2,#111827);border:1px solid var(--border,rgba(55,65,81,0.8));border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--tm-shadow,0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1))}
.cookie-consent-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border,rgba(55,65,81,0.3))}
.cookie-consent-modal-title{font-weight:700;color:var(--t1,#f9fafb);font-size:16px;margin:0}
.cookie-consent-modal-close{background:none;border:none;color:var(--t4,#6b7280);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px}
.cookie-consent-modal-close:hover{background:var(--bg3,rgba(31,41,55,0.8));color:var(--t2,#9ca3af)}
.cookie-consent-modal-body{padding:16px}
.cookie-consent-modal-desc{margin:0 0 16px;font-size:13px;color:var(--t2,#9ca3af);line-height:1.5}
.cookie-consent-category{border-bottom:1px solid var(--border,rgba(55,65,81,0.3));padding:12px 0}
.cookie-consent-category:last-child{border-bottom:none}
.cookie-consent-category-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cookie-consent-category-title{font-weight:600;color:var(--t1,#f9fafb);font-size:14px}
.cookie-consent-category-desc{font-size:12px;color:var(--t3,#6b7280);margin-top:2px}
.cookie-consent-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}
.cookie-consent-toggle.disabled{cursor:not-allowed;opacity:0.6}
.cookie-consent-toggle input{position:absolute;opacity:0;width:0;height:0}
.cookie-consent-toggle-slider{position:relative;width:44px;height:24px;background:var(--bg3,rgba(31,41,55,0.8));border:1px solid var(--border,rgba(55,65,81,0.8));border-radius:12px;transition:all 0.2s ease}
.cookie-consent-toggle-slider::before{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--t4,#6b7280);border-radius:50%;transition:transform 0.2s ease}
.cookie-consent-toggle input:checked + .cookie-consent-toggle-slider{background:var(--acc,#2563eb);border-color:var(--acc,#2563eb)}
.cookie-consent-toggle input:checked + .cookie-consent-toggle-slider::before{transform:translateX(20px);background:white}
.cookie-consent-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px;border-top:1px solid var(--border,rgba(55,65,81,0.3))}