/* ============================================
   Tweaks panel + mood/motion/type variants
   ============================================ */
html[data-mood="noon"]{--cream:#FFF6E4;--cream-deep:#FBE8C4;--cream-warm:#FDEECB;--bagel:#E8A03C;--bagel-deep:#D6862A;--bagel-light:#F2C078;--brown:#7A4A1E;--brown-deep:#55341A;--brown-ink:#402612;--accent-green:#8A9A5C;--accent-red:#C85A3E}
html[data-mood="dusk"]{--cream:#F3E9DE;--cream-deep:#E8D8C4;--cream-warm:#EEDFCC;--bagel:#B9713F;--bagel-deep:#8F5230;--bagel-light:#CB9366;--brown:#5A3B4A;--brown-deep:#3D2A38;--brown-ink:#2B1E28;--accent-green:#6E7A52;--accent-red:#9E4A4A;--line:rgba(61,42,56,.2);--line-soft:rgba(61,42,56,.1)}

html[data-motion="hummy"] .fade-up{transition-duration:.6s,.6s;transition-timing-function:cubic-bezier(.34,1.56,.64,1)}
html[data-motion="hummy"] .btn,html[data-motion="hummy"] .link-arrow,html[data-motion="hummy"] .site-nav__item,html[data-motion="hummy"] .menu-card,html[data-motion="hummy"] .goods-card{transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .3s ease,background .3s ease,box-shadow .3s ease}
html[data-motion="hummy"] .btn:hover,html[data-motion="hummy"] .site-nav__item:hover{transform:translateY(-3px) rotate(-1deg)}
html[data-motion="hummy"] .menu-card:hover,html[data-motion="hummy"] .goods-card:hover{transform:translateY(-6px) rotate(.6deg) scale(1.02)}
html[data-motion="hummy"] .site-header__brand img{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
html[data-motion="hummy"] .site-header__brand:hover img{transform:rotate(-8deg) scale(1.08)}

html[data-type="storybook"] h1,html[data-type="storybook"] h2,html[data-type="storybook"] h3,html[data-type="storybook"] .page-hero__title,html[data-type="storybook"] .section-title{letter-spacing:.02em;font-weight:500}
html[data-type="storybook"] .eyebrow{font-family:var(--font-script);font-size:20px;letter-spacing:.04em;transform:rotate(-2deg);display:inline-block}
html[data-type="storybook"] .page-hero__title,html[data-type="storybook"] h1{font-style:italic}

#hb-tweaks-toggle{position:fixed;bottom:20px;right:20px;width:46px;height:46px;border-radius:50%;background:var(--brown-deep);color:var(--cream);border:none;font-size:20px;cursor:pointer;z-index:9999;box-shadow:0 4px 14px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}
#hb-tweaks-panel{position:fixed;bottom:76px;right:20px;width:250px;background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:18px;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.18);font-family:var(--font-jp-sans);display:none}
#hb-tweaks-panel.open{display:block}
#hb-tweaks-panel h4{font-family:var(--font-jp-serif);font-size:13px;letter-spacing:.1em;color:var(--brown-deep);margin:0 0 6px}
.hb-tweak-row{margin-bottom:16px}
.hb-tweak-row:last-child{margin-bottom:0}
.hb-seg{display:flex;gap:4px;background:var(--cream-deep);border-radius:8px;padding:3px}
.hb-seg button{flex:1;border:none;background:transparent;padding:7px 4px;font-size:11px;border-radius:6px;cursor:pointer;color:var(--muted);font-family:var(--font-jp-sans)}
.hb-seg button.active{background:var(--brown-deep);color:var(--cream)}