:root{--ffh-blue:oklch(44% .22 262);--ffh-deep:oklch(25% .1 260);--ffh-paper:oklch(99% 0 0);--ffh-ink:oklch(20% .04 260);--ffh-gold:oklch(85% .16 88);--ffh-red:oklch(50% .21 27);--ffh-silver:oklch(89% .015 245);--ffh-green:oklch(75% .2 145);--ffh-cyan:oklch(80% .15 220);--ffh-western:oklch(35% .08 55);--ffh-orange:oklch(72% .17 60);--ffh-black:oklch(18% 0 0);--ffh-shadow:0 5px 0 color-mix(in oklab, var(--ffh-ink) 50%, transparent), 0 12px 22px color-mix(in oklab, var(--ffh-ink) 20%, transparent)}.ffh{--ffh-fill:var(--ffh-blue);--ffh-text:var(--ffh-paper);--ffh-button:var(--ffh-gold);justify-content:space-between;align-items:center;gap:var(--ffh-gap,12px);width:100%;height:100%;color:var(--ffh-text);background:linear-gradient(180deg,color-mix(in oklab,var(--ffh-fill) 75%,var(--ffh-paper)),var(--ffh-fill));border-bottom:4px solid var(--ffh-button);box-shadow:var(--ffh-shadow);border-radius:inherit;font:inherit;padding:12px 20px;display:flex;position:relative}.ffh-glossy-professional{--ffh-button:var(--ffh-silver)}.ffh-premium-gold{--ffh-fill:var(--ffh-deep)}.ffh-neon-disco{--ffh-fill:var(--ffh-deep);--ffh-button:var(--ffh-cyan);border-color:var(--ffh-gold)}.ffh-cartoon-party{border:5px solid var(--ffh-red);border-radius:18px}.ffh-modern-glass{--ffh-fill:var(--ffh-paper);--ffh-text:var(--ffh-ink);--ffh-button:var(--ffh-silver);background:color-mix(in oklab,var(--ffh-paper) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ffh-western{--ffh-fill:var(--ffh-western);border-color:var(--ffh-orange)}.ffh-luxury-black{--ffh-fill:var(--ffh-black)}.ffh-electric-green{--ffh-fill:var(--ffh-deep);--ffh-button:var(--ffh-green)}.ffh-rainbow-party{background:linear-gradient(110deg,var(--ffh-blue),var(--ffh-red));border-color:var(--ffh-green)}.ffh-brand{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.ffh-brand img{width:var(--ffh-logo,64px);object-fit:contain;max-height:80%}.ffh-brand b{white-space:normal;overflow-wrap:anywhere;line-height:1.15}.ffh-logo-center .ffh-brand{justify-content:center}.ffh .ffh-control{color:var(--ffh-ink);background:var(--ffh-button);border:2px solid color-mix(in oklab,var(--ffh-ink) 20%,transparent);border-radius:var(--ffh-radius,8px);box-shadow:0 var(--ffh-depth,4px) 0 color-mix(in oklab,var(--ffh-ink) 40%,transparent),inset 0 2px 0 var(--ffh-paper);flex-shrink:0}.ffh-preview{height:76px;min-height:76px;padding:10px;font-size:14px}.ffh-preview .ffh-control{width:34px;height:34px;padding:6px}.ffh-menu{color:var(--ffh-ink);background:var(--ffh-paper);max-height:70vh;padding:12px;overflow:auto}.ffh-menu a{color:inherit;border-radius:6px;padding:10px 12px;text-decoration:none;display:block}.ffh-menu a:hover,.ffh-menu a:focus-visible{background:var(--ffh-silver)}.ffh-menu details{border-bottom:1px solid var(--ffh-silver)}.ffh-menu summary{cursor:pointer;padding:12px;font-weight:700}.ffh-menu details>div{padding-left:14px}.ffh-menu-dialog{max-width:440px}.ffh-menu-dialog.ffh-drawer{border-radius:0;width:min(400px,100%);height:100dvh;max-height:100dvh;inset:0 0 0 auto;transform:translate(0)}@media (width<=600px){.ffh{gap:8px;padding:10px}.ffh-brand img{max-width:56px}.ffh-book{display:none}}