/* Karma tokens, taken from the endless-knot logo: recoloured green: mint fill, green glow, pure black */
:root{--bg:#000;--s1:#060C08;--s2:#0B150E;--line:#13261B;--line2:#1C3A27;--tx:#EAFBF0;--dim:#7FA18C;--mute:#4A6B56;--ice:#C2F7D4;--glow:#22E07A;--mid:#6F9A80;--bad:#FF4D6D}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--tx);font:14px/1.5 Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.mono{font-family:"Geist Mono","JetBrains Mono",monospace}
/* the logo is a PNG on black: crop it square and let screen blending drop the black */
.knot{display:inline-block;width:30px;height:30px;overflow:hidden;flex:none;mix-blend-mode:screen}
.knot img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12)}
.glowtx{color:var(--ice);text-shadow:0 0 18px rgba(34,224,122,.75),0 0 4px rgba(34,224,122,.9)}
.btn{border:1px solid var(--line2);background:var(--s1);color:var(--tx);padding:8px 15px;border-radius:10px;font:600 13px Outfit,sans-serif;cursor:pointer}
.btn.pri{background:var(--ice);color:#02140A;border-color:var(--ice);box-shadow:0 0 18px rgba(34,224,122,.55)}