:root{--f2m-display:var(--font-f2m-display), var(--font-menu), system-ui, sans-serif;--f2m-neon:#ffd54a;--f2m-bronze:linear-gradient(180deg, #fbe3cc 0%, #e2a77f 38%, #a5653f 54%, #d99f78 74%, #f5d2b4 100%);--page:#f1e9dc;--surface:#fbf7f1;--raised:#e9dfcf;--ink:#2a1e14;--muted:#75685a;--line:#e3d7c4;--brand:#9a5b34;--brand-contrast:#fff;--sale:#c2410c;--soldout:#9a9086;--radius:12px;--f2m-alt:#9a6a43;--f2m-glow:radial-gradient(90% 22rem at 50% 0%, #ffc45a2e, transparent 70%);--f2m-underline:#9a5b34}.dark{--page:#16100b;--surface:#201812;--raised:#2b2119;--ink:#f6ece0;--muted:#b3a08b;--line:#ffdcb417;--brand:#ffd54a;--brand-contrast:#1a1408;--sale:#ff8a5c;--soldout:#6f675e;--f2m-alt:#d9a07a;--f2m-glow:radial-gradient(90% 18rem at 50% 0%, #d9a07a1f, transparent 70%);--f2m-underline:var(--f2m-neon)}body{background:var(--f2m-glow), var(--page)}.f2m-display{font-family:var(--f2m-display);letter-spacing:0;font-weight:700}.f2m-logo{background:var(--f2m-bronze);border-radius:999px;flex-shrink:0;width:3.5rem;height:3.5rem;padding:2px;box-shadow:0 0 0 1px #00000080,0 0 22px -2px #ffc83c73}.f2m-name{font-family:var(--f2m-display);font-size:1.2rem;font-weight:800;line-height:1.2}.f2m-chip{background:var(--raised);height:1.75rem;color:var(--ink);border-radius:999px;align-items:center;gap:.3rem;padding-inline:.65rem;font-size:.72rem;font-weight:600;transition:background-color .2s;display:inline-flex}.f2m-chip:hover{background:var(--line)}.f2m-icon-button{background:var(--raised);width:2rem;height:2rem;color:var(--ink);border-radius:999px;place-items:center;display:grid}.f2m-nav{background:color-mix(in oklab, var(--page) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.f2m-tab{white-space:nowrap;height:2.6rem;color:var(--muted);padding-inline:.7rem;font-size:.82rem;font-weight:600;transition:color .2s;position:relative}.f2m-tab:after{content:"";inset-inline:.7rem;background:var(--f2m-underline);border-radius:3px 3px 0 0;height:2px;transition:transform .25s;position:absolute;bottom:0;transform:scaleX(0)}.f2m-tab.is-active{color:var(--ink)}.f2m-tab.is-active:after{transform:scaleX(1)}.dark .f2m-tab.is-active:after{box-shadow:0 0 10px #ffc83ccc}.f2m-title{font-family:var(--f2m-display);font-size:1.05rem;font-weight:700;line-height:1.3}.f2m-count{color:var(--muted);font-size:.72rem}.f2m-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.f2m-row{text-align:start;gap:.75rem;width:100%;padding:.7rem .85rem;transition:background-color .15s;display:flex}.f2m-row+.f2m-row{border-top:1px solid var(--line)}.f2m-row:active{background:var(--raised)}.f2m-row.is-soldout{opacity:.55}.f2m-item-name{font-size:.88rem;font-weight:600;line-height:1.4}.f2m-alt{font-family:var(--f2m-display);color:var(--f2m-alt);font-size:.66rem;font-weight:600}.f2m-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.6;display:-webkit-box;overflow:hidden}.f2m-thumb{object-fit:cover;background:var(--raised);border-radius:8px;flex-shrink:0;width:4rem;height:4rem}.f2m-price{white-space:nowrap;font-family:var(--f2m-display);color:var(--brand);font-variant-numeric:tabular-nums;align-items:baseline;gap:.25rem;font-weight:800;display:inline-flex}.f2m-price .num{font-size:.88rem}.f2m-price .unit,.f2m-price .from{opacity:.8;font-size:.62rem;font-weight:600}.f2m-price.is-sale{color:var(--sale)}.f2m-old{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.62rem}.f2m-plus{border:1.5px solid var(--brand);width:1.5rem;height:1.5rem;color:var(--brand);border-radius:999px;place-items:center;font-size:.95rem;font-weight:700;line-height:1;display:grid}.f2m-soldout{color:var(--muted);font-size:.66rem;font-weight:700}.f2m-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s;overflow:hidden}.f2m-card:active{transform:scale(.98)}.f2m-plate{background:radial-gradient(60% 60% at 50% 45%,#ffbe3c29,#0000 75%),#1f160f}.f2m-mark{overflow:visible}.f2m-mark .f2m-tubes>*{fill:none;stroke:#ffe58a;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #fff6c9)drop-shadow(0 0 7px #ffc928)drop-shadow(0 0 16px #ffa00099)}.f2m-mark .f2m-letters{font-family:var(--f2m-display);letter-spacing:1px;filter:drop-shadow(0 3px 2px #00000080);font-size:50px;font-weight:800}.f2m-neon-text{font-family:var(--f2m-display);color:#fff7d6;text-shadow:0 0 2px #fff3c4,0 0 8px #ffd23f,0 0 18px #ffb400b3}.f2m-pager{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;align-items:flex-start;transition:height .35s;display:flex;overflow:auto hidden}.f2m-pager::-webkit-scrollbar{display:none}.f2m-pager>[data-page]{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;padding-inline:14px}.f2m-pager.is-searching{display:block;overflow:visible;height:auto!important}@keyframes f2m-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.f2m-rise{animation:.6s cubic-bezier(.2,.8,.2,1) both f2m-rise}@keyframes f2m-flicker{0%,18%,22%,26%,54%,58%{opacity:1}20%,24%,56%{opacity:.35}}.f2m-splash{display:none}.f2m-splash-on .f2m-splash{z-index:100;background:radial-gradient(70% 50% at 50% 45%,#241a12 0%,#0f0b08 75%);place-content:center;justify-items:center;gap:1.4rem;transition:opacity .55s,filter .55s;display:grid;position:fixed;inset:0}.f2m-splash.is-leaving{opacity:0;filter:brightness(1.6)}.f2m-splash-on body{overflow:hidden}.f2m-splash:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(45% 35% at 50% 46%,#ffbe3c4d,#0000 70%);animation:1s 1.15s forwards f2m-bloom;position:absolute;inset:0}@keyframes f2m-bloom{to{opacity:1}}.f2m-splash-mark{width:min(62vw,270px);position:relative}.f2m-splash .f2m-tubes>*{stroke-dasharray:1;stroke-dashoffset:1px;animation:.55s cubic-bezier(.6,0,.3,1) forwards f2m-draw,.9s linear 1.15s both f2m-flicker}.f2m-splash .f2m-tube-1{animation-delay:.1s,1.2s}.f2m-splash .f2m-tube-2{animation-delay:.3s,1.25s}.f2m-splash .f2m-tube-3{animation-delay:.5s,1.3s}.f2m-splash .f2m-tube-4{animation-delay:.65s,1.2s}.f2m-splash .f2m-tube-5{animation-delay:.75s,1.35s}@keyframes f2m-draw{to{stroke-dashoffset:0}}.f2m-splash .f2m-letters{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.6s 1.25s forwards f2m-letters}@keyframes f2m-letters{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.f2m-splash-tagline{opacity:0;font-size:1.1rem;font-weight:300;animation:.5s 1.6s forwards f2m-rise;position:relative}@media (prefers-reduced-motion:reduce){.f2m-rise{animation:none}}
