/* Fascia privacy choice card. Small, bottom-left, ink with lime. Loads on every page after the page stylesheet. */
.fxc{position:fixed;left:16px;bottom:16px;z-index:9000;width:min(380px,calc(100vw - 32px));box-sizing:border-box;padding:18px 18px 16px;border-radius:16px;background:#141413;color:#F1EFE9;font-family:Arial,Helvetica,sans-serif;box-shadow:0 24px 60px -24px rgba(0,0,0,.55),0 0 0 1px rgba(241,239,233,.08);overflow:hidden;animation:fxcIn .5s cubic-bezier(.2,.7,.2,1) both}
.fxc[hidden]{display:none}
.fxc::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes fxcIn{from{opacity:0;transform:translateY(14px)}}
.fxc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.fxc-lab{margin:0;font:400 11px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:#A9A7A1}
.fxc-br{display:grid;grid-template-columns:repeat(3,5px);gap:3px;padding:4px 5px;border:1.5px solid rgba(241,239,233,.5);border-radius:5px}
.fxc-br i{width:5px;height:5px;border-radius:50%;background:rgba(241,239,233,.18)}.fxc-br i.on{background:#E9FF90}
.fxc-p{margin:0 0 14px;font-size:14px;line-height:1.45;letter-spacing:-.005em;color:#E4E2DC}
.fxc-p a{color:#F1EFE9;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(241,239,233,.45)}
.fxc-p a:hover{text-decoration-color:#E9FF90}
.fxc-row{display:flex;align-items:center;gap:8px}
.fxc-b{flex:1;min-height:40px;padding:0 14px;border:0;border-radius:999px;font:400 14px Arial,Helvetica,sans-serif;cursor:pointer;transition:transform .15s,background .2s}
.fxc-b:active{transform:scale(.97)}
.fxc-b.yes{background:#E9FF90;color:#141413}.fxc-b.yes:hover{background:#F2FFB8}
.fxc-b.no{background:#F1EFE9;color:#141413}.fxc-b.no:hover{background:#FFFFFF}
.fxc-set{flex:none;padding:0 4px;min-height:40px;border:0;background:none;color:#C9C7C1;font:400 11px 'Geist Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.fxc-set:hover{color:#E9FF90}
.fxc :focus-visible{outline:2px solid #E9FF90;outline-offset:2px}
/* settings view */
.fxc-opts{list-style:none;margin:2px 0 14px;padding:0;border-top:1px solid rgba(241,239,233,.14)}
.fxc-opts li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(241,239,233,.14)}
.fxc-opts b{display:block;font-weight:400;font-size:14px;color:#F1EFE9}
.fxc-opts small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:#A9A7A1}
.fxc-sw{position:relative;flex:none;width:38px;height:22px}
.fxc-sw input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.fxc-sw span{position:absolute;inset:0;border-radius:999px;background:rgba(241,239,233,.18);transition:background .2s;pointer-events:none}
.fxc-sw span::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#F1EFE9;transition:transform .2s}
.fxc-sw input:checked+span{background:#E9FF90}.fxc-sw input:checked+span::after{transform:translateX(16px);background:#141413}
.fxc-sw input:disabled+span{opacity:.55}
.fxc-sw input:focus-visible+span{outline:2px solid #E9FF90;outline-offset:2px}
.fxc-on{font:400 10px 'Geist Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#E9FF90;flex:none}
@media (max-width:520px){.fxc{left:12px;right:12px;bottom:12px;width:auto}}
@media (prefers-reduced-motion:reduce){.fxc{animation:none}}
/* Doto option: add class "fxc-dt" to the card */
.fxc-dt .fxc-top{margin-bottom:12px}
.fxc-dt .fxc-lab{font:900 22px/1 Doto,'Geist Mono',ui-monospace,monospace;letter-spacing:.08em;color:#E9FF90;text-shadow:0 0 12px rgba(233,255,144,.35)}
.fxc-dt .fxc-lab em{font-style:normal;margin-left:.25em}
.fxc-dt .fxc-set{font:900 13px Doto,'Geist Mono',ui-monospace,monospace;letter-spacing:.1em}
.fxc-dt .fxc-on{font:900 12px Doto,'Geist Mono',ui-monospace,monospace;letter-spacing:.08em}
