:root{--bg:#fff;--accent:#000000;--muted:#6b7280;--panel:rgba(15,23,42,0.95);--white:#ffffff;--radius:12px;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial}
body{margin:0;min-height:100vh;color:#0f172a}
.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;display:flex;gap:1rem;align-items:center;padding:1rem;border-radius:var(--radius);box-shadow:0 6px 30px rgba(2,6,23,0.2);background:linear-gradient(180deg,var(--white),#fbfdfe);z-index:9998;max-width:950px;margin-left:auto;margin-right:auto}
.cookie-icon{width:64px;height:64px;flex:0 0 64px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#ffffff);display:grid;place-items:center;color:var(--white);font-weight:700;font-size:28px}
.cookie-content{flex:1;min-width:0}.cookie-title{font-weight:700;margin:0 0 6px 0}.cookie-text{margin:0;color:var(--muted);font-size:0.95rem}
.cookie-actions{display:flex;gap:0.5rem;margin-left:auto}
.btn{border:0;padding:0.6rem 0.9rem;border-radius:10px;font-weight:600;cursor:pointer}
.btn-accept{background:var(--accent);color:var(--white)}.btn-reject,.btn-settings{background:transparent;color:var(--muted);border:1px solid #e6eef0}
.overlay{position:fixed;inset:0;background:rgba(2,6,23,0.5);display:none;place-items:center;z-index:10000}
.overlay[aria-hidden="false"]{display:grid}
.panel{background:var(--panel);color:var(--white);width:min(720px,96%);border-radius:14px;padding:1.25rem}
.preference{display:flex;justify-content:space-between;align-items:center;padding:0.6rem;border-radius:10px;margin:0.4rem 0;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent)}
.switch{width:46px;height:26px;border-radius:999px;background:#111827;position:relative;padding:3px;cursor:pointer}
.knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:transform .18s ease}
.switch.on{background:linear-gradient(90deg,var(--accent),#34d399)}.switch.on .knob{transform:translateX(20px)}
.modal-actions{display:flex;gap:0.5rem;justify-content:flex-end;margin-top:1rem}
@media (max-width:520px){.cookie-banner{flex-direction:column;align-items:flex-start;padding:0.9rem}.cookie-icon{width:56px;height:56px}.cookie-actions{width:100%;justify-content:space-between;margin-top:0.5rem}}