.dark-mode-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;margin-left:6px;padding:0;border:1.5px solid rgba(255,255,255,0.35);border-radius:50%;background:rgba(255,255,255,0.08);color:#FFFFFF;font-size:1.05rem;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease}.dark-mode-toggle:hover{background:rgba(184,134,11,0.25);border-color:var(--accent-color,#B8860B);color:var(--accent-color,#EDC45A);transform:translateY(-1px)}.dark-mode-toggle:focus-visible{outline:2px solid var(--accent-color,#B8860B);outline-offset:2px}.header.scrolled .dark-mode-toggle{color:var(--primary-color,#3D2817);border-color:rgba(61,40,23,0.25);background:rgba(61,40,23,0.06)}.dark-mode-toggle i{transition:transform .4s var(--ease-spring,cubic-bezier(.34,1.56,.64,1))}.dark-mode-toggle:hover i{transform:rotate(-25deg) scale(1.1)}html.theme-transition,html.theme-transition *{transition:background-color .35s ease,border-color .35s ease,color .35s ease,fill .35s ease !important}@media (prefers-reduced-motion:reduce){html.theme-transition,html.theme-transition *{transition:none !important}.dark-mode-toggle i{transition:none}}@media (max-width:420px){.dark-mode-toggle{width:38px;height:38px;margin-left:4px}}