/* تم روشن/تیره، دکمه پین‌شده تم، انیمیشن‌های ظریف */
.thm{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:95;width:44px;height:44px;border-radius:50%;border:1px solid var(--ln);background:var(--card);color:var(--t);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0005;padding:0}
.thm:hover{border-color:var(--g)}
:root[data-t=light] .nt.un{background:#e6f0f7}:root[data-t=light] .pop,:root[data-t=light] .toast{box-shadow:0 6px 18px #0002}
:root[data-t=light] .btn.p{color:#06251a}:root[data-t=light] .lb{background:#fff}:root[data-t=light] .md{background:#0007}
main>*{animation:fin .28s ease both}@keyframes fin{from{opacity:0;transform:translateY(6px)}}
.card{transition:border-color .2s,transform .2s}button.card:hover{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}