@layer quartz-base{.floating-bar{z-index:1000;opacity:0;visibility:hidden;flex-direction:column;gap:.8rem;transition:opacity .4s,transform .4s,visibility .4s;display:flex;position:fixed;bottom:1rem;right:1rem;transform:translateY(20px)}.floating-bar.visible{opacity:1;visibility:visible;transform:translateY(0)}.popover .floating-bar,:root[reader-mode=on] .floating-bar{display:none!important}@media print{.floating-bar{display:none!important}}.button-wrapper{justify-content:flex-end;align-items:center;display:flex;position:relative}.button-label{background-color:var(--secondary);color:var(--light);white-space:nowrap;pointer-events:none;opacity:0;box-shadow:var(--shadow);border-radius:4px;margin-right:10px;padding:.4rem .8rem;font-size:.85rem;transition:transform .3s,opacity .2s;transform:translate(20px)}.button-wrapper:hover .button-label{opacity:1;transform:translate(0)}.floating-bar button{background-color:var(--light);width:44px;height:44px;color:var(--secondary);border:1px solid var(--lightgray);cursor:pointer;box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex}.floating-bar button svg{fill:var(--secondary);pointer-events:none;width:20px;height:20px}[saved-theme=dark] .dayIcon,[saved-theme=light] .nightIcon{display:none}.floating-bar button:hover{background-color:var(--secondary);color:var(--light);transform:scale(1.1)}.floating-bar button:hover svg{fill:var(--light)}@media (max-width:1000px){.floating-bar{gap:.3rem;bottom:1rem;right:1rem}.button-label{display:none!important}.button-wrapper:has(#theme-toggle){display:none}.floating-bar button{border-radius:6px;width:36px;height:36px;font-size:.8rem}}}