.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacer-xs);border:none;cursor:pointer;border-radius:var(--spacer-md);background:var(--theme-palette-color-1);color:var(--theme-palette-color-8);padding:var(--spacer-md) var(--spacer-xl);font-weight:700;transition:var(--transition);position:relative;overflow:hidden;touch-action:manipulation;&:hover,&:active{transform:scale(.95);opacity:.85;color:var(--theme-palette-color-8)}}.btn-sm{font-size:14px;padding:var(--spacer-xs) var(--spacer-md)}.btn-count{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacer-xxs) var(--spacer-md);gap:var(--spacer-xs);font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .2s ease;&.active svg{fill:currentColor}&.is-press{transform:scale(.98);svg{animation:heart-pop .22s ease;transform-origin:center}}.is-pop{display:inline-block;animation:count-slot .28s ease}}@keyframes count-pop{0%{transform:scale(1)}45%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes heart-pop{0%{transform:scale(1)}55%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes count-slot{0%{transform:translateY(55%);opacity:0}60%{transform:translateY(-5%);opacity:1}100%{transform:translateY(0);opacity:1}}.btn-danger-outline{color:var(--red);border:1px solid var(--red);background:#fff;&:hover{background:#fef2f2}}.badge-pill-xxs{background:var(--theme-palette-color-1);padding:var(--spacer-xs) var(--spacer-sm);border-radius:var(--spacer-xl);color:var(--theme-palette-color-8);font-size:var(--spacer-md);line-height:1;font-weight:700;white-space:nowrap}.badge-pill-xxs-pink{background:var(--red-light);color:var(--red-dark);border:1px solid var(--red-dark)}.badge-pill-white{background:var(--theme-palette-color-8);padding:2px var(--spacer-md);border-radius:var(--spacer-xl);color:var(--theme-palette-color-1);white-space:nowrap;b{padding-inline:2px}}.card.is-deleting{opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.card-meta-icon{margin-top:3px}.card-img{width:80px;object-fit:cover;aspect-ratio:1;flex-shrink:0;.card-body+&{margin:calc(-1 * var(--spacer-md)) calc(-1 * var(--spacer-md)) 0 0;border-radius:0 var(--spacer-md) 0 44px}}.card:not(.card-pickup){.card-title,.card-text{display:-webkit-box;overflow:hidden;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.scroll-snap{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline-end:calc(-1 * var(--spacer-lg));&::-webkit-scrollbar{display:none}}.snap-wrapper{display:flex;gap:var(--spacer-lg);&::after{content:"";flex:0 0 1px}}.snap-slide{flex:0 0 85%;scroll-snap-align:start;overflow:hidden}.tab-btns{background:var(--theme-palette-color-8);padding:4px;border-radius:var(--spacer-xl);border:1px solid var(--theme-palette-color-5)}.tab-btn{padding:6px var(--spacer-lg);border:none;background:#fff0;color:var(--theme-palette-color-3);font-weight:700;border-radius:var(--spacer-xl);cursor:pointer;flex-basis:auto;flex-grow:1;text-align:center;&.active{background:var(--theme-palette-color-1);color:var(--theme-palette-color-8)}&.bg-white.active{background:var(--sub-dark);color:var(--theme-palette-color-1)}}.tab-content{display:none;animation:fadeUp 0.3s ease-out;&.active{display:block}}.not-found{padding-block:60px}.icon-not-found{inline-size:64px;block-size:64px}.category-icon-wrapper{width:64px;height:64px;position:relative;transition:background-color var(--transition),color var(--transition)}.category-count{position:absolute;top:0;right:0;inline-size:var(--spacer-xl);block-size:var(--spacer-xl);transform:translate(15%,-15%);background:var(--wp--preset--gradient--love-kiss);padding:2px 6px}:root{--bottom-nav-height:52px}body{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:130;border-top:1px solid var(--theme-palette-color-5);padding-bottom:env(safe-area-inset-bottom)}@media (width>=1024px){:root{--bottom-nav-height:0px}body{padding-bottom:0}.bottom-nav{display:none}}.bottom-nav-inner{max-width:480px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav-link{min-height:var(--bottom-nav-height);&.is-active{color:var(--theme-palette-color-1)}}.bottom-nav-icon-wrap{inline-size:2.2em}.bottom-nav-count{inline-size:var(--spacer-lg);block-size:var(--spacer-lg);transform:translate(20%,-20%)}.js-bottom-nav-new-badge.is-pending{visibility:hidden}.timeline{position:relative;border-left:2px solid var(--theme-palette-color-5);.past{border-left-color:var(--theme-palette-color-5);.timeline-label{color:var(--theme-palette-color-4)}}}.timeline-dot-wrapper{position:absolute;left:-9px;top:0;width:16px;height:16px}.pulse-dot,.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-dot{width:10px;height:10px;background-color:var(--theme-palette-color-1);border-radius:50%;z-index:2}.pulse-ring{width:100%;height:100%;border-radius:50%;background-color:rgb(34 139 34 / .4);opacity:.7;animation:timeline-pulse 2s infinite}.normal-dot{width:10px;height:10px;background-color:#d1d5db;border-radius:50%}@keyframes timeline-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}70%{transform:translate(-50%,-50%) scale(2.5);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}.cta{position:relative;&::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgb(255 255 255 / .05),rgb(255 255 255 / .05) 10px,transparent 10px,transparent 20px);opacity:.5}&>*{position:relative;z-index:2}}@media (min-width:768px){.snap-slide{flex:0 0 55%}}