.fwg{position: fixed;left: 16px;bottom: 16px;z-index: 70;opacity: 0;visibility: hidden;transform: translateY(12px);transition: opacity 0.4s ease,transform 0.4s ease,visibility 0.4s;font-family: 'Space Grotesk',sans-serif}
.fwg.on{opacity: 1;visibility: visible;transform: none}
.fwg-pill{display: flex;align-items: center;gap: 0.6rem;min-height: 48px;padding: 0.35rem 1.1rem 0.35rem 0.4rem;border: 2.5px solid var(--ink,#1A1523);border-radius: 999px;background: #FFFDF9;box-shadow: 3px 3px 0 var(--ink,#1A1523);color: var(--ink,#1A1523);font: inherit;font-size: 0.95rem;font-weight: 700;cursor: pointer;transition: transform 0.15s ease,box-shadow 0.15s ease,background 0.15s ease}
.fwg-pill:hover{transform: translate(-1px,-1px);box-shadow: 4px 4px 0 var(--ink,#1A1523);background: #FFF1B8}
.fwg-icon{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: 2px solid var(--ink,#1A1523);border-radius: 50%;background: #FFD5A0}
.fwg-icon svg{display: block;width: 20px;height: 20px;transform: rotate(25deg)}
.fwg-text{white-space: nowrap;transition: opacity 0.25s ease}
.fwg-text.fade{opacity: 0}
.fwg.open .fwg-pill{background: #FFF1B8}
.fwg-panel{position: fixed;left: 16px;bottom: 76px;z-index: 71;display: none;width: min(340px,calc(100vw - 2rem));max-height: calc(100vh - 7rem);max-height: calc(100dvh - 7rem);overflow-y: auto;padding: 1.25rem 1.2rem 1rem;background: var(--cream,#FFF6EE);border: 2.5px solid var(--ink,#1A1523);border-radius: 22px;box-shadow: 6px 6px 0 var(--coral,#FF5233);font-family: 'Space Grotesk',sans-serif}
.fwg-panel.open{display: block;animation: fwg-pop 0.25s cubic-bezier(0.34,1.56,0.64,1)}
.fwg-panel h2{font-family: 'Fraunces',serif;font-weight: 800;font-size: 1.4rem;line-height: 1.15;margin: 0 2rem 0.35rem 0;color: var(--ink,#1A1523)}
.fwg-panel p{margin: 0 0 1rem;font-size: 0.9rem;line-height: 1.45;color: var(--ink-soft,#453B52)}
.fwg-close{position: absolute;top: 0.7rem;right: 0.7rem;width: 32px;height: 32px;padding: 0;border: 2px solid var(--ink,#1A1523);border-radius: 50%;background: var(--cream,#FFF6EE);color: var(--ink,#1A1523);font-size: 0.9rem;line-height: 1;cursor: pointer}
.fwg-close:hover{background: var(--coral,#FF5233);color: var(--cream,#FFF6EE)}
.fwg-list{display: grid;gap: 0.6rem}
.fwg-btn{display: flex;align-items: center;gap: 0.7rem;width: 100%;min-height: 46px;padding: 0.6rem 0.85rem;border: 2px solid var(--ink,#1A1523);border-radius: 14px;background: #FFFDF9;box-shadow: 3px 3px 0 var(--ink,#1A1523);color: var(--ink,#1A1523);font: inherit;font-size: 0.95rem;font-weight: 700;text-align: left;text-decoration: none;cursor: pointer;transition: transform 0.15s ease,box-shadow 0.15s ease,background 0.15s ease}
.fwg-btn:hover{transform: translate(-1px,-1px);box-shadow: 4px 4px 0 var(--ink,#1A1523);background: #FFF1B8}
.fwg-dot{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: 2px solid var(--ink,#1A1523);border-radius: 50%;background: var(--c,#FFD5A0);font-size: 0.78rem;font-weight: 800}
.fwg-dot svg{display: block;width: 18px;height: 18px}
.fwg-arr{margin-left: auto;color: var(--coral-dark,#C23A20)}
.fwg-back{margin: 0 0 0.7rem;padding: 0;border: none;background: none;color: var(--coral-dark,#C23A20);font: inherit;font-size: 0.84rem;font-weight: 700;cursor: pointer}
.fwg-hide{display: block;margin: 0.9rem auto 0;padding: 0.2rem;border: none;background: none;color: var(--ink-soft,#453B52);font: inherit;font-size: 0.76rem;text-decoration: underline;cursor: pointer}
.fwg-btn:focus-visible,.fwg-pill:focus-visible,.fwg-close:focus-visible,.fwg-back:focus-visible,.fwg-hide:focus-visible{outline: 3px solid var(--coral,#FF5233);outline-offset: 3px}
@keyframes fwg-pop{from{opacity: 0;transform: translateY(10px) scale(0.94)}to{opacity: 1;transform: none}}
@media (max-width: 480px){.fwg{left: 12px;bottom: 12px}.fwg-pill{min-height: 46px;font-size: 0.9rem}.fwg-panel{left: 12px;bottom: 70px}}
@media print{.fwg,.fwg-panel{display: none !important}}