:root{--family-ink:#0d0d14;--family-paper:#f7f4ef;--family-card:#fff;--family-primary:#14b8a6;--family-accent:#ff6b4a;--family-action:#14b8a6;--family-on-action:#fff;--family-teal:var(--family-action);--family-coral:var(--family-accent);--family-line:color-mix(in srgb, var(--family-ink) 12%, transparent);--family-muted:color-mix(in srgb, var(--family-ink) 62%, transparent)}.family-app{color:var(--family-ink);background:radial-gradient(ellipse 80% 40% at 10% -10%, color-mix(in srgb, var(--family-primary) 16%, transparent), transparent), radial-gradient(ellipse 60% 30% at 100% 0%, color-mix(in srgb, var(--family-accent) 12%, transparent), transparent), var(--family-paper);font-family:Avenir Next,Segoe UI,Helvetica,Arial,sans-serif}.family-shell{max-width:40rem;min-height:100dvh;padding-bottom:calc(4.75rem + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.family-shell.is-thread{height:100dvh;max-height:100dvh;overflow:hidden}.family-shell.is-thread .family-top{flex-shrink:0;position:relative}.family-top{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb, var(--family-paper) 88%, transparent);border-bottom:1px solid var(--family-line);padding:.85rem 1rem .75rem;position:sticky;top:0}.family-club-banner{border:1px solid var(--family-line);background:#fff;border-radius:1.1rem;justify-content:center;align-items:center;min-height:5.5rem;padding:.65rem .75rem;display:flex;box-shadow:0 10px 28px #0d0d140d}.family-club-logo{object-fit:contain;width:100%;max-width:22rem;height:4.5rem;display:block}.family-club-fallback{text-align:center;letter-spacing:-.02em;color:var(--family-primary);margin:0;font-size:1.2rem;font-weight:800}.family-brand{letter-spacing:.14em;text-transform:uppercase;color:var(--family-primary);font-size:.72rem;font-weight:800}.family-title{letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:800}.family-muted{color:var(--family-muted)}.family-main{flex-direction:column;flex:1;gap:.85rem;padding:1rem;display:flex}.family-main-thread{gap:0;min-height:0;padding:0;overflow:hidden}.family-thread{flex-direction:column;flex:1;min-height:0;display:flex}.family-thread-bar{border-bottom:1px solid var(--family-line);background:color-mix(in srgb, var(--family-paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex}.family-thread-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.85rem 1rem;display:flex;overflow-y:auto}.family-card{background:var(--family-card);color:var(--family-ink);border:1px solid var(--family-line);border-radius:1.1rem;padding:.95rem 1rem;box-shadow:0 10px 30px #0d0d140a}.family-chip{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--family-action) 16%, transparent);color:var(--family-action);border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.7rem;font-weight:800;display:inline-flex}.family-chip-kind{background:color-mix(in srgb, var(--family-action) 16%, transparent);color:var(--family-action)}.family-chip-team{background:color-mix(in srgb, var(--family-accent) 18%, transparent);color:var(--family-accent)}.family-card-mine{border-color:color-mix(in srgb, var(--family-action) 55%, transparent);box-shadow:0 10px 30px color-mix(in srgb, var(--family-action) 12%, transparent);border-width:2px}.family-icon-btn{border:1px solid var(--family-line);background:color-mix(in srgb, var(--family-card) 88%, transparent);width:2.5rem;height:2.5rem;color:var(--family-ink);cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s,border-color .12s,transform .12s;display:inline-flex}.family-icon-btn:hover{background:color-mix(in srgb, var(--family-ink) 6%, var(--family-card))}.family-icon-btn:active{transform:scale(.96)}.family-composer{border:1px solid var(--family-line);background:color-mix(in srgb, var(--family-card) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.1rem;align-items:flex-end;gap:.55rem;padding:.55rem;display:flex}.family-composer-dock{background:color-mix(in srgb, var(--family-card) 96%, transparent);border-bottom:0;border-left:0;border-right:0;border-radius:0;flex-shrink:0;width:100%;padding:.65rem .85rem}.family-composer-input{flex:1;min-height:2.75rem;max-height:7rem;padding-top:.65rem;padding-bottom:.65rem}.family-composer-send{background:var(--family-action);width:2.75rem;height:2.75rem;color:var(--family-on-action);cursor:pointer;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.family-composer-send:disabled{opacity:.55;cursor:wait}.family-chat-photo{object-fit:cover;border-radius:.85rem;width:100%;max-width:16rem;margin-top:.15rem;display:block}.family-nav{z-index:30;padding:.45rem .4rem calc(.45rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--family-card) 92%, transparent);border-top:1px solid var(--family-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(5,1fr);gap:.15rem;display:grid;position:fixed;bottom:0;left:0;right:0}.family-nav a{text-align:center;color:var(--family-muted);letter-spacing:.03em;text-transform:uppercase;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.4rem .15rem;font-size:.62rem;font-weight:800;text-decoration:none;transition:color .12s,background-color .12s;display:flex}.family-nav-icon{flex-shrink:0;display:block}.family-nav a:active{transform:scale(.98)}.family-nav a.is-active,.family-nav a[aria-current=page]{color:var(--family-action);background:color-mix(in srgb, var(--family-action) 14%, transparent)}.family-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--family-action);margin:.35rem 0 0;font-size:.72rem;font-weight:800}.family-btn{cursor:pointer;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.1rem;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.family-btn-primary{background:var(--family-action);color:var(--family-on-action)}.family-btn-ghost{color:var(--family-ink);border:1px solid var(--family-line);background:0 0}.family-input{border:1px solid var(--family-line);background:color-mix(in srgb, var(--family-ink) 4%, var(--family-card));width:100%;font:inherit;color:var(--family-ink);border-radius:.9rem;padding:.8rem .95rem}.family-input:focus{outline:2px solid color-mix(in srgb, var(--family-action) 55%, transparent);outline-offset:1px}.family-bubble{border-radius:1rem;max-width:85%;padding:.7rem .85rem;font-size:.95rem;line-height:1.45}.family-bubble-mine{background:color-mix(in srgb, var(--family-action) 18%, white);margin-left:auto}.family-bubble-theirs{border:1px solid var(--family-line);background:#fff}.family-loading{gap:.75rem;padding:1rem;display:grid}.family-loading-block{background:color-mix(in srgb, var(--family-ink) 6%, transparent);border-radius:1.1rem;height:5.5rem;animation:1.1s ease-in-out infinite family-pulse}@keyframes family-pulse{0%,to{opacity:.55}50%{opacity:1}}.hub-login{color:var(--family-ink)}.hub-powered-by{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.35rem .5rem;text-decoration:none;display:flex}.hub-powered-label{letter-spacing:.06em;text-transform:uppercase;color:var(--family-muted);font-size:.68rem;font-weight:700}.hub-powered-logo{border-radius:.35rem;width:1.35rem;height:1.35rem}.hub-powered-name{letter-spacing:-.02em;color:var(--family-ink);font-size:.82rem;font-weight:800}.hub-appearance-toggle{border:1px solid var(--family-line);cursor:pointer;border-radius:9999px;width:9.25rem;height:2.375rem;padding:0;position:relative;box-shadow:0 2px 8px #0d0d141a}.hub-appearance-toggle.is-light{background:#e8e4dc}.hub-appearance-toggle.is-dark{background:#1c1d24}.hub-appearance-label{letter-spacing:.05em;text-transform:uppercase;pointer-events:none;font-size:.62rem;font-weight:800;position:absolute;top:50%;transform:translateY(-50%)}.hub-appearance-toggle.is-light .hub-appearance-label{color:#5c5c66;left:.75rem}.hub-appearance-toggle.is-dark .hub-appearance-label{color:#f7f4efe0;right:.75rem}.hub-appearance-knob{border-radius:9999px;place-items:center;width:1.75rem;height:1.75rem;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #0003}.hub-appearance-toggle.is-light .hub-appearance-knob{color:#5c5c66;background:#fff;right:.25rem}.hub-appearance-toggle.is-dark .hub-appearance-knob{color:#f7f4ef;background:#2a2b33;left:.25rem}.hub-login-hero{background:radial-gradient(ellipse 90% 80% at 0% 0%, color-mix(in srgb, var(--family-primary) 22%, transparent), transparent), radial-gradient(ellipse 70% 60% at 100% 20%, color-mix(in srgb, var(--family-accent) 14%, transparent), transparent), #12121a;color:#f7f4ef;padding:1.75rem 1.35rem 1.6rem}.hub-login-lockup{align-items:center;gap:.9rem;display:flex}.hub-login-logo{border-radius:.95rem;box-shadow:0 12px 28px #00000047}.hub-login-brand{letter-spacing:-.03em;color:#f7f4ef;margin:0;font-size:1.2rem;font-weight:800}.hub-login-product{color:var(--family-primary);margin:.2rem 0 0;font-size:.88rem;font-weight:700}.hub-login-copy{color:#f7f4efb8;max-width:22rem;margin:1rem 0 0;font-size:.95rem;line-height:1.45}.hub-login-body{flex:1;margin-top:-.85rem;padding:0 1.25rem 6.5rem}.hub-login-footer{padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--family-paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;display:flex;position:sticky;bottom:0}.family-app.hub-dark,.family-app[data-hub-mode=dark]{--family-paper:#121218;--family-card:#1c1d24;--family-ink:#f7f4ef;--family-line:#f7f4ef24;--family-muted:#f7f4ef9e;color:var(--family-ink);background:radial-gradient(ellipse 80% 40% at 10% -10%, color-mix(in srgb, var(--family-primary) 18%, transparent), transparent), radial-gradient(ellipse 60% 30% at 100% 0%, color-mix(in srgb, var(--family-accent) 12%, transparent), transparent), var(--family-paper)}.family-app.hub-dark .family-club-banner,.family-app[data-hub-mode=dark] .family-club-banner{background:color-mix(in srgb, var(--family-card) 92%, #000)}.family-app.hub-dark .family-input,.family-app[data-hub-mode=dark] .family-input{background:color-mix(in srgb, var(--family-ink) 8%, #121218);color:var(--family-ink)}.family-app.hub-dark .family-input::placeholder,.family-app[data-hub-mode=dark] .family-input::placeholder{color:color-mix(in srgb, var(--family-ink) 45%, transparent)}.family-app.hub-dark .family-bubble-theirs,.family-app[data-hub-mode=dark] .family-bubble-theirs{background:color-mix(in srgb, var(--family-card) 88%, #000)}.family-app.hub-dark .family-bubble-mine,.family-app[data-hub-mode=dark] .family-bubble-mine{background:color-mix(in srgb, var(--family-action) 28%, #1c1d24)}.family-app.hub-dark .hub-login-hero,.family-app[data-hub-mode=dark] .hub-login-hero{background:radial-gradient(ellipse 90% 80% at 0% 0%, color-mix(in srgb, var(--family-primary) 28%, transparent), transparent), radial-gradient(ellipse 70% 60% at 100% 20%, color-mix(in srgb, var(--family-accent) 16%, transparent), transparent), #0a0a10}.family-app.hub-dark .hub-login .family-card,.family-app[data-hub-mode=dark] .hub-login .family-card{color:#f7f4ef;background:#1c1d24;border-color:#f7f4ef24;box-shadow:0 12px 32px #00000059}.family-app.hub-dark .hub-login .family-muted,.family-app[data-hub-mode=dark] .hub-login .family-muted{color:#f7f4ef9e}.family-app.hub-dark .hub-powered-name,.family-app[data-hub-mode=dark] .hub-powered-name{color:#f7f4ef}.family-app.hub-dark .hub-powered-label,.family-app[data-hub-mode=dark] .hub-powered-label{color:#f7f4ef8c}