.privacy-panel { position: fixed; z-index: 3000; bottom: 20px; left: 20px; width: min(570px, calc(100% - 40px)); max-height: calc(100dvh - 40px); overflow: auto; box-sizing: border-box; background: #1b102a; color: #f5efff; border: 1px solid #72558a; border-radius: 16px; padding: 24px; box-shadow: 0 16px 65px #0009; font-family: Arial,sans-serif; }
.privacy-panel[hidden], .privacy-settings[hidden] { display: none; }
.privacy-panel h2 { margin: 0 0 12px; font-size: 21px; color:#fff; }
.privacy-panel p { font-size: 14px; line-height: 1.55; margin: 8px 0 16px; color: #e0d6e9; }
.privacy-panel a { color: #b2ed80; text-decoration: underline; }
.privacy-actions { display:flex; flex-wrap:wrap; gap:8px; }
.privacy-panel button { padding: 12px 15px; border-radius: 7px; border: 1px solid #c2a4d8; color:#fff; background:#37204d; cursor:pointer; font-weight:700; font-size:13px; }
.privacy-panel button:hover { background:#513166; }
.privacy-settings { margin-top:20px; border-top:1px solid #72558a; padding-top:18px; }
.privacy-settings label { display:flex; gap:10px; align-items:center; line-height:1.5; }
.privacy-settings input { width:18px; height:18px; accent-color:#8fe449; flex-shrink:0; }
.privacy-panel :focus-visible { outline:2px solid #a6ed67; outline-offset:3px; }
.privacy-open-button { color:var(--text-dim,#cbbddd); border:0; background:none; text-decoration:underline; cursor:pointer; padding:12px; font-size:12px; }
.privacy-open .day-banner { visibility:hidden; }
@media(max-width:520px) { .privacy-panel { padding:18px; bottom:12px; left:12px; width:calc(100% - 24px); } .privacy-actions button { flex:1 1 140px; } }