.navBar-module-scss-module__IFzYZG__bar{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));z-index:var(--z-navbar);pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.navBar-module-scss-module__IFzYZG__barHost{position:relative}.navBar-module-scss-module__IFzYZG__barShadow{z-index:-1;border-radius:var(--radius-full);box-shadow:var(--shadow-md);pointer-events:none;position:absolute;inset:0}.navBar-module-scss-module__IFzYZG__barInner{height:var(--navbar-height);padding:0 var(--space-2);border-radius:var(--radius-full);pointer-events:auto;background:color-mix(in srgb, var(--mono-bg) 65%, transparent);border:1px solid var(--mono-border-subtle);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);justify-content:center;align-items:center;display:flex}.navBar-module-scss-module__IFzYZG__brandLink{align-items:center;gap:var(--space-2);height:var(--size-touch-target);padding:0 var(--space-2);color:var(--mono-text-low-contrast);display:none}@media (min-width:1280px){.navBar-module-scss-module__IFzYZG__brandLink{flex:1;display:flex}}.navBar-module-scss-module__IFzYZG__brandSpacer{display:none}@media (min-width:1280px){.navBar-module-scss-module__IFzYZG__brandSpacer{flex:1;display:block}}.navBar-module-scss-module__IFzYZG__brandLinkVisible{align-items:center;gap:var(--space-2);height:var(--size-touch-target);padding:0 var(--space-3);color:var(--mono-text-low-contrast);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out);flex-shrink:0;text-decoration:none;display:flex;position:relative}.navBar-module-scss-module__IFzYZG__brandLinkVisible:before{content:"";background:var(--mono-bg);border-radius:var(--radius-full);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);z-index:-1;pointer-events:none;position:absolute;inset:0}.navBar-module-scss-module__IFzYZG__brandLinkActive{color:var(--brand-text)}.navBar-module-scss-module__IFzYZG__brandLinkActive:before{opacity:1}.navBar-module-scss-module__IFzYZG__brandText{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-xs);line-height:var(--leading-xs);letter-spacing:calc(var(--tracking-xs) + var(--tracking-caps-xs));text-transform:uppercase;font-style:normal;display:none}@media (min-width:1280px){.navBar-module-scss-module__IFzYZG__brandText{display:inline}}.navBar-module-scss-module__IFzYZG__brandTextVisible{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-xs);line-height:var(--leading-xs);letter-spacing:calc(var(--tracking-xs) + var(--tracking-caps-xs));text-transform:uppercase;font-style:normal}.navBar-module-scss-module__IFzYZG__tabs{flex:1;justify-content:space-evenly;align-items:center;display:flex;position:relative}.navBar-module-scss-module__IFzYZG__pill{opacity:0;background:var(--mono-bg);border-radius:var(--radius-full);pointer-events:none;z-index:0;height:100%;transition:transform var(--duration-normal) var(--ease-out-expo),width var(--duration-normal) var(--ease-out-expo),opacity var(--duration-fast) var(--ease-out);will-change:transform,width;position:absolute;top:0;bottom:0;left:0}@media (prefers-reduced-motion:reduce){.navBar-module-scss-module__IFzYZG__pill{transition:none}}.navBar-module-scss-module__IFzYZG__tab{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--size-touch-target);padding:var(--space-1) var(--space-3);color:var(--mono-text-low-contrast);border-radius:var(--radius-full);outline:none;flex-direction:column;text-decoration:none;transition:none;display:flex;position:relative}.navBar-module-scss-module__IFzYZG__tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.navBar-module-scss-module__IFzYZG__tab{-webkit-tap-highlight-color:#0000}@media (min-width:768px){.navBar-module-scss-module__IFzYZG__tab{padding:var(--space-1) var(--space-5)}}@media (hover:hover){.navBar-module-scss-module__IFzYZG__tab:hover{color:var(--mono-text-low-contrast)}}.navBar-module-scss-module__IFzYZG__tabActive{color:var(--brand-text)}@media (hover:hover){.navBar-module-scss-module__IFzYZG__tabActive:hover{color:var(--brand-text)}}.navBar-module-scss-module__IFzYZG__tabIcon{font-size:var(--size-icon-xl)}.navBar-module-scss-module__IFzYZG__tabIconWrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.navBar-module-scss-module__IFzYZG__tabDot{top:calc(var(--space-1)*-.25);right:calc(var(--space-1)*-.25);width:var(--size-dot);height:var(--size-dot);background:var(--accent-solid);border:2px solid var(--mono-bg);border-radius:var(--radius-full);position:absolute}.navBar-module-scss-module__IFzYZG__tabBadge{top:calc(var(--space-1)*-.5);right:calc(var(--space-1)*-.75);min-width:var(--size-badge);height:var(--size-badge);padding:0 var(--space-1);background:var(--accent-solid);color:var(--accent-on-solid);border-radius:var(--radius-full);border:2px solid var(--mono-bg);font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-icon-label);line-height:var(--leading-none);letter-spacing:calc(var(--tracking-icon-label) + var(--tracking-caps-icon-label));text-transform:uppercase;justify-content:center;align-items:center;font-style:normal;display:inline-flex;position:absolute}.navBar-module-scss-module__IFzYZG__tabLabel{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-icon-label);line-height:var(--leading-none);letter-spacing:calc(var(--tracking-icon-label) + var(--tracking-caps-icon-label));text-transform:uppercase;color:var(--mono-text);font-style:normal}.navBar-module-scss-module__IFzYZG__tabActive .navBar-module-scss-module__IFzYZG__tabLabel{color:inherit}
@property --bd1-x{syntax:"<percentage>";inherits:false;initial-value:12%}@property --bd1-y{syntax:"<percentage>";inherits:false;initial-value:0%}@property --bd2-x{syntax:"<percentage>";inherits:false;initial-value:100%}@property --bd2-y{syntax:"<percentage>";inherits:false;initial-value:100%}@property --bd3-x{syntax:"<percentage>";inherits:false;initial-value:85%}@property --bd3-y{syntax:"<percentage>";inherits:false;initial-value:30%}.pageBackdrop-module-scss-module__IsXfnG__backdrop{z-index:var(--z-page-wash);pointer-events:none;background:radial-gradient(ellipse 70% 45% at var(--bd1-x) var(--bd1-y), var(--accent-bg) 0%, transparent 65%),radial-gradient(ellipse 60% 40% at var(--bd2-x) var(--bd2-y), var(--flash-subtle-bg) 0%, transparent 65%),radial-gradient(ellipse 40% 30% at var(--bd3-x) var(--bd3-y), var(--success-subtle-bg) 0%, transparent 70%),var(--surface-page);--period-drift:2.4s;transition:--bd1-x var(--period-drift) var(--ease-out-quart),--bd1-y var(--period-drift) var(--ease-out-quart),--bd2-x var(--period-drift) var(--ease-out-quart),--bd2-y var(--period-drift) var(--ease-out-quart),--bd3-x var(--period-drift) var(--ease-out-quart),--bd3-y var(--period-drift) var(--ease-out-quart);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.pageBackdrop-module-scss-module__IsXfnG__backdrop{transition:none}}html[data-vt=off] .pageBackdrop-module-scss-module__IsXfnG__backdrop{transition:none}.pageBackdrop-module-scss-module__IsXfnG__backdrop[data-mood=card]{--bd1-x:35%;--bd1-y:0%;--bd2-x:100%;--bd2-y:100%;--bd3-x:95%;--bd3-y:40%}.pageBackdrop-module-scss-module__IsXfnG__backdrop[data-mood=friends]{--bd1-x:8%;--bd1-y:0%;--bd2-x:100%;--bd2-y:105%;--bd3-x:92%;--bd3-y:15%}.pageBackdrop-module-scss-module__IsXfnG__backdrop[data-mood=games]{--bd1-x:12%;--bd1-y:0%;--bd2-x:100%;--bd2-y:100%;--bd3-x:85%;--bd3-y:30%}.pageBackdrop-module-scss-module__IsXfnG__backdrop[data-mood=board]{--bd1-x:15%;--bd1-y:0%;--bd2-x:85%;--bd2-y:80%;--bd3-x:100%;--bd3-y:55%}.pageBackdrop-module-scss-module__IsXfnG__backdrop[data-mood=profile]{--bd1-x:50%;--bd1-y:0%;--bd2-x:100%;--bd2-y:100%;--bd3-x:100%;--bd3-y:60%}
.user-module-scss-module__OTH9da__page{min-height:100dvh;padding:calc(var(--space-10) + env(safe-area-inset-top,0px)) var(--gutter-x);padding-bottom:calc(var(--navbar-height) + env(safe-area-inset-bottom,0px) + var(--space-10));gap:var(--page-stack-gap);max-width:var(--content-app);flex-direction:column;margin:0 auto;display:flex}