@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap");
.mcs-cc{
--ink:#f6f3ff; --muted:#a9a2c6; --line:rgba(255,255,255,0.14);
--accent:var(--mcs-cc-accent,#22d3ee); --violet:#8b5cf6;
position:fixed; z-index:2147483000; left:0; right:0; bottom:0;
font-family:'Inter',system-ui,sans-serif; padding:18px;
opacity:0; transform:translateY(16px); transition:opacity .32s ease, transform .32s ease;
pointer-events:none;
}
.mcs-cc.is-in{opacity:1; transform:none; pointer-events:auto}
.mcs-cc *{box-sizing:border-box}
.mcs-cc__panel{
max-width:1100px; margin:0 auto;
background:rgba(14,10,26,0.92); backdrop-filter:blur(16px);
border:1px solid var(--line); border-radius:16px;
box-shadow:0 24px 70px rgba(0,0,0,0.5);
padding:24px 26px; color:var(--ink);
display:flex; align-items:center; gap:26px; flex-wrap:wrap;
position:relative; overflow:hidden;
}
.mcs-cc__panel::before{
content:""; position:absolute; inset:0 auto 0 0; width:3px;
background:linear-gradient(180deg,var(--accent),var(--violet));
}
.mcs-cc__body{flex:1; min-width:280px}
.mcs-cc__eyebrow{font-family:'Space Mono',monospace; font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); margin-bottom:8px}
.mcs-cc__title{font-family:'Bricolage Grotesque',sans-serif; font-weight:700; font-size:1.25rem; color:var(--ink); margin:0 0 8px; letter-spacing:-.01em}
.mcs-cc__msg{font-size:.92rem; line-height:1.6; color:var(--muted); margin:0}
.mcs-cc__msg a{color:var(--accent); text-decoration:none; border-bottom:1px solid rgba(34,211,238,.35)}
.mcs-cc__msg a:hover{color:var(--ink)}
.mcs-cc__prefs{margin-top:16px; display:grid; gap:8px}
.mcs-cc__row{display:flex; align-items:center; justify-content:space-between; gap:16px;
background:rgba(255,255,255,0.04); border:1px solid var(--line); border-radius:10px; padding:12px 14px; cursor:pointer}
.mcs-cc__row--locked{opacity:.7; cursor:default}
.mcs-cc__cat{display:block; font-weight:600; color:var(--ink); font-size:.9rem}
.mcs-cc__desc{display:block; font-size:.78rem; color:var(--muted); margin-top:2px}
.mcs-cc__row input{width:18px; height:18px; accent-color:var(--accent); cursor:pointer}
.mcs-cc__row--locked input{cursor:not-allowed}
.mcs-cc__actions{display:flex; gap:10px; flex-wrap:wrap; align-items:center}
.mcs-cc__btn{
font-family:'Space Mono',monospace; font-size:.82rem; font-weight:700;
padding:12px 20px; border-radius:8px; cursor:pointer; border:1px solid var(--line);
transition:transform .2s, box-shadow .2s, background .2s, color .2s; white-space:nowrap;
}
.mcs-cc__btn--ghost{background:transparent; color:var(--ink)}
.mcs-cc__btn--ghost:hover{border-color:var(--accent); color:var(--accent)}
.mcs-cc__btn--solid{border-color:transparent; color:#0a0713;
background:linear-gradient(100deg,var(--accent),var(--violet))}
.mcs-cc__btn--solid:hover{transform:translateY(-2px); box-shadow:0 12px 30px rgba(34,211,238,.3)} .mcs-cc--corner .mcs-cc__panel{max-width:420px; margin:0; flex-direction:column; align-items:stretch}
.mcs-cc--corner{left:auto; right:0; max-width:460px}
.mcs-cc--corner .mcs-cc__actions{justify-content:flex-end} .mcs-cc-reopen{
position:fixed; left:18px; bottom:18px; z-index:2147482000;
width:46px; height:46px; border-radius:50%; cursor:pointer; padding:0;
background:rgba(14,10,26,0.95) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.16) !important; color:#22d3ee !important;
display:flex; align-items:center; justify-content:center;
box-shadow:0 10px 30px rgba(0,0,0,.4); transition:color .2s, transform .2s, box-shadow .2s;
}
.mcs-cc-reopen svg{width:23px; height:23px; display:block}
.mcs-cc-reopen svg path{stroke:currentColor}
.mcs-cc-reopen svg circle[fill]{fill:currentColor}
.mcs-cc-reopen:hover{color:#f6f3ff !important; transform:translateY(-2px); box-shadow:0 12px 34px rgba(34,211,238,.35)}
@media (max-width:720px){
.mcs-cc__panel{flex-direction:column; align-items:stretch; padding:20px}
.mcs-cc__actions{justify-content:stretch}
.mcs-cc__btn{flex:1; text-align:center}
}