.activity-stat .value,.fab-main{font-family:anakotmai,sans-serif}.fab-main,.fab-menu{padding:10px;overflow:hidden}.fab-menu.active,.overlay.active,.quick-log.active{opacity:1;pointer-events:all}.fab-item,.fab-main,.quick-action{display:flex;cursor:pointer}.fab-main,.fab-menu,.heart-line{overflow:hidden}@font-face{font-family:Gellix;src:url("../font/anakotmai-bold.woff2") format('woff2'),url("../font/anakotmai-light.woff2") format('woff2'),url("../font/anakotmai-medium.woff2") format('woff2')}.activity-icon{width:42px;height:42px;border-radius:10px;margin-right:15px;display:flex;justify-content:center;align-items:center}.running{background-color:#ffedcc;color:#ff9500}.cycling{background-color:#e3f5ff;color:#0090ff}.strength{background-color:#ffd9e4;color:#ff2d55}.activity-icon i{font-size:20px}.activity-details{flex:1}.activity-name{font-weight:600;font-size:15px;margin-bottom:4px}.activity-time{font-size:12px;color:#888}.activity-stats{display:flex;gap:12px}.activity-stat{text-align:center;min-width:60px}.activity-stat .value{font-size:15px;font-weight:700;color:#1e2f5d}.activity-stat .label{font-size:11px;color:#888}.fab-container{position:absolute;bottom:20px;right:20px;z-index:100}.fab-main{width:230px;height:50px;border-radius:32px;background:#0d53ee;color:#fff;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.175, .885, .32, 1.275),box-shadow .3s;position:fixed;bottom:20px;right:20px}.fab-item:hover,.fab-main:hover{transform:scale(1.05)}.fab-main:active{transform:scale(.95)}.fab-main i{color:#fff;font-size:26px;transition:transform .3s;margin-right:8px}.fab-item .fab-text,.quick-log span{font-size:15px;font-family:anakotmai,sans-serif}.pulse{position:absolute;width:64px;height:64px;border-radius:50%;background:0 0;border:2px solid rgba(255,255,255,.8);opacity:0;animation:none}.fab-menu,.overlay{position:fixed;opacity:0;pointer-events:none}@keyframes heartbeat{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:.4}100%{transform:scale(1.6);opacity:0}}.fab-menu{bottom:70px;right:8px;display:flex;flex-direction:column;gap:16px;transform:translateY(20px);transition:.3s cubic-bezier(.175, .885, .32, 1.275)}.fab-menu.active{transform:translateY(0)}.fab-item{align-items:center;background:#fff;padding:10px 16px 10px 14px;border-radius:30px;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateX(100px);opacity:0;transition:.3s}.fab-menu.active .fab-item{transform:translateX(0);opacity:1}.fab-menu.active .fab-item:first-child{transition-delay:0.1s}.fab-menu.active .fab-item:nth-child(2){transition-delay:0.15s}.fab-menu.active .fab-item:nth-child(3){transition-delay:0.2s}.fab-menu.active .fab-item:nth-child(4){transition-delay:0.25s}.fab-item:active{transform:scale(.98)}.fab-item .icon-container{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:10px}.fab-item .fab-text{font-weight:400;letter-spacing:.5px;white-space:nowrap;color:#444}.fab-item a{text-decoration:none}.fab-item:first-child .icon-container{background-color:#ff5757;color:#fff}.fab-item:nth-child(2) .icon-container{background-color:#ff9500;color:#fff}.fab-item:nth-child(3) .icon-container{background-color:#0090ff;color:#fff}.fab-item:nth-child(4) .icon-container{background-color:#32d74b;color:#fff}.overlay{top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);transition:opacity .3s;backdrop-filter:blur(2px)}.quick-log{position:absolute;bottom:20px;left:20px;background-color:#fff;border-radius:50px;padding:6px 6px 6px 18px;display:flex;align-items:center;box-shadow:0 4px 15px rgba(0,0,0,.1);opacity:0;transform:translateX(-20px);transition:.3s;pointer-events:none}.quick-log.active{transform:translateX(0)}.quick-log span{font-weight:600;margin-right:12px;color:#555}.quick-action{width:36px;height:36px;border-radius:18px;background-color:#ff5757;justify-content:center;align-items:center;color:#fff;transition:.2s}.quick-action:hover{transform:scale(1.1);background-color:#ff3131}.heart-line{position:absolute;width:24px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.heart-line path{stroke:white;stroke-width:2;fill:none;stroke-dasharray:30;stroke-dashoffset:30;animation:1.5s ease-in-out infinite pulse-line}@keyframes pulse-line{0%{stroke-dashoffset:30}50%{stroke-dashoffset:0}100%{stroke-dashoffset:-30}}.amust-power{margin:auto;font-size:10px;font-family:anakotmai,sans-serif;font-weight:300}