:root[data-theme=light]{--bg:#fff;--text:#111;--card:#f4f4f5;--code-bg:#e5e7eb;--link:#996fc7}:root[data-theme=dark]{--bg:#0f172a;--text:#e5e7eb;--card:#1e293b;--code-bg:#020617;--link:#f3b458}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif;transition:background .3s,color .3s}.copyright{text-align:center;font-size:12px}.copyright a{color:var(--link);font-weight:500}.button-div{justify-content:start;align-items:center;gap:2rem;display:flex}.button-div .clickmeBox{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.button-div .clickmeBox .arrow-animate{width:24px;height:24px;fill:var(--link);animation:1.2s ease-in-out infinite arrow-slide}.clickmeBox:hover .arrow-animate{animation-play-state:paused}@keyframes arrow-slide{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@media (prefers-reduced-motion:reduce){.arrow-animate{animation:none}}