@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Fredoka:wght@400;500;600;700&display=swap";:root{--cream-50: #FBF8F0;--cream-100: #F5F0E8;--cream-200: #ECE4D6;--cream-300: #DDD2BE;--paper: #FFFFFF;--ink-900: #3D2A20;--ink-700: #5C3D2E;--ink-500: #8A6A55;--charcoal-900: #2D3748;--charcoal-600: #718096;--charcoal-400: #A0AEC0;--orange: #E07A5F;--orange-deep: #C75D43;--orange-soft: #F2C9BC;--pumpkin: #DB8A3E;--teal: #81B29A;--teal-deep: #5E927B;--purple: #9B7ED9;--purple-deep: #7C5FC0;--yellow: #F2CB6C;--coral: #E76F51;--coral-deep: #CC563B;--orange-wash: rgba(224, 122, 95, .12);--teal-wash: rgba(129, 178, 154, .14);--purple-wash: rgba(155, 126, 217, .14);--coral-wash: rgba(231, 111, 81, .12);--surface-page: var(--cream-100);--surface-card: var(--paper);--surface-sunken: rgba(61, 42, 32, .035);--surface-overlay: rgba(255, 255, 255, .92);--text-heading: var(--charcoal-900);--text-body: var(--charcoal-900);--text-muted: var(--charcoal-600);--text-faint: var(--charcoal-400);--text-on-accent: #FFFFFF;--accent: var(--orange);--accent-hover: var(--orange-deep);--accent-wash: var(--orange-wash);--border-soft: rgba(61, 42, 32, .1);--border-ink: var(--ink-700);--focus-ring: rgba(224, 122, 95, .45);--reaction-rest: var(--charcoal-600);--reaction-active: var(--orange);--reaction-active-bg: var(--orange-wash)}:root{--font-display: "Fredoka", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Nunito", ui-monospace, "SF Mono", Menlo, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extra: 800;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-4xl: 4rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .1em;--display-font: var(--font-display);--display-weight: var(--weight-semibold);--heading-font: var(--font-display);--heading-weight: var(--weight-semibold);--body-font: var(--font-body);--body-weight: var(--weight-regular);--ui-weight: var(--weight-semibold)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--width-feed: 480px;--width-content: 720px;--width-wide: 1080px;--gutter-card: var(--space-5);--gap-stack: var(--space-5);--gap-cozy: var(--space-3);--section-y: var(--space-10)}:root{--shadow-xs: 0 1px 3px rgba(61, 42, 32, .06);--shadow-sm: 0 2px 10px rgba(61, 42, 32, .06);--shadow-md: 0 4px 18px rgba(61, 42, 32, .08);--shadow-lg: 0 12px 32px rgba(61, 42, 32, .1);--shadow-pop: 0 8px 24px rgba(224, 122, 95, .22);--border-hairline: 1px solid var(--border-soft);--border-card: 1px solid var(--border-soft);--border-drawn: 2px solid var(--ink-700);--border-drawn-thin: 1.5px solid var(--ink-700);--focus-shadow: 0 0 0 3px var(--focus-ring);--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-base: .22s;--dur-slow: .35s;--transition-base: all var(--dur-base) var(--ease-soft);--pattern-url: url(/assets/seamless_background.png);--pattern-bg: var(--cream-100) var(--pattern-url) repeat center / 1024px;--glass-card: var(--surface-overlay);--glass-blur: saturate(1.05) blur(.5px)}body{font-family:var(--font-body);font-weight:var(--weight-regular);color:var(--text-body);background:var(--surface-page);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bzh-wallpaper{background:var(--cream-100) var(--pattern-url) repeat center / 1024px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--text-heading);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.bzh-eyebrow{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:var(--orange-soft);color:var(--ink-900)}.u-flex{display:flex}.u-flex-col{flex-direction:column}.u-flex-wrap{flex-wrap:wrap}.u-items-center{align-items:center}.u-items-start{align-items:flex-start}.u-items-end{align-items:flex-end}.u-justify-center{justify-content:center}.u-flex-1{flex:1}.u-min-w-0{min-width:0}.u-relative{position:relative}.u-cursor-pointer{cursor:pointer}.u-text-center{text-align:center}.u-text-pretty{text-wrap:pretty}.u-hidden{display:none}.u-spacer{flex:1}.u-gap-4{gap:4px}.u-gap-6{gap:6px}.u-gap-8{gap:8px}.u-gap-10{gap:10px}.u-gap-12{gap:12px}.u-gap-14{gap:14px}.u-gap-16{gap:16px}.u-gap-18{gap:18px}.u-gap-20{gap:20px}.u-gap-22{gap:22px}.u-gap-26{gap:26px}.u-gap-36{gap:36px}.type-display-hero{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-.02em;color:var(--ink-900);margin:0}.type-display-page{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,4.5vw,52px);line-height:1.08;letter-spacing:-.02em;color:var(--ink-900);margin:18px 0 14px}.type-display-lg{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ink-900);margin:0;letter-spacing:-.01em}.type-display-md{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ink-900);margin:0}.type-display-sm{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink-900);letter-spacing:-.01em}.type-section-title{font-family:var(--font-display);font-weight:700;font-size:34px;color:var(--ink-900);text-align:center;margin:0 0 8px}.type-section-title-md{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ink-900);text-align:center;margin:0 0 28px}.type-section-title-sm{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ink-900);text-align:center;margin:0 0 8px}.type-card-title{font-family:var(--font-display);font-weight:600;font-size:21px;color:var(--ink-900);margin:0 0 8px}.type-card-title-sm{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink-900);margin:0 0 8px}.type-panel-title{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--ink-900);margin:0}.type-faq-title{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--ink-900);margin:0 0 6px}.type-profile-name{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--ink-900);margin:0}.type-family-name{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ink-900);margin:0}.type-family-chip{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--ink-900)}.type-stat-value{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink-900)}.type-author-name{font-family:var(--font-body);font-weight:700;font-size:16px;color:var(--text-body)}.type-author-name-sm{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--text-body)}.type-lead{font-size:19px;line-height:1.6;color:var(--text-muted);text-wrap:pretty}.type-lead-center{font-size:18px;line-height:1.6;color:var(--text-muted);max-width:520px;margin:0 auto;text-wrap:pretty}.type-lead-center-wide{font-size:18px;line-height:1.6;color:var(--text-muted);max-width:540px;margin:0 auto;text-wrap:pretty}.type-body{font-size:15px;line-height:1.6;color:var(--text-muted);text-wrap:pretty}.type-body-dark{font-size:14px;line-height:1.6;color:var(--text-body);text-wrap:pretty}.type-post-body{font-size:16px;line-height:1.6;color:var(--text-body);margin:0;text-wrap:pretty}.type-post-body-token{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);margin:0;text-wrap:pretty}.type-subtitle{text-align:center;color:var(--text-muted);font-size:17px;margin:0 0 40px}.type-subtitle-sm{text-align:center;color:var(--text-muted);font-size:16px;margin:0 0 32px}.type-meta{font-size:13.5px;color:var(--text-muted)}.type-meta-sm{font-size:13px;color:var(--text-muted)}.type-meta-xs{font-size:12px;color:var(--text-muted);margin-top:1px}.type-caption{font-size:12.5px;color:var(--text-muted)}.type-label{font-size:13px;font-weight:700;color:var(--text-body)}.type-member-name{font-weight:700;font-size:14.5px;color:var(--text-body)}.type-you{font-size:12px;color:var(--text-faint)}.type-pinned{color:var(--accent);font-weight:700}.type-step-label{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--orange-deep);margin-bottom:12px}.type-cta-title{font-family:var(--font-display);font-weight:700;font-size:36px;margin:0 0 12px;letter-spacing:-.02em}.type-cta-title-md{font-family:var(--font-display);font-weight:700;font-size:32px;margin:0 0 12px;letter-spacing:-.02em}.type-cta-sub{font-size:18px;opacity:.92;margin:0 0 28px}.type-cta-sub-md{font-size:17px;opacity:.92;margin:0 0 24px}.type-auth-sub{font-size:15px;color:var(--text-muted);margin:6px 0 0}.type-auth-footer{text-align:center;font-size:14px;color:var(--text-muted);margin:24px 0 0}.type-link-accent{font-weight:700;color:var(--accent)}.type-link-button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.type-error{color:var(--coral-deep)}.type-disband-title{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--coral-deep)}.type-stat-label{font-size:12px;color:var(--text-muted);font-weight:600}.type-emoji-lg{font-size:32px;margin-bottom:12px}.type-brand{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink-900)}.type-brand-sm{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ink-900)}.type-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--orange-wash);color:var(--orange-deep);font-weight:700;font-size:13px;letter-spacing:.02em;padding:7px 14px;border-radius:var(--radius-pill);margin-bottom:22px}.glass-card{background:var(--glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.glass-card--soft-border{border:1px solid var(--border-soft)}.glass-card-xl{background:var(--glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.glass-panel{background:var(--glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:22px 24px}.glass-card-padded{padding:var(--gutter-card)}.glass-card-padded-lg{padding:28px}.glass-card-padded-md{padding:26px 28px}.glass-card-padded-faq{padding:20px 24px}.glass-card-padded-row{padding:16px 20px}.card-solid{background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-bg{min-height:100vh;background:var(--cream-100) var(--pattern-url) repeat center / 760px}.page-bg--680{background-size:680px}.page-bg--820{background-size:820px}.page-bg--centered{display:flex;align-items:center;justify-content:center;padding:48px 20px}.marketing-footer{border-top:1px solid var(--border-soft);padding:24px 28px;text-align:center;color:var(--text-faint);font-size:13px}.main-feed{max-width:var(--width-feed);margin:0 auto;padding:28px 16px 64px;display:flex;flex-direction:column;gap:var(--gap-stack)}.main-profile{max-width:540px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:var(--gap-stack)}.main-manage{max-width:560px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:var(--gap-stack)}.main-manage--compact{max-width:560px;margin:0 auto;padding:24px 16px}.family-switcher{display:flex;flex-wrap:wrap;gap:8px}.family-tab{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--text-muted);background:var(--surface-sunken);border:1.5px solid transparent;border-radius:var(--radius-pill);padding:6px 12px;cursor:pointer;transition:all var(--dur-base) var(--ease-bounce)}.family-tab--active{color:var(--purple-deep);background:var(--purple-wash);border-color:var(--purple)}.family-tab-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--purple);color:#fff;font-size:11px;font-weight:700}.family-tab-count{font-size:11.5px;font-weight:700;color:var(--text-faint);background:var(--paper);border-radius:var(--radius-pill);padding:1px 7px}.family-tab--new{font-weight:700;border-style:dashed;border-color:var(--border-soft)}.create-family-form{display:flex;flex-direction:column;gap:16px}.marketing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;max-width:var(--width-wide);margin:0 auto;padding:72px 28px 56px}.hero-content{position:relative;padding:22px 24px 24px;border-radius:var(--radius-xl);background:#fffbf5d1;backdrop-filter:saturate(1.08) blur(14px);-webkit-backdrop-filter:saturate(1.08) blur(14px);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow-md)}.hero-content:before{content:"";position:absolute;inset:-10px -6px;border-radius:36px;background:#ffffff59;transform:rotate(-1.5deg);z-index:-1}.page-hero{max-width:var(--width-content);margin:0 auto;padding:64px 28px 40px;text-align:center}.section-wide{max-width:var(--width-wide);margin:0 auto;padding:0 28px 64px}.section-wide--steps{padding:24px 28px 80px}.section-wide--features{padding:0 28px 56px}.section-wide--public{padding:0 28px 72px;text-align:center}.public-feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:32px 0;text-align:left}.public-post-card{display:flex;flex-direction:column;gap:12px}.section-wide--stories{padding:0 28px 72px}.section-content{max-width:var(--width-content);margin:0 auto;padding:0 28px 72px}.section-cta{padding:0 28px 80px}.section-cta--md{padding:0 28px 72px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{text-align:center}.feature-card--left{text-align:left}.feature-card-icon{margin-bottom:14px}.cta-banner{max-width:var(--width-content);margin:0 auto;text-align:center;background:var(--orange);color:#fff;border-radius:var(--radius-xl);padding:54px 40px;box-shadow:var(--shadow-pop)}.cta-banner--md{padding:48px 40px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--surface-overlay);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-soft)}.topbar--raised{z-index:20}.marketing-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 28px;background:var(--surface-overlay);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-soft)}.nav-links{display:flex;gap:26px;margin-left:28px}.nav-link{font-size:15px;font-weight:600;color:var(--text-muted);text-decoration:none}.nav-link--active{color:var(--ink-900)}.brand-lockup{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-lockup--wide{gap:12px}.logo-circle{border-radius:50%}.logo-circle--shadow{border-radius:50%;box-shadow:var(--shadow-md)}.logo-circle--center{border-radius:50%;box-shadow:var(--shadow-md);margin:0 auto 18px}.demo-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--orange));display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:600}.tone-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:600;flex-shrink:0}.tone-avatar--coral{background:linear-gradient(135deg,var(--coral),var(--orange))}.tone-avatar--teal{background:linear-gradient(135deg,var(--teal),var(--teal-deep))}.tone-avatar--purple{background:linear-gradient(135deg,var(--purple),var(--purple-deep))}.family-chip{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:22px;color:#fff}.family-chip--orange{background:var(--pumpkin)}.family-chip--teal{background:var(--teal)}.family-chip--purple{background:var(--purple)}.family-avatar-lg{width:72px;height:72px;border-radius:var(--radius-lg);background:var(--pumpkin);box-shadow:0 0 0 4px var(--paper),var(--shadow-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:30px;color:#fff}.avatar{width:var(--avatar-size, 40px);height:var(--avatar-size, 40px);min-width:var(--avatar-size, 40px);border-radius:var(--radius-pill);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--avatar-font-size, 15px);letter-spacing:.01em;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar--ring{box-shadow:0 0 0 3px var(--paper),0 0 0 4.5px var(--border-soft)}.hero-visual{position:relative}.hero-visual-bg{position:absolute;inset:-18px -10px;background:var(--orange-wash);border-radius:32px;transform:rotate(-2deg)}.hero-demo-card{padding:var(--gutter-card);display:flex;flex-direction:column;gap:var(--space-4)}.post-reactions-row{display:flex;gap:16px;padding-top:8px;border-top:1px solid var(--border-soft);font-size:13px;color:var(--text-muted)}.badge-row{display:flex;gap:8px;margin-top:26px}.hero-actions{display:flex;gap:12px;align-items:center}.hero-lead{max-width:460px;margin:20px 0 30px}.post-card{padding:var(--gutter-card);display:flex;flex-direction:column;gap:var(--space-4);width:100%}.post-card--solid{background:var(--surface-card)}.post-header{display:flex;align-items:center;gap:12px}.post-footer{display:flex;align-items:center;gap:4px;padding-top:var(--space-2);border-top:1px solid var(--border-soft)}.post-image{width:100%;max-height:320px;object-fit:cover;border-radius:var(--radius-md);background:var(--cream-200);display:block}.composer{padding:var(--gutter-card);display:flex;flex-direction:column;gap:14px;width:100%}.composer-row{display:flex;align-items:center;gap:8px}.composer-preview-wrap{position:relative;align-self:flex-start}.composer-preview{max-width:100%;max-height:240px;border-radius:var(--radius-md);display:block;background:var(--cream-200)}.composer-preview-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#0000008c;color:#fff;cursor:pointer;font-size:16px;line-height:1}.visibility-toggle{flex:0 0 auto;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-muted);background:var(--paper);border:1.5px solid var(--border-soft);border-radius:var(--radius-pill);padding:8px 14px;cursor:pointer;white-space:nowrap;transition:all var(--dur-base) var(--ease-bounce)}.visibility-toggle:hover{border-color:var(--accent)}.visibility-toggle--public{color:var(--teal-700, #1f7a6b);background:var(--teal-50, #e8f6f2);border-color:var(--teal-300, #8fd4c4)}.feed-filter{display:flex;flex-wrap:wrap;gap:8px;width:100%}.feed-filter__chip{font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--text-muted);background:var(--surface-card);border:1.5px solid var(--border-soft);border-radius:var(--radius-pill);padding:7px 16px;cursor:pointer;transition:all var(--dur-base) var(--ease-bounce)}.feed-filter__chip:hover{color:var(--text-body);border-color:var(--accent)}.feed-filter__chip--active{color:#fff;background:var(--accent);border-color:var(--accent)}.comments-section{display:flex;flex-direction:column;gap:var(--space-2)}.comment{display:flex;gap:12px;padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-md)}.comment-author{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--text-body);margin-bottom:2px}.comment-text{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted);text-wrap:pretty}.profile-card{overflow:hidden}.profile-banner{height:120px;background:var(--orange-wash) var(--pattern-url) repeat center / 360px}.profile-body{padding:0 28px 24px;margin-top:-44px}.profile-header-row{display:flex;align-items:flex-end;gap:18px}.profile-info{flex:1;padding-bottom:6px}.profile-bio{font-size:15px;line-height:1.6;color:var(--text-body);margin:16px 0 0;max-width:540px;text-wrap:pretty}.profile-stats{display:flex;gap:36px;padding-top:16px;margin-top:16px;border-top:1px solid var(--border-soft)}.family-banner{height:88px;background:var(--orange-wash) var(--pattern-url) repeat center / 320px}.family-body{padding:0 24px 22px;margin-top:-34px}.family-header-row{display:flex;align-items:flex-end;gap:16px}.family-info{flex:1;padding-bottom:4px}.family-badges{display:flex;gap:8px;margin-top:16px}.panel-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-desc{font-size:13.5px;color:var(--text-muted);margin:4px 0 0}.auth-card{width:100%;max-width:420px;padding:40px 36px}.auth-card--center{text-align:center}.auth-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:28px}.form-field{display:flex;flex-direction:column;gap:7px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:10px}.form-actions{display:flex;gap:8px}.error-banner{background:var(--coral-wash);color:var(--coral-deep);border-radius:var(--radius-md);padding:10px 14px;font-size:13.5;margin-bottom:16px}.member-row{display:flex;align-items:center;gap:12px;padding:10px 0;position:relative}.post-mod-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0}.post-mod-meta{font-size:13px;color:var(--text-muted)}.post-mod-body{font-size:14px;color:var(--text-body);margin-top:2px;line-height:1.5;text-wrap:pretty}.post-mod-reactions{display:flex;align-items:center;gap:6px;margin-top:8px}.divider-h{height:1px;background:var(--border-soft)}.dropdown-menu{position:absolute;right:0;top:110%;z-index:5;min-width:180px;background:var(--paper);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px}.dropdown-item{display:block;width:100%;text-align:left;border:none;background:transparent;font-family:var(--font-body);font-weight:600;font-size:13.5px;color:var(--text-body);padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer}.dropdown-item--danger{color:var(--coral-deep)}.invite-form{display:flex;flex-direction:column;gap:8px}.invite-form-row{display:flex;gap:8px;align-items:stretch}.invite-email{flex:6 1 0;min-width:0}.invite-submit{width:100%}.role-select{flex:4 1 0;min-width:0;font-family:var(--font-body);font-size:13.5px;color:var(--text-body);background:var(--paper);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);padding:8px 28px 8px 11px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%238A6A55' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.role-select:focus{border-color:var(--accent)}.invite-error{margin:10px 0 0}.invite-link-row{display:flex;align-items:center;gap:10px;background:var(--surface-sunken);border-radius:var(--radius-md);padding:10px 10px 10px 16px;margin-top:14px}.pending-invites{margin-top:16px}.pending-invites-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}.pending-invite-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-body)}.pending-invite-email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-invite-remove{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-size:13px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.pending-invite-remove:hover{background:var(--danger-soft, #fde8e4);color:var(--danger, #d6594a)}.invite-link-text{flex:1;font-size:13.5px;color:var(--text-muted);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disband-panel{border:1px solid var(--coral-wash);background:var(--coral-wash);border-radius:var(--radius-xl);padding:18px 22px;display:flex;align-items:center;gap:14px}.disband-desc{font-size:13px;color:var(--text-muted);margin-top:2px}.ai-persona-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.ai-persona-card{display:flex;align-items:center;gap:10px;background:var(--purple-wash);border-radius:var(--radius-lg);padding:10px 14px}.ai-persona-avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;font-size:16px}.ai-persona-name{font-weight:700;font-size:14px;color:var(--purple-deep)}.ai-persona-personality{font-size:12px;color:var(--text-muted);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-picker{display:flex;flex-wrap:wrap;gap:6px}.role-chip{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-muted);background:var(--surface-sunken);border:1.5px solid transparent;border-radius:var(--radius-pill);padding:5px 13px;cursor:pointer;transition:all var(--dur-base) var(--ease-bounce)}.role-chip--active{font-weight:700;color:var(--purple-deep);background:var(--purple-wash);border-color:var(--purple)}.ai-create-form{background:var(--surface-sunken);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:16px}.ai-form-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.ai-form-label-hint{font-weight:400;text-transform:none;letter-spacing:0}.ai-name-preview{display:flex;align-items:center;gap:10px;background:var(--purple-wash);border-radius:var(--radius-md);padding:10px 14px}.ai-name-preview-icon{font-size:18px}.ai-textarea{width:100%;font-family:var(--font-body);font-size:13.5px;color:var(--text-body);background:var(--paper);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);padding:9px 12px;resize:vertical;outline:none;line-height:1.5}.ai-textarea:focus{border-color:var(--accent)}.empty-state{text-align:center;color:var(--text-muted);padding:24px 0;font-size:14px}.empty-state--lg{padding:48px 20px;font-size:15px}.empty-state-icon{opacity:.6;margin-bottom:12px}.faq-stack{display:flex;flex-direction:column;gap:14px}.family-list{display:flex;flex-direction:column;gap:12px}.btn{font-family:var(--font-body);font-weight:var(--ui-weight);line-height:1;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:all var(--dur-base) var(--ease-bounce);border:1px solid transparent;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.45}.btn--sm{font-size:var(--text-sm);padding:8px 16px;gap:6px}.btn--md{font-size:var(--text-base);padding:11px 22px;gap:8px}.btn--lg{font-size:var(--text-md);padding:14px 28px;gap:10px}.btn--full{width:100%}.btn--center{justify-content:center}.btn--compact{padding:6px 10px}.btn--danger{color:var(--coral-deep)}.btn--disband{border-color:var(--coral);color:var(--coral-deep)}.btn--cta-ghost{background:#ffffff26!important;color:#fff!important;border-color:#ffffff80!important}.btn--cta-ghost.btn--hover{background:#ffffff38!important}.btn--spaced-top{margin-top:4px}.auth-card--center .type-display-md{margin:0 0 8px}.auth-card--center .type-auth-sub{margin:0 0 24px}.form-stack--spaced-top{margin-top:14px}.btn--primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-sm)}.btn--primary.btn--hover{background:var(--accent-hover)}.btn--secondary{background:var(--paper);color:var(--text-body);border-color:var(--border-soft);box-shadow:var(--shadow-xs)}.btn--secondary.btn--hover{box-shadow:var(--shadow-sm);border-color:var(--border-ink)}.btn--ghost{background:transparent;color:var(--text-muted);box-shadow:none}.btn--ghost.btn--hover{background:var(--surface-sunken);color:var(--text-body)}.btn--drawn{background:var(--paper);color:var(--ink-900);border:2px solid var(--ink-700);box-shadow:none}.btn--drawn.btn--hover{background:var(--cream-50)}.btn--pressed{transform:scale(.96)}.btn-icon{display:inline-flex;align-items:center}.btn--loading{cursor:progress}.btn-spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:btn-spin .6s linear infinite;flex:none}@keyframes btn-spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-2xs);letter-spacing:.02em;line-height:1;padding:5px 10px;border-radius:var(--radius-pill)}.badge--orange{color:var(--orange-deep);background:var(--orange-wash)}.badge--teal{color:var(--teal-deep);background:var(--teal-wash)}.badge--purple{color:var(--purple-deep);background:var(--purple-wash)}.badge--coral{color:var(--coral-deep);background:var(--coral-wash)}.badge--neutral{color:var(--text-muted);background:var(--surface-sunken)}.badge--solid.badge--orange{color:var(--text-on-accent);background:var(--orange)}.badge--solid.badge--teal{color:var(--text-on-accent);background:var(--teal-deep)}.badge--solid.badge--purple{color:var(--text-on-accent);background:var(--purple-deep)}.badge--solid.badge--coral{color:var(--text-on-accent);background:var(--coral-deep)}.badge--solid.badge--neutral{color:var(--text-on-accent);background:var(--text-muted)}.input-wrap{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:2px 12px;transition:all var(--dur-fast) var(--ease-soft)}.input-wrap--pill{border-radius:var(--radius-pill);padding:2px 6px 2px 16px}.input-wrap--focused{border-color:var(--accent);box-shadow:var(--focus-shadow)}.input-wrap--invalid{border-color:var(--coral)}.input-field{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-body);padding:10px 0}.input-icon{display:inline-flex;color:var(--text-faint)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:none;padding:0;transition:all var(--dur-base) var(--ease-bounce);cursor:pointer}.icon-btn:disabled{cursor:not-allowed;opacity:.45}.icon-btn--sm{width:32px;height:32px;min-width:32px}.icon-btn--md{width:40px;height:40px;min-width:40px}.icon-btn--lg{width:48px;height:48px;min-width:48px}.icon-btn--ghost{background:transparent;color:var(--text-muted)}.icon-btn--soft{background:var(--surface-sunken);color:var(--text-body)}.icon-btn--accent{background:var(--accent-wash);color:var(--accent)}.icon-btn--ghost.icon-btn--hover{background:var(--surface-sunken)}.icon-btn--active{background:var(--reaction-active-bg);color:var(--reaction-active)}.icon-btn--pressed{transform:scale(.9)}.reaction-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1;padding:8px 14px;border:none;background:transparent;color:var(--reaction-rest);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--dur-base) var(--ease-soft)}.reaction-btn--icon-only{padding:8px}.reaction-btn--hover{background:var(--orange-wash);color:var(--accent)}.reaction-btn--active{background:var(--reaction-active-bg);color:var(--reaction-active)}.reaction-btn-icon{display:block;transform-origin:50% 70%;transition:transform var(--dur-base) var(--ease-bounce)}.reaction-btn-icon--pop{transform:scale(1.35) rotate(-8deg)}.reaction-count{font-weight:var(--weight-bold);opacity:.85}.card{border-radius:var(--radius-lg)}.card--glass{background:var(--glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-card)}.card--solid{background:var(--surface-card);border:var(--border-card)}.card--drawn{border:var(--border-drawn);box-shadow:none}.card--pad-none{padding:0}.card--pad-sm{padding:var(--space-4)}.card--pad-lg{padding:var(--gutter-card)}.card--pad-xl{padding:var(--space-6)}.card--shadow-none{box-shadow:none}.card--shadow-sm{box-shadow:var(--shadow-sm)}.card--shadow-md{box-shadow:var(--shadow-md)}.card--shadow-lg{box-shadow:var(--shadow-lg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}img{max-width:100%;display:block}