@import url('/events/ganesh/static/assets/brand/tokens.css');
:root{--fb-page-width:1180px;--fb-page-gutter:clamp(16px,3vw,32px);--fb-ink:#193e35;--fb-paper:#f7f3e8;--fb-line:#d6dfd4}
body[data-app-page]{margin:0;padding:0;font-family:Rubik,system-ui,sans-serif}
.fb-app-header,.fb-app-header *{box-sizing:border-box}
.fb-app-header{box-sizing:border-box;display:flex;align-items:center;gap:20px;min-height:80px;margin:0;width:100%;max-width:none;padding:16px max(var(--fb-page-gutter),calc((100% - var(--fb-page-width))/2));background:var(--fb-paper);color:var(--fb-ink);border-bottom:1px solid var(--fb-line);position:relative;z-index:30}
.fb-app-header .fb-app-brand{display:flex;align-items:center;gap:9px;flex:none;text-decoration:none;line-height:1}
.fb-app-header .fb-app-symbol{display:block;width:38px;height:38px;object-fit:contain}
.fb-app-header .fb-app-wordmark{display:block;width:142px;height:34px;object-fit:contain}
.fb-app-context{font:500 14px/1.4 Rubik,system-ui,sans-serif;border-left:1px solid #b6c6bb;padding-left:20px}
.fb-app-header .fb-app-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-left:auto;width:auto;color:var(--fb-ink);font:500 14px/1.4 Rubik,system-ui,sans-serif}
.fb-app-actions>a,.fb-app-actions>button{color:inherit;font:inherit;padding:9px 12px;min-height:40px;border-radius:8px;text-decoration:none}
.fb-app-actions>button{border:1px solid var(--fb-line);background:white;cursor:pointer}
.fb-app-actions [hidden],.fb-app-header [hidden]{display:none!important}
.fb-app-header :focus-visible,.fb-destinations :focus-visible{outline:3px solid #aa663f;outline-offset:3px}
.fb-skip{position:fixed;top:-100px;left:16px;padding:12px 16px;background:white;color:var(--fb-ink);z-index:10000}
.fb-skip:focus{top:12px}
body[data-app-page]>.fb-destinations{box-sizing:border-box;justify-content:flex-start;padding:8px max(var(--fb-page-gutter),calc((100% - var(--fb-page-width))/2));gap:4px;overflow-x:auto;flex-wrap:nowrap}
.fb-destinations a{white-space:nowrap}
body[data-app-page]>.shell,body[data-app-page]>.host-shell,body[data-app-page]>.circle-shell{width:calc(100% - 2*var(--fb-page-gutter));max-width:var(--fb-page-width);margin-left:auto;margin-right:auto;box-sizing:border-box}
body[data-app-page] .projects-page,body[data-app-page] .family-page{padding-top:32px;padding-bottom:48px}
body[data-app-page="Event welcome"] .fb-page{padding-top:24px}
@media(max-width:640px){.fb-app-header{gap:12px;min-height:68px;padding-top:12px;padding-bottom:12px}.fb-app-header .fb-app-symbol{width:30px;height:30px}.fb-app-header .fb-app-wordmark{width:112px;height:28px}.fb-app-context{font-size:12px;padding-left:12px;max-width:110px}.fb-app-actions>a:not(.signin):not(.account-link){display:none}.fb-app-header .fb-app-actions{gap:4px}.fb-app-actions>a,.fb-app-actions>button{padding:8px}.fb-app-header .fb-profile-panel{right:0;max-width:calc(100vw - 32px)}}
