:root{
  --accent:#00411d; --text:#0b1a13; --muted:#5b6b61; --bg:#ffffff; --border:#e7ece8;
  --noteBg:#f6fff9; --noteBorder:#d8efe2;
}
/* Buttons */
.btn{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;
     border:1px solid var(--border);background:#fff;border-radius:.5rem;padding:.5rem .8rem;cursor:pointer}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.ghost{background:#fff;color:var(--accent);border-color:var(--accent)}
.btn.link{border:none;background:none;color:var(--accent);padding:0}

/* Banner */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--border);
  box-shadow:0 -6px 18px rgba(0,0,0,.06);z-index:9999}
.cookie-banner .inner{max-width:960px;margin:0 auto;padding:1rem 1.25rem;display:grid;gap:.75rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
@media(min-width:760px){.cookie-banner .inner{grid-template-columns:1fr auto;align-items:center}}
.cookie-banner p{margin:0}
.cookie-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}

/* Modal */
.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:10000}
.cookie-modal[aria-hidden="false"]{display:flex}
.cookie-card{background:#fff;border-radius:.75rem;border:1px solid var(--border);max-width:680px;width:92%;padding:1rem;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.cookie-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);
  border-radius:.5rem;padding:.6rem .75rem;margin:.5rem 0;background:#fff}
.cookie-row small{color:var(--muted)}
.switch{position:relative;width:46px;height:26px;display:inline-block}
.switch input{display:none}
.slider{position:absolute;cursor:pointer;inset:0;background:#d7dfda;border-radius:999px;transition:.2s}
.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.15)}
input:checked + .slider{background:var(--accent)}
input:checked + .slider:before{transform:translateX(20px)}
.badge{display:inline-block;font-size:.8rem;padding:.15rem .4rem;border-radius:.4rem;border:1px solid var(--border);color:var(--muted)}