:root{--brand: #b85f2d;--brand-dark: #87401f;--cream: #fffaf3;--peach: #f8e4cb;--ink: #352a25}.home-fab{position:fixed;z-index:1050;bottom:max(18px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));width:58px;height:58px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:18px;color:#fff;background:linear-gradient(145deg,#d97842,var(--brand));box-shadow:0 12px 28px #91461e4d;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-radius .2s ease;-webkit-tap-highlight-color:transparent}.home-fab:after{content:"หน้าแรก";position:absolute;top:50%;right:calc(100% + 10px);padding:7px 11px;border-radius:9px;color:#fff;background:#352a25eb;font-size:.78rem;white-space:nowrap;opacity:0;transform:translate(8px,-50%);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.home-fab:active{transform:scale(.94)}.home-fab i{font-size:1.55rem;line-height:1}@media(max-width:575.98px){.page-shell{width:100%}.home-fab{top:auto;right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:54px;height:54px;border-radius:17px}.home-fab:after{display:none}}@media(prefers-reduced-motion:reduce){.home-fab,.home-fab:after{transition:none}}