@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--accent:#c96442;--accent-hover:#b85838;--success:#7fb582;--danger:#d94444;--amber:#d4a24c;--radius:8px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 10px 25px #00000014, 0 4px 10px #0000000d;--shadow-2xl:0 25px 50px #00000026;--transition:all .2s ease}[data-theme=dark]{--bg:#171717;--surface:#212121;--surface-rgb:33, 33, 33;--sidebar:#1e1e1e;--text:#d1d1d1;--text-secondary:#8e8e8e;--border:#ffffff14;--border-strong:#ffffff24;--accent:#da7756;--accent-hover:#e08a6b;--overlay-bg:#000000b3}[data-theme=light]{--bg:#faf9f5;--surface:#fff;--surface-rgb:255, 255, 255;--sidebar:#f3f2ef;--text:#1f1e1d;--text-secondary:#666;--border:#00000014;--border-strong:#00000024;--accent:#c96442;--accent-hover:#b85838;--overlay-bg:#00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:color-mix(in srgb, var(--accent) 20%, transparent);-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.6;overflow:hidden;background-color:var(--bg)!important}#root{flex-direction:column;height:100%;display:flex;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius)}.text-serif{font-family:var(--font-serif)}.text-headline-lg{font-family:var(--font-serif);color:var(--text);font-size:24px;font-weight:400;line-height:32px}.text-headline-md{color:var(--text);font-size:16px;font-weight:600;line-height:24px}.text-headline-sm{color:var(--text);font-size:14px;font-weight:500;line-height:20px}.text-body-lg{color:var(--text);font-size:14px;font-weight:400;line-height:22px}.text-body-md{color:var(--text);font-size:13px;font-weight:400;line-height:20px}.text-body-sm{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:18px}.text-label-lg{letter-spacing:.02em;font-size:13px;font-weight:500;line-height:20px}.text-label-sm{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:18px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.flex-center{justify-content:center;align-items:center;display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:2px}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.p-40{padding:40px}.p-16{padding:16px}.pt-16{padding-top:16px}.pt-24{padding-top:24px}.pb-16{padding-bottom:16px}.pb-0{padding-bottom:0}.m-0{margin:0}.mb-2{margin-bottom:2px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mt-2{margin-top:2px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-20{margin-top:20px}.mt-auto{margin-top:auto}.w-40{width:40px}.h-40{height:40px}.w-full{width:100%}.h-full{height:100%}.min-h-0{min-height:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.break-words{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.whitespace-nowrap{white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tracking-tight{letter-spacing:-.02em}.tracking-wide{letter-spacing:.05em}.tracking-widest{letter-spacing:.15em}.tracking-3{letter-spacing:3px}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.rounded-full{border-radius:9999px}.rounded-var{border-radius:var(--radius)}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.z-1{z-index:1}.border-danger{border:1px solid var(--danger)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-amber{color:var(--amber)}.text-danger{color:var(--danger)}.text-primary,.text-on-bg{color:var(--text)}.text-dim{color:var(--text-secondary)}.text-mini{font-size:10px}.text-green{color:var(--success)}.text-red{color:var(--danger)}.text-primary{color:var(--accent)}.border-red{border:1px solid var(--danger)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.app-shell{background:var(--bg);width:100%;max-width:480px;height:100dvh;box-shadow:var(--shadow-2xl);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=1024px){.app-shell{border:1px solid var(--border);border-radius:12px;max-width:1024px;height:90vh;margin:5vh auto}}.screen-content{flex:1;width:100%;max-width:600px;min-height:0;margin:0 auto;padding:16px;overflow-y:auto}.screen-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.top-bar{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:12px;min-height:56px;padding:14px 16px;display:flex;position:sticky;top:0}.top-bar__title{font-family:var(--font-serif);color:var(--text);cursor:pointer;flex:1;font-size:20px;font-weight:400}.top-bar__action{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;align-items:center;padding:6px;font-size:18px;display:flex}.top-bar__action:hover{color:var(--text);background:var(--border)}.top-bar__action--primary{color:var(--accent)}.top-bar__action--primary:hover{color:var(--accent-hover)}.top-bar__action--danger{color:var(--danger)}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:10;width:100%;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 20px #0000000f}.bottom-nav__item{cursor:pointer;color:var(--text-secondary);font-family:var(--font);letter-spacing:.03em;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 8px;font-size:10px;font-weight:500;transition:color .2s;display:flex}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__item:hover{color:var(--text)}.bottom-nav__icon{font-size:22px}.okay-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);margin-bottom:8px;padding:16px}.okay-divider{border:none;border-top:1px solid var(--border);margin:14px 0}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:16px 16px 6px;font-size:11px;font-weight:500}.okay-btn{font-family:var(--font);letter-spacing:.03em;border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:500;display:flex}.okay-btn:disabled{opacity:.4;cursor:not-allowed}.okay-btn--primary{background:var(--accent);color:#fff}.okay-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.okay-btn--outline{color:var(--text);border:1px solid var(--border);background:0 0}.okay-btn--outline:hover:not(:disabled){border-color:var(--border-strong);background:var(--border)}.okay-btn--fab{width:56px;height:56px;box-shadow:var(--shadow-lg);z-index:50;background:var(--accent);color:#fff;border-radius:16px;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex;position:absolute;bottom:72px;right:16px}.okay-input{font-family:var(--font);border-radius:var(--radius);border:1px solid var(--border);color:var(--text);background:0 0;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.okay-input::placeholder{color:var(--text-secondary);opacity:.6}.okay-input:focus{border-color:var(--accent)}.okay-input-label{letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:500}.tab-row{border-radius:var(--radius);background:var(--border);gap:4px;margin:12px 16px;padding:4px;display:flex}.tab-item{font-family:var(--font);text-align:center;border-radius:calc(var(--radius) - 2px);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex:1;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s}.tab-item--active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.chip{font-family:var(--font);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s}.chip--active{background:var(--accent);color:#fff;border-color:var(--accent)}.role-badge{background:var(--border);text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;padding:3px 10px;font-size:10px;font-weight:600}.role-badge--admin{color:var(--accent)}.role-badge--member{color:var(--text-secondary)}.signal-icon-box{border-radius:var(--radius);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.signal-btn-wrapper{flex-direction:column;flex:1;display:flex;position:relative}.cooldown-bar{background:var(--accent);border-radius:0 0 var(--radius) var(--radius);height:2px;margin-top:-1px;animation:1s linear forwards cooldown-shrink}.cooldown-bar--outline{background:var(--text)}.clickable{cursor:pointer;transition:background .2s}.clickable:hover{background:var(--border)}.dialog-overlay{background:var(--overlay-bg);z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.dialog-overlay--center{align-items:center}.dialog-sheet{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-2xl);padding:24px 16px 32px;animation:.25s ease-out slideUp;overflow-y:auto}.dialog-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:calc(100% - 32px);max-width:400px;box-shadow:var(--shadow-2xl);padding:28px;animation:.2s ease-out popIn}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.loading-center{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.error-text{color:var(--danger);font-size:12px}.success-text{color:var(--success);font-size:12px}.login-container{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:48px 32px;display:flex;position:relative;overflow:hidden}.login-bg{z-index:-1;background:radial-gradient(at 50% 30%,#c9644214 0%,#0000 70%);position:absolute;inset:0}.login-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.4;z-index:-1;background-size:60px 60px;position:absolute;inset:0}.login-scanline{display:none}.login-shield-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.login-shield-glow{background:var(--accent);filter:blur(60px);opacity:.15;z-index:-1;border-radius:50%;width:100px;height:100px;animation:5s ease-in-out infinite pulse-glow;position:absolute}.login-shield{color:var(--accent)}.login-card{background:rgba(var(--surface-rgb), .85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:340px;box-shadow:var(--shadow-lg);flex-direction:column;gap:24px;padding:32px;display:flex}.login-footer{text-align:center;opacity:.3;letter-spacing:.06em;color:var(--text-secondary);margin-top:auto;padding-bottom:24px;font-size:11px}.family-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);margin-bottom:8px;position:relative;overflow:hidden}.family-card:hover{border-color:var(--border-strong)}.family-card__accent{background:linear-gradient(90deg, var(--accent) 0%, transparent 100%);height:3px}.family-card__body{padding:14px 16px 16px}.family-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.family-card__meta{color:var(--text-secondary);letter-spacing:.02em;align-items:center;gap:5px;margin-top:4px;font-size:11px;font-weight:400;display:flex}.family-card__dot{color:var(--border-strong)}.family-card__actions{flex-shrink:0;gap:2px;display:flex}.family-card__icon-btn{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.family-card__icon-btn:hover{background:var(--border);color:var(--accent)}.time-stale{font-weight:500;color:var(--danger)!important}[data-sonner-toaster],.hot-toast-override{font-family:var(--font)!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.15}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes cooldown-shrink{0%{width:100%}to{width:0%}}@keyframes ripple{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent), 0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}to{box-shadow:0 0 0 12px color-mix(in srgb, var(--accent) 0%, transparent), 0 0 0 24px color-mix(in srgb, var(--accent) 0%, transparent)}}.animate-bounce-subtle{border-radius:50%;animation:1.5s ease-out infinite ripple}