.grail{--g-ink:#10161f;--g-paper:#fbf7ee;--g-vermilion:#b5472f;--g-muted:#10161f80;--g-hair:#10161f1a;--g-hover:#10161f0d;--g-active:#b5472f14;z-index:45;-webkit-backdrop-filter:blur(8px);border:1px solid var(--g-hair);background:#fbf7eedb;border-left:none;border-radius:0 14px 14px 0;flex-direction:column;gap:2px;width:52px;padding:8px;transition:width .22s cubic-bezier(.2,.6,.2,1),box-shadow .22s;animation:.4s cubic-bezier(.2,.6,.2,1) grail-in;display:flex;position:fixed;top:92px;left:0;overflow:hidden;box-shadow:1px 2px 10px #10161f0d}.grail:hover,.grail:focus-within,.grail.is-open{width:208px;box-shadow:3px 6px 22px #10161f1f}.grail.is-open .grail-cap,.grail.is-open .grail-label,.grail.is-open .grail-cta{opacity:1;transform:none}.grail-cap{font-family:var(--font-mono), monospace;letter-spacing:.24em;text-transform:uppercase;color:#10161f57;white-space:nowrap;opacity:0;padding:4px 10px 8px;font-size:9px;transition:opacity .18s}.grail:hover .grail-cap,.grail:focus-within .grail-cap{opacity:1}.grail-item{height:40px;color:var(--g-muted);border-radius:9px;align-items:center;gap:13px;padding:0 9px;text-decoration:none;transition:background .16s,color .16s;display:flex;position:relative}.grail-item svg{stroke:currentColor;opacity:.9;flex-shrink:0;width:19px;height:19px}.grail-item .grail-label{font-family:var(--font-sans), Georgia, serif;white-space:nowrap;opacity:0;font-size:14px;transition:opacity .18s,transform .22s;transform:translate(-4px)}.grail:hover .grail-label,.grail:focus-within .grail-label{opacity:1;transform:none}.grail-item:hover{background:var(--g-hover);color:var(--g-ink)}.grail-item.is-active{color:var(--g-vermilion);background:var(--g-active)}.grail-item.is-active:before{content:"";background:var(--g-vermilion);border-radius:2px;width:2px;position:absolute;top:9px;bottom:9px;left:-8px}.grail-item:focus-visible{outline:2px solid var(--g-vermilion);outline-offset:2px}.grail-sep{background:var(--g-hair);height:1px;margin:6px 8px}.grail-fab{z-index:45;background:var(--g-vermilion);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .16s,background .16s;animation:.4s cubic-bezier(.2,.6,.2,1) grail-in;display:none;position:fixed;bottom:20px;left:16px;box-shadow:0 6px 18px #b5472f52}.grail-fab:hover{background:#9c3a24;transform:translateY(-1px)}.grail-fab svg{stroke:currentColor;width:22px;height:22px}@media (max-width:1080px){.grail{display:none}.grail-fab{display:flex}}@media (max-width:860px){.grail-fab{bottom:16px;left:14px}}@keyframes grail-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.grail,.grail-fab{animation:none}.grail,.grail-label,.grail-cap{transition:none}}.grail-preview .grail-item{color:var(--g-muted)}.grail-preview .grail-item svg{opacity:.6}.grail-cta{background:var(--g-vermilion);color:#fff;height:34px;font-family:var(--font-sans), Georgia, serif;white-space:nowrap;opacity:0;border-radius:9px;justify-content:center;align-items:center;margin-top:6px;font-size:13px;text-decoration:none;transition:opacity .18s,transform .22s,background .16s;display:flex;transform:translate(-4px)}.grail:hover .grail-cta,.grail:focus-within .grail-cta{opacity:1;transform:none}.grail-cta:hover{background:#9c3a24}.grail-cta:focus-visible{outline:2px solid var(--g-vermilion);outline-offset:2px}