/* Shared theme controls. Existing light styles remain untouched. */
/* Use the supplied dark logo; screen removes its black image backdrop. */
html[data-theme=dark] .logo-crop img{content:url("assets/logo-dark.jpg");mix-blend-mode:screen}
#meka-theme-toggle{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:35;display:flex;align-items:center;gap:5px;padding:6px;width:92px;height:48px;border:1px solid #b8d5e8;border-radius:30px;background:#f0f9ff;color:#526579;box-shadow:0 6px 24px #0f172a20;cursor:pointer;touch-action:manipulation}
#meka-theme-toggle svg{width:34px;height:34px;padding:7px;border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:background-color .25s,color .25s,transform .25s}
#meka-theme-toggle .theme-sun{background:#0284c7;color:#fff}
#meka-theme-toggle:focus-visible{outline:3px solid #0284c7;outline-offset:4px}
html[data-theme=dark] #meka-theme-toggle{background:#102338;border-color:#36536c;color:#a5b7cc;box-shadow:0 6px 28px #0005}
html[data-theme=dark] #meka-theme-toggle .theme-sun{background:transparent;color:#a5b7cc}
html[data-theme=dark] #meka-theme-toggle .theme-moon{background:#38bdf8;color:#071827;transform:rotate(-12deg)}
body{padding-bottom:82px}
/* Clear controls and content on the existing navy package/form surfaces. */
html[data-theme=dark] .review-summary,html[data-theme=dark] .consent,html[data-theme=dark] .connection-state{background:#10273a;color:#edf6ff;border-color:#36536c}
html[data-theme=dark] .button:disabled{background:#24384c;color:#a5b7cc;border-color:#36536c}
html[data-theme=dark] .record{animation:meka-record-spin 18s linear infinite;transform-origin:center}
@keyframes meka-record-spin{from{transform:rotate(-15deg)}to{transform:rotate(345deg)}}
.theme-changing body,.theme-changing header,.theme-changing footer,.theme-changing article,.theme-changing section,.theme-changing input,.theme-changing select,.theme-changing textarea,.theme-changing button{transition:background-color .25s ease,color .25s ease,border-color .25s ease}
@media(max-width:760px){#meka-theme-toggle{right:max(10px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));width:84px;height:46px;gap:0}body{padding-bottom:76px}}
@media(prefers-reduced-motion:reduce){.theme-changing *{transition:none!important}#meka-theme-toggle svg{transition:none}html[data-theme=dark] .record{animation:none}}