html[data-canoogle-theme="light"]{color-scheme:light;--ink:#25282c;--muted:#626971;--paper:#fff;--raised:#fff;--soft:#fff3f3;--line:#e0e3e6}
html[data-canoogle-theme="dark"]{color-scheme:dark;--ink:#f3f4f6;--muted:#aeb5be;--paper:#111315;--raised:#1a1d20;--soft:#3a2021;--line:#343a40}
body{padding-bottom:76px}
#canoogle-dock{position:fixed;inset:auto 0 0;z-index:90;min-height:60px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);background:var(--raised)}
#canoogle-dock button{width:45px;height:45px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font:22px system-ui,sans-serif;cursor:pointer}
#canoogle-dock button:hover,#canoogle-dock button:focus-visible{border-color:var(--red);outline:2px solid transparent}
#canoogle-dock nav{display:flex;gap:18px;align-items:center;justify-content:center;flex:1;font:700 12px system-ui,sans-serif}
#canoogle-dock nav a{color:var(--muted);text-decoration:none}
#canoogle-dock nav a:hover,#canoogle-dock nav a:focus-visible{color:var(--red);text-decoration:underline}
#canoogle-theme-icon{display:grid;place-items:center}#canoogle-theme-icon svg{width:22px;height:22px}
#canoogle-support-dialog{width:min(520px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 28px));overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--raised);color:var(--ink);box-shadow:0 24px 70px rgba(0,0,0,.35)}
#canoogle-support-dialog::backdrop{background:rgba(0,0,0,.68)}
#canoogle-support-dialog h2{margin:2px 44px 8px 0;font-size:28px;line-height:1.1}
#canoogle-support-dialog p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5}
#canoogle-support-dialog .support-kicker{margin:0 0 6px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.14em}
#canoogle-support-dialog .support-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:22px;cursor:pointer}
#canoogle-support-dialog .support-option{display:block;margin-top:10px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none}
#canoogle-support-dialog .support-option strong{display:block;font-size:15px}
#canoogle-support-dialog .support-option span{display:block;margin-top:3px;color:var(--muted);font-size:12px}
#canoogle-support-dialog .support-stripe{background:#d32f2f;border-color:#d32f2f;color:white}
#canoogle-support-dialog .support-stripe span{color:#fff}
#canoogle-support-dialog code{display:block;margin:8px 0;overflow-wrap:anywhere;color:var(--ink);font-size:12px}
#canoogle-support-dialog .copy-wallet{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font-weight:700;cursor:pointer}
#canoogle-support-dialog .support-note{margin:15px 0 0;font-size:11px}
@media(max-width:500px){#canoogle-dock nav{gap:11px;font-size:11px}#canoogle-dock nav a:nth-child(3){display:none}#canoogle-support-dialog{padding:20px}}