:root{color-scheme:dark}
html{scroll-behavior:smooth}
body{font-size:16px}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:none}
.navlink{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:1rem;color:rgb(226 232 240);transition:transform .15s ease,background-color .15s ease,color .15s ease;}
.navlink:hover{background-color:rgba(255,255,255,.06);transform:translateY(-1px)}
.navlink:focus-visible{box-shadow:0 0 0 2px rgba(110,231,183,.7)}
.mobilelink{font-size:1.5rem;line-height:2rem;color:rgb(241 245 249);padding:.65rem 1rem;border-radius:1.25rem;transition:transform .15s ease,background-color .15s ease;}
.mobilelink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}
.mobilelink:focus-visible{box-shadow:0 0 0 2px rgba(110,231,183,.75)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1rem;padding:.75rem 1.05rem;font-weight:600;color:rgb(15 23 42);background-image:linear-gradient(to bottom right, rgb(110 231 183), rgb(16 185 129));border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(16,185,129,.18);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;}
.btn-primary:hover{transform:translateY(-1px);filter:saturate(1.08)}
.btn-primary:focus-visible{box-shadow:0 0 0 3px rgba(110,231,183,.45),0 18px 40px rgba(16,185,129,.18)}
.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1rem;padding:.75rem 1.05rem;font-weight:600;color:rgb(241 245 249);background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:transform .15s ease,background-color .15s ease;}
.btn-secondary:hover{background-color:rgba(255,255,255,.1);transform:translateY(-1px)}
.btn-secondary:focus-visible{box-shadow:0 0 0 3px rgba(110,231,183,.35)}
.footerlink{color:rgb(226 232 240);text-decoration:none;transition:color .15s ease,text-decoration-color .15s ease;}
.footerlink:hover{color:rgb(167 243 208);text-decoration:underline;text-decoration-color:rgba(167,243,208,.5)}
.footerlink:focus-visible{box-shadow:0 0 0 2px rgba(110,231,183,.55);border-radius:.75rem}
.social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background-color:rgba(255,255,255,.06);transition:transform .15s ease,background-color .15s ease;}
.social:hover{transform:translateY(-1px);background-color:rgba(255,255,255,.1)}
.social:focus-visible{box-shadow:0 0 0 3px rgba(110,231,183,.35)}
.prose a{word-break:break-word}
#commentList .commentCard{border:1px solid rgba(255,255,255,.1);background-color:rgba(2,6,23,.5);border-radius:1rem;padding:1rem;}
#commentList .commentMeta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;color:rgb(148 163 184);font-size:.85rem}
#commentList .commentAuthor{color:rgb(241 245 249);font-weight:700}
#commentList .commentBody{margin-top:.5rem;color:rgb(226 232 240);line-height:1.6}