:root{--color-ink: #24304f;--color-accent: #9d3159;--color-highlight: #f2b84b;--color-wash: #fff1d6;--color-paper: #fff8ee;--hero-image: url(https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1600&q=80)}*{box-sizing:border-box}body{margin:0;background:var(--color-wash);color:var(--color-ink);min-height:100dvh}.public-login{position:relative;display:grid;min-height:100svh;overflow:hidden;color:var(--color-paper);background:var(--color-ink)}.public-login-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,#24304ff5,#24304fd1 42%,#24304f29),var(--hero-image);background-position:center;background-size:cover}.public-login-content{position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,760px);min-height:100svh;padding:clamp(28px,5vw,72px)}.public-login-brand{width:fit-content;color:var(--color-paper);font-family:Fraunces,Georgia,serif!important;font-size:1.35rem!important;font-weight:650!important}.public-login-brand:after{display:inline-block;width:.5rem;height:.5rem;margin:0 0 .08rem .4rem;border-radius:50%;background:var(--color-highlight);content:""}.public-login-copy{max-width:610px;margin:auto 0;padding-block:48px}.public-login-kicker{margin:0 0 18px!important;color:var(--color-highlight);font-size:.94rem!important;font-weight:700!important}.public-login-title.MuiTypography-root{max-width:570px;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(3.35rem,8vw,6.8rem);font-weight:650;letter-spacing:-.055em;line-height:.92}.public-login-intro{max-width:38rem;margin:26px 0 32px!important;color:#fff8eee0;font-size:clamp(1rem,2vw,1.18rem)!important;line-height:1.55!important}.public-login-button.MuiButton-root{min-height:50px;padding:13px 22px;border-radius:999px;color:var(--color-ink);background:var(--color-highlight);box-shadow:0 10px 24px #0003;font-weight:700;text-transform:none}.public-login-button.MuiButton-root:hover{background:#ffd270}.public-login-button.MuiButton-root:focus-visible{outline:3px solid #8ecae6;outline-offset:4px}.public-login-progress.MuiCircularProgress-root{color:var(--color-highlight)}.public-login-error{width:fit-content;margin-top:18px!important;padding:10px 14px;border-radius:8px;color:#721c24;background:#f8d7da}.public-login-help{max-width:30rem;margin:0!important;color:#fff8eec7;font-size:.9rem!important;line-height:1.5!important}.topbar{background:var(--color-ink)!important;color:var(--color-paper)!important;padding-top:env(safe-area-inset-top)}@media(max-width:640px){.public-login-photo{background-image:linear-gradient(180deg,#24304ff5,#24304fcc,#24304f4d),var(--hero-image);background-position:58% center}.public-login-copy{padding-block:32px}.public-login-title.MuiTypography-root{font-size:clamp(3.15rem,16vw,4.6rem)}.public-login-button.MuiButton-root{width:100%}}.brand{font-family:Fraunces,Georgia,serif!important;font-size:1.3rem!important;font-weight:650!important;letter-spacing:0}.brand span{color:var(--color-highlight)}.page-shell{padding-top:38px!important;padding-left:max(24px,env(safe-area-inset-left))!important;padding-right:max(24px,env(safe-area-inset-right))!important}.pwa-alert{margin:0 0 16px;align-items:center}.pwa-alert .MuiAlert-message{display:flex;align-items:center;flex:1;flex-wrap:wrap;gap:4px 8px}.welcome-panel{position:relative;overflow:hidden;display:flex;min-height:350px;margin-bottom:28px;padding:46px 48px;border-radius:18px;background:var(--color-ink);color:var(--color-paper);isolation:isolate}.welcome-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#24304ff0,#24304fc7 44%,#24304f1a);z-index:0}.welcome-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hero-image);background-size:cover;background-position:center 45%;filter:saturate(1.05);z-index:-1}.welcome-copy{position:relative;z-index:1;max-width:540px}.eyebrow,.section-kicker{font-size:.84rem!important;font-weight:800!important;color:var(--color-highlight);margin-bottom:16px!important}.welcome-panel h1{font-size:clamp(2.9rem,6vw,5.4rem);line-height:.96;margin:0 0 20px;letter-spacing:0}.welcome-panel h1 em{color:var(--color-highlight);font-style:normal}.welcome-note{max-width:350px;font-size:1.08rem!important;line-height:1.5!important;color:#fff8eee0}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.dashboard-card{border:1px solid color-mix(in srgb,var(--color-ink) 12%,var(--color-paper))!important;box-shadow:0 10px 28px #24304f14!important;background:var(--color-paper)!important}.dashboard-card h5{font-size:1.55rem}.activity-column{grid-column:1/-1}.section-kicker{color:var(--color-accent);margin:10px 0 4px!important}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-paper);border-top:1px solid color-mix(in srgb,var(--color-ink) 14%,transparent);display:none;justify-content:space-around}.bottom-nav a{color:#6d6a78;text-decoration:none;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;font-size:11px;gap:3px}.bottom-nav a.active{color:var(--color-accent);font-weight:700}.post-photo{display:block;width:min(100%,480px);height:auto;aspect-ratio:1;max-height:420px;object-fit:cover;border-radius:10px}.messages{display:flex;flex-direction:column;gap:10px;min-height:300px}.bubble{background:color-mix(in srgb,var(--color-ink) 8%,var(--color-paper));border-radius:14px;padding:9px 13px;max-width:78%;align-self:flex-start}.bubble.mine{background:color-mix(in srgb,var(--color-highlight) 34%,var(--color-paper));align-self:flex-end}.virtualized-item{content-visibility:auto;contain-intrinsic-size:auto 120px}.admin-theme-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;align-items:start}.theme-editor-card,.theme-preview-card{background:var(--color-paper)!important}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.color-control{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.swatch,.preview-swatch{border:1px solid rgba(36,48,79,.18);box-shadow:inset 0 0 0 2px #ffffff73}.swatch{width:42px;height:42px;border-radius:50%}.theme-preview-hero{min-height:220px;border-radius:14px;color:var(--color-paper);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover}.theme-preview-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.preview-swatch{height:52px;border-radius:10px;margin-bottom:6px}@media(max-width:700px){.topbar-home{display:none!important}.topbar-family-picker .MuiSelect-select{padding-inline:8px 24px!important}.topbar-action{min-width:0!important;padding-inline:5px!important}.topbar-friends,.topbar-message{display:none!important}.page-shell{padding-top:22px!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}.welcome-panel{min-height:430px;padding:30px 25px}.welcome-panel:after{background:linear-gradient(180deg,#24304ff0,#24304fcc 52%,#24304f2e)}.welcome-photo{background-position:center bottom}.dashboard-grid,.admin-theme-layout,.color-grid{grid-template-columns:1fr}.activity-column{grid-column:auto}.bottom-nav{display:flex}.theme-preview-strip{grid-template-columns:repeat(3,1fr)}}:root{--activity-card-gap: 18px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px 16px 8px;border-top:1px solid rgba(255,255,255,.12);background:#00000014}.desktop-nav a{display:flex;align-items:center;justify-content:center;gap:4px;min-width:96px;color:inherit;text-decoration:none;padding:8px 9px;border-radius:8px;font-size:.82rem;cursor:pointer}.desktop-nav a:hover,.desktop-nav a.active{background:#ffffff24}.desktop-nav svg{font-size:18px;pointer-events:none}.activity-column .virtualized-item{margin-block:var(--activity-card-gap)}.activity-column .virtualized-item:first-child{margin-top:8px}.activity-column .virtualized-item:last-child{margin-bottom:8px}@media(max-width:700px){.desktop-nav{display:none}}