.post-fab,.comment-btn{position:fixed;right:1.2rem;z-index:var(--z-fab);width:54px;height:54px;border:1px solid color-mix(in srgb,var(--color-primary) 72%,var(--surface-stroke));border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 8px 20px #00000038;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.post-fab,.comment-btn{bottom:calc(5rem + env(safe-area-inset-bottom))}.post-fab:hover,.comment-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000042}.post-fab:active,.comment-btn:active,.post-fab:focus-visible,.comment-btn:focus-visible{background:var(--color-link);color:var(--color-on-primary)}.icon-button{background:none;border:1px solid transparent;border-radius:var(--radius-control);padding:6px 10px;color:var(--color-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.icon-button:hover{background:var(--color-secondary);color:var(--color-text);border-color:var(--surface-stroke)}.icon-button svg,.post-fab svg,.comment-btn svg{stroke-width:var(--icon-stroke)}.icon-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (min-width: 601px){.post-fab{right:2.2rem;bottom:2.2rem;width:50px;height:50px;font-size:1.75rem}.comment-btn{bottom:2.2rem;width:50px;height:50px;font-size:1.75rem}}
