html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.mobile-container{padding-left:1rem;padding-right:1rem}@media (min-width:640px){.mobile-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.mobile-container{padding-left:2rem;padding-right:2rem}}.mobile-text{font-size:.875rem;line-height:1.5}@media (min-width:640px){.mobile-text{font-size:1rem}}@media (min-width:1024px){.mobile-text{font-size:1.125rem}}.mobile-heading{font-size:1.25rem;line-height:1.2}@media (min-width:640px){.mobile-heading{font-size:1.5rem}}@media (min-width:1024px){.mobile-heading{font-size:1.875rem}}@media (min-width:1280px){.mobile-heading{font-size:2.25rem}}.mobile-button{width:100%;padding:.5rem 1rem}@media (min-width:640px){.mobile-button{width:auto;padding:.75rem 1.5rem}}.mobile-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.mobile-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.mobile-grid{grid-template-columns:repeat(3,1fr)}}.mobile-card{border-radius:.5rem;padding:1rem}@media (min-width:640px){.mobile-card{border-radius:.75rem;padding:1.5rem}}.mobile-spacing>*+*{margin-top:1rem}@media (min-width:640px){.mobile-spacing>*+*{margin-top:1.5rem}}@media (min-width:1024px){.mobile-spacing>*+*{margin-top:2rem}}.touch-target{min-width:44px;min-height:44px}.touch-friendly{padding:.75rem}@media (min-width:640px){.touch-friendly{padding:1rem}}.mobile-safe-area{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pf-mobile-appbar{padding-top:env(safe-area-inset-top)}.pf-mobile-drawer{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pf-mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.pf-mobile-bottom-nav-inner{min-height:4.75rem}@media (max-width:1023px){html:not(.pf-app-installed) .pf-dashboard-content{padding-bottom:max(env(safe-area-inset-bottom), 5.5rem)}.pf-dashboard-content{overscroll-behavior-y:contain}}@supports (padding:max(0px)){.pf-mobile-bottom-nav{padding-bottom:max(env(safe-area-inset-bottom), .5rem)}}@media (max-width:1024px){.sidebar-mobile{z-index:50;width:20rem;transition:transform .3s ease-in-out;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-mobile.open{transform:translate(0)}}@media (max-width:768px){.mobile-nav{flex-direction:column;display:flex}.mobile-nav>*+*{margin-top:.5rem}.mobile-nav-item{text-align:left;border-radius:.5rem;width:100%;padding:.75rem 1rem;display:block}.mobile-header{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.mobile-content{padding:1rem 1rem 1.5rem}}@media (max-width:640px){.responsive-text{font-size:.875rem;line-height:1.6}.responsive-heading{font-size:1.125rem;line-height:1.3}.responsive-subheading{font-size:1rem;line-height:1.5}}@media (max-width:768px){.mobile-form>*+*{margin-top:1rem}.mobile-input{width:100%;padding:.75rem 1rem;font-size:1rem}.mobile-button-group{flex-direction:column;display:flex}.mobile-button-group>*+*{margin-top:.75rem}.mobile-button-group .button{justify-content:center;width:100%}.mobile-card-content{padding:1rem}.mobile-card-header{padding:1rem 1rem .5rem}.mobile-card-footer{padding:.5rem 1rem 1rem}}.mobile-padding{padding:1rem}@media (min-width:640px){.mobile-padding{padding:1.5rem}}@media (min-width:1024px){.mobile-padding{padding:2rem}}.mobile-margin{margin:1rem}@media (min-width:640px){.mobile-margin{margin:1.5rem}}@media (min-width:1024px){.mobile-margin{margin:2rem}}.mobile-gap{gap:1rem}@media (min-width:640px){.mobile-gap{gap:1.5rem}}@media (min-width:1024px){.mobile-gap{gap:2rem}}@media (max-width:768px){.mobile-animate{transition:all .2s ease-in-out}.mobile-hover:active{transform:scale(.95)}}.mobile-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width:768px){.mobile-focus:focus{outline:none;box-shadow:0 0 0 2px #ec4899}}
@layer components{.clay{background:color-mix(in srgb, hsl(var(--card)) 78%, hsl(var(--brand-soft)));border:0;border-radius:28px;box-shadow:0 22px 46px -16px #581c4733,0 6px 14px -8px #581c4721,inset 0 7px 13px -7px #fff,inset 0 -11px 18px -9px #9d176a38}.dark .clay{background:hsl(var(--card));box-shadow:0 20px 44px -16px #000000a6,0 6px 14px -8px #00000073,inset 0 6px 12px -6px #ffffff0f,inset 0 -8px 14px -8px #00000080}.clay-brand{background:hsl(var(--brand-soft));border:0;border-radius:30px;box-shadow:0 22px 48px -18px #9d176a42,0 6px 16px -10px #9d176a29,inset 0 7px 14px -7px #fffffff2,inset 0 -9px 16px -9px #be187838}.dark .clay-brand{background:color-mix(in srgb, hsl(var(--brand)) 18%, hsl(var(--card)));box-shadow:0 22px 48px -16px #0009,inset 0 7px 14px -7px #ffffff14,inset 0 -9px 16px -9px #0000008c}.clay-inset{background:hsl(var(--muted));border:0;border-radius:20px;box-shadow:inset 0 3px 8px -2px #0f172a29,inset 0 -2px 3px -1px #ffffffbf}.dark .clay-inset{box-shadow:inset 0 3px 8px -2px #0009,inset 0 -2px 3px -1px #ffffff0a}.clay-btn{background:hsl(var(--brand));color:hsl(var(--brand-foreground));border:0;border-radius:999px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;box-shadow:0 14px 26px -10px #f6159399,inset 0 4px 8px -3px #ffffff8c,inset 0 -5px 10px -4px #9d176a8c}.clay-btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px -12px #f61593ad,inset 0 4px 8px -3px #fff9,inset 0 -5px 10px -4px #9d176a8c}.clay-btn:active{transform:translateY(1px);box-shadow:0 4px 10px -6px #f6159380,inset 0 5px 12px -4px #9d176aa6,inset 0 -2px 4px -2px #ffffff59}.clay-btn-ghost{background:hsl(var(--muted));color:hsl(var(--foreground));border:0;border-radius:999px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;box-shadow:0 8px 18px -10px #0f172a59,inset 0 3px 7px -3px #ffffffe6,inset 0 -4px 8px -4px #0f172a29}.clay-btn-ghost:hover{transform:translateY(-2px)}.clay-btn-ghost:active{transform:translateY(1px);box-shadow:inset 0 4px 10px -3px #0f172a38,inset 0 -2px 4px -2px #ffffff80}.dark .clay-btn-ghost{box-shadow:0 8px 18px -10px #0009,inset 0 3px 7px -3px #ffffff12,inset 0 -4px 8px -4px #00000080}.clay-orb{background:hsl(var(--brand-soft));border:0;border-radius:999px;box-shadow:0 10px 20px -10px #f6159366,inset 0 4px 8px -3px #fffffff2,inset 0 -5px 9px -5px #be187847}.dark .clay-orb{background:color-mix(in srgb, hsl(var(--brand)) 22%, hsl(var(--card)));box-shadow:0 10px 20px -10px #0009,inset 0 4px 8px -3px #ffffff17,inset 0 -5px 9px -5px #00000080}.clay-pill{background:hsl(var(--brand-soft));border:0;border-radius:999px;box-shadow:inset 0 2px 5px -2px #fffffff2,inset 0 -3px 6px -3px #be187833}.dark .clay-pill{background:color-mix(in srgb, hsl(var(--brand)) 20%, hsl(var(--card)));box-shadow:inset 0 2px 5px -2px #ffffff14,inset 0 -3px 6px -3px #00000073}.clay-progress-track{background:hsl(var(--muted));border-radius:999px;box-shadow:inset 0 2px 5px -1px #0f172a38}.dark .clay-progress-track{box-shadow:inset 0 2px 5px -1px #000000a6}.clay-progress-fill{background:hsl(var(--brand));border-radius:999px;box-shadow:inset 0 2px 3px -1px #ffffff80,inset 0 -2px 3px -1px #9d176a80}@media (prefers-reduced-motion:reduce){.clay-btn,.clay-btn-ghost{transition:none}.clay-btn:hover,.clay-btn-ghost:hover,.clay-btn:active,.clay-btn-ghost:active{transform:none}}}