[hidden] { display:none!important; }
.mute-toggle[aria-pressed=true] { border-color:#ffb400; color:#ffb400; }
.install-banner { position:fixed; z-index:100; bottom:max(12px,env(safe-area-inset-bottom)); left:12px; right:12px; max-width:690px; margin:auto; display:flex; align-items:center; gap:12px; padding:14px; border:1px solid #8b6520; border-radius:18px; background:#191b21f5; color:#eee; box-shadow:0 8px 40px #0009; font-size:13px; }
.install-banner img { border-radius:10px; flex:none; }
.install-banner div { flex:1; min-width:0; }
.install-banner p { margin:3px 0 0; font-size:12px; color:#b6b9be; }
.install-banner button, .quiz-push button { border:1px solid #ffb400; border-radius:10px; padding:9px 12px; background:#ffb400; color:#17120a; font:inherit; cursor:pointer; }
.install-banner #dismiss-install { border:0; background:transparent; color:#ddd; padding:8px; font-size:22px; }
.quiz-push { position:relative; margin:0 0 18px; padding:12px 50px 12px 12px; border:1px solid #514126; border-radius:12px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.quiz-push #dismiss-quiz-push { position:absolute; top:6px; right:6px; width:38px; height:38px; padding:0; border:0; background:transparent; color:var(--fg-dim); font-size:26px; }
.quiz-push small { color:var(--fg-dim); flex:1; min-width:180px; }
.quiz-push button[aria-pressed=true] { color:#ffb400; background:#272116; }
.quiz-push button:disabled { opacity:.6; }
@media(max-width:400px) { .install-banner { gap:8px; padding:10px; } .install-banner img { display:none; } .install-banner strong { font-size:12px; } }
body:has(.install-banner:not([hidden])) { padding-bottom:130px; }