/* First-visit notice bar (notice.js). Self-contained: the colour fallbacks are the
   site palette, for the pages that define no variables of their own. The legal
   pages style every p and a directly, so the bar's text resets to its own font. */
#kk-notice{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:12px 20px;flex-wrap:wrap;padding:14px 16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:calc(14px + env(safe-area-inset-bottom));max-height:40vh;overflow-y:auto;background:var(--card,#0e120c);color:var(--ink,#eef1ea);border-top:1px solid var(--hair,#1c2216);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:14px;line-height:1.5;box-shadow:0 -8px 30px rgba(0,0,0,.35)}
#kk-notice p{margin:0;font:inherit;color:inherit;text-align:center}
#kk-notice a{font:inherit;color:var(--lime,#c2f73a);text-decoration:underline}
#kk-notice a:hover{color:var(--lime2,#9bd128)}
#kk-notice button{font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:13px;letter-spacing:.02em;border:none;cursor:pointer;border-radius:999px;padding:12px 20px;background:var(--lime,#c2f73a);color:#0a0d07}
#kk-notice button:hover{background:var(--lime2,#9bd128)}
#kk-notice button:focus-visible{outline:2px solid var(--ink,#eef1ea);outline-offset:2px}
