.shell{display:flex;flex-direction:column;height:100%;width:100%}.shell-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom))}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);display:flex;background:var(--surface-0);border-top:1px solid var(--hairline);padding-bottom:var(--safe-bottom);z-index:40}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--tabbar-height);color:var(--muted);font-size:11px;font-weight:600}.tab-active{color:var(--brand-orange)}.welcome{flex:1;display:flex;flex-direction:column;padding:calc(var(--safe-top) + var(--s7)) var(--s5) calc(var(--safe-bottom) + var(--s5));text-align:center}.welcome-top{display:flex;flex-direction:column;align-items:center;gap:var(--s3);margin-top:var(--s6)}.welcome-top h1{font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--brand-purple);margin-top:var(--s2)}.welcome-sub{color:var(--muted);font-size:15px;max-width:18em;line-height:1.45}.welcome-points{list-style:none;display:flex;flex-direction:column;gap:var(--s4);margin:var(--s7) 0;text-align:left}.welcome-point{display:flex;align-items:flex-start;gap:var(--s4)}.welcome-point-icon{flex:none;width:44px;height:44px;border-radius:var(--radius-control);background:var(--orange-tint);color:var(--brand-orange);display:flex;align-items:center;justify-content:center}.welcome-point-title{font-weight:700;font-size:16px}.welcome-point-body{color:var(--muted);font-size:14px;line-height:1.45;margin-top:2px}.welcome-cta{margin-top:auto}.signin{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--s6);padding:calc(var(--safe-top) + var(--s5)) var(--s5) calc(var(--safe-bottom) + var(--s5))}.signin-top{display:flex;flex-direction:column;align-items:center;gap:var(--s2)}.signin-sub{color:var(--muted);font-size:15px}.signin-form{display:flex;flex-direction:column;gap:var(--s3)}.signin-label{font-weight:600;font-size:14px}.signin-form input{padding:14px 16px;border:1px solid var(--surface-3);border-radius:var(--radius-control);background:var(--surface-1);outline:none}.signin-form input:focus{border-color:var(--brand-orange)}.signin-fine{color:var(--muted);font-size:13px;text-align:center}.signin-switch{color:var(--brand-purple);font-weight:600;font-size:14px;margin-top:var(--s2)}.signin-error{color:#c0392b;font-size:13px}.signin-sent{text-align:center;display:flex;flex-direction:column;gap:var(--s3);align-items:center}.signin-sent-emoji{font-size:40px}.signin-sent h2{font-family:var(--font-display);color:var(--brand-purple)}.signin-sent p{color:var(--muted);line-height:1.45;max-width:22em}.signin-sent .btn-secondary{width:auto;padding:10px 18px;margin-top:var(--s2)}.accent-row{display:flex;gap:var(--s3)}.accent-dot{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px #fff inset;transition:transform .1s ease}.avatar{position:relative;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar img{border-radius:inherit}.avatar-initials{color:#fff;font-family:var(--font-display);font-weight:700;line-height:1}.timeline{display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:flex-start;padding:0 var(--s4);padding-top:var(--safe-top);height:calc(var(--topbar-height) + var(--safe-top));background:var(--surface-0);border-bottom:1px solid var(--hairline)}.timeline-controls{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s4) var(--s2)}.search{display:flex;align-items:center;gap:var(--s2);padding:10px 14px;background:var(--surface-2);border-radius:var(--radius-pill);color:var(--muted)}.search input{border:none;background:transparent;outline:none;width:100%}.privacy-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--orange-tint);color:var(--brand-purple);font-size:12.5px;font-weight:600;border-radius:var(--radius-pill)}.moment-list{list-style:none;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3) var(--s4) var(--s5)}.moment-card{position:relative;background:var(--surface-0);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--s4);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .05s ease}.moment-card:active{transform:scale(.995)}.moment-card:after{content:"";position:absolute;left:30px;bottom:-8px;width:16px;height:16px;background:var(--surface-0);border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);transform:rotate(45deg)}.moment-card-head{display:flex;align-items:center;gap:var(--s3)}.moment-card-meta{flex:1;min-width:0}.moment-card-name{font-family:var(--font-hand);font-weight:700;font-size:18px;line-height:1.1}.moment-card-date{color:var(--muted);font-size:12.5px;margin-top:2px}.audience-cue{flex:none;color:var(--muted);display:flex;align-items:center}.moment-quote{font-family:var(--font-hand);font-size:19px;line-height:1.35;color:var(--ink);margin-top:var(--s3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.moment-audio-cue{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s3);color:var(--brand-purple);font-size:13px;font-weight:600}.reaction-tally{display:flex;gap:6px;margin-top:var(--s3)}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface-2);border-radius:var(--radius-pill);font-size:13px;font-weight:600}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s7) var(--s5);text-align:center;min-height:50vh}.empty h2{font-family:var(--font-display);color:var(--muted);font-weight:600}.sheet-backdrop{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;z-index:60;background:#10182873;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}.sheet{width:100%;max-width:var(--app-max-width);background:var(--surface-0);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet);max-height:92%;display:flex;flex-direction:column;padding-bottom:var(--safe-bottom);animation:sheetin .18s ease}.sheet-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--s4);border-bottom:1px solid var(--hairline)}.sheet-title{font-family:var(--font-display);font-weight:700;font-size:16px;text-align:center;white-space:nowrap}.sheet-head-side{display:flex;align-items:center}.sheet-head-left{justify-content:flex-start}.sheet-head-right{justify-content:flex-end}.sheet-head-side button{font-weight:600;color:var(--brand-purple);font-size:15px}.sheet-head-side button:disabled{color:var(--muted)}.sheet-action-save{color:var(--brand-orange)!important}.sheet-action-save:disabled{color:var(--muted)!important}.sheet-body{padding:var(--s4);overflow-y:auto}@keyframes sheetin{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.composer-child{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}.composer-child-name{font-family:var(--font-hand);font-weight:700;font-size:20px}.composer-text{width:100%;border:1px solid var(--surface-3);border-radius:var(--radius-control);padding:14px;font-family:var(--font-hand);font-size:19px;line-height:1.4;resize:none;outline:none;background:var(--surface-1)}.composer-text:focus{border-color:var(--brand-orange)}.composer-preview{position:relative;margin-top:var(--s3);border-radius:var(--radius-control);overflow:hidden}.composer-preview img{width:100%;max-height:280px;object-fit:cover}.composer-preview-remove{position:absolute;top:8px;right:8px;background:#0009;color:#fff;padding:6px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:600}.composer-row{display:flex;align-items:center;gap:var(--s3);width:100%;margin-top:var(--s3);padding:14px;background:var(--surface-1);border-radius:var(--radius-control);color:var(--ink);font-weight:600}.composer-row svg{color:var(--brand-purple);flex:none}.composer-row-label{flex:1;text-align:left}.composer-row-value{color:var(--muted);font-weight:600}.composer-error{color:#c0392b;font-size:13px;margin-top:var(--s3)}.rec-recording{color:#c0392b}.rec-recording svg{color:#c0392b}.rec-stop-hint{color:var(--muted);font-weight:600;font-size:13px}.rec-done{display:flex;align-items:center;gap:var(--s3);width:100%;margin-top:var(--s3);padding:10px 14px;background:var(--surface-1);border-radius:var(--radius-control)}.rec-audio{flex:1;min-width:0;height:36px}.rec-remove{display:flex;align-items:center;gap:6px;flex:none;color:#c0392b;font-weight:600;font-size:14px}.capture{display:flex;flex-direction:column}.capture-head{padding:calc(var(--safe-top) + var(--s5)) var(--s4) var(--s4)}.capture-head h1{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--brand-purple)}.capture-kids{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);padding:var(--s3) var(--s4) var(--s6)}.capture-kid{display:flex;flex-direction:column;align-items:center;gap:var(--s2)}.capture-kid-name{font-family:var(--font-hand);font-weight:700;font-size:16px}.capture-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s4);text-align:center;padding:var(--s7) var(--s5);color:var(--muted)}.capture-empty p{max-width:20em;line-height:1.45}.family{display:flex;flex-direction:column}.family .topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:flex-start;padding:0 var(--s4);padding-top:var(--safe-top);height:calc(var(--topbar-height) + var(--safe-top));background:var(--surface-0);border-bottom:1px solid var(--hairline)}.seg{display:flex;gap:4px;margin:var(--s4);padding:4px;background:var(--surface-2);border-radius:var(--radius-pill)}.seg-inline{margin:0;flex:none}.seg-btn{flex:1;padding:9px 14px;border-radius:var(--radius-pill);font-weight:600;color:var(--muted);white-space:nowrap}.seg-btn.on{background:var(--surface-0);color:var(--brand-purple);box-shadow:var(--shadow-soft)}.family-list{padding:0 var(--s4) var(--s6);display:flex;flex-direction:column;gap:var(--s2)}.people-list{list-style:none;display:flex;flex-direction:column}.person{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--hairline)}.person-tap{display:flex;align-items:center;gap:var(--s3);flex:1;min-width:0;text-align:left}.person-avatar{position:relative;flex:none}.cam-badge{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:var(--brand-purple);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}.person-meta{flex:1;min-width:0}.child-delete{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:50%}.child-delete:active{background:var(--surface-2);color:#c0392b}.person-name{font-weight:700}.person-status{color:var(--muted);font-size:13px;margin-top:1px}.person-pending{font-size:12px;font-weight:600;color:var(--brand-orange);background:var(--orange-tint);padding:4px 10px;border-radius:var(--radius-pill)}.add-row{display:flex;align-items:center;gap:var(--s2);width:100%;margin-top:var(--s3);padding:14px;background:var(--surface-1);border-radius:var(--radius-control);font-weight:700;color:var(--brand-purple)}.add-row svg{color:var(--brand-orange)}.reassure{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;line-height:1.4;margin-top:var(--s3)}.reassure svg{flex:none}.ghost-link{align-self:flex-start;margin-top:var(--s4);color:var(--brand-purple);font-weight:600}.form-label{font-weight:600;font-size:14px;margin-top:var(--s4);display:block}.form-input{width:100%;margin-top:var(--s2);padding:13px 14px;border:1px solid var(--surface-3);border-radius:var(--radius-control);background:var(--surface-1);outline:none}.form-input:focus{border-color:var(--brand-orange)}.form-photo{display:flex;align-items:center;gap:var(--s3)}.form-photo-preview{width:44px;height:44px;border-radius:var(--radius-avatar);object-fit:cover}.accent-row{display:flex;gap:var(--s3);margin-top:var(--s2)}.accent-dot{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 2px #fff inset;transition:transform .1s ease}.accent-dot-on{box-shadow:0 0 0 2px #fff inset,0 0 0 3px var(--ink);transform:scale(1.08)}.invite-target{display:flex;flex-direction:column;gap:var(--s2)}.confirm-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s3)}.confirm-q{font-size:18px;margin-top:var(--s2)}.confirm-sub{color:var(--muted);font-size:14px;line-height:1.45}.confirm-body .btn-danger{margin-top:var(--s3)}.invite-done{display:flex;flex-direction:column;gap:var(--s3);text-align:center;align-items:center}.invite-done-emoji{font-size:36px}.invite-done p{color:var(--muted);line-height:1.45}.invite-link{width:100%;word-break:break-all;background:var(--surface-2);border-radius:var(--radius-control);padding:12px;font-size:13px;color:var(--ink)}.moment-detail{display:flex;flex-direction:column;min-height:100%}.md-topbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.md-back{display:flex;align-items:center;color:var(--brand-purple)}.md-title{text-align:center;font-family:var(--font-display);font-weight:700}.md-edit{color:#c0392b;font-weight:600;text-align:right}.md-body{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s5) var(--s4) var(--s4)}.md-photo-wrap{margin-bottom:var(--s3)}.md-name{font-family:var(--font-hand);font-weight:700;font-size:24px}.md-date{color:var(--muted);font-size:13px;margin-top:4px}.md-quote{font-family:var(--font-hand);font-size:26px;line-height:1.35;color:var(--ink);margin:var(--s5) 0;max-width:22em}.md-audio{width:100%;margin:0 0 var(--s5)}.md-audio audio{width:100%}.md-audio-loading{color:var(--muted);font-size:14px}.md-momentphoto{width:100%;border-radius:var(--radius-card);overflow:hidden}.md-momentphoto img{width:100%;max-height:360px;object-fit:cover}.md-reactions{display:flex;gap:var(--s3);margin-top:var(--s5)}.react-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface-2);border-radius:var(--radius-pill);border:2px solid transparent;transition:transform .08s ease}.react-pill:active{transform:scale(1.1)}.react-pill.on{background:var(--orange-tint);border-color:var(--brand-orange)}.react-emoji{font-size:20px}.react-count{font-weight:700;font-size:14px}.md-footer{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);padding-bottom:calc(var(--s4) + var(--safe-bottom));background:var(--surface-0);border-top:1px solid var(--hairline)}.md-sharedwith{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}:root{--brand-purple: #92278F;--brand-orange: #F7931E;--orange-tint: #FCEAD6;--accent-orange: #F7941E;--accent-lime: #8DC63F;--accent-magenta: #A3439A;--accent-blue: #2E8FBF;--accent-pink: #E0529C;--accent-teal: #3FB7C4;--ink: #1A1A1A;--muted: #5C6770;--surface-0: #FFFFFF;--surface-1: #F7F8F9;--surface-2: #F1F3F5;--surface-3: #E5E8EC;--hairline: rgba(17, 24, 39, .08);--shadow-soft: 0 1px 2px rgba(16, 24, 40, .05), 0 10px 24px rgba(16, 24, 40, .07);--shadow-sheet: 0 -8px 30px rgba(16, 24, 40, .18);--radius-card: 18px;--radius-control: 14px;--radius-sheet: 22px;--radius-pill: 999px;--radius-avatar: 14px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--font-ui: "Figtree", system-ui, -apple-system, sans-serif;--font-display: "Baloo 2", var(--font-ui);--font-hand: "Comic Neue", "Comic Sans MS", cursive;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tabbar-height: 64px;--topbar-height: 52px;--app-max-width: 520px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--surface-2);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{display:flex;justify-content:center}.app-frame{position:relative;width:100%;max-width:var(--app-max-width);min-height:100%;background:var(--surface-0);display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:16px;color:var(--ink)}a{color:var(--brand-purple);text-decoration:none}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-text{font-family:var(--font-display);font-weight:800}.brand-text .kid{color:var(--brand-purple)}.brand-text .izms{color:var(--brand-orange)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;padding:14px 20px;background:var(--brand-orange);color:#fff;font-weight:700;border-radius:var(--radius-control);box-shadow:var(--shadow-soft);transition:filter .15s ease,transform .05s ease}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--surface-3);color:var(--muted);box-shadow:none;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;padding:14px 20px;background:var(--surface-2);color:var(--ink);font-weight:600;border-radius:var(--radius-control)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;padding:14px 20px;background:#c0392b;color:#fff;font-weight:700;border-radius:var(--radius-control);box-shadow:var(--shadow-soft);transition:filter .15s ease,transform .05s ease}.btn-danger:active{transform:translateY(1px)}.btn-danger:disabled{background:var(--surface-3);color:var(--muted);box-shadow:none;cursor:not-allowed}.spinner{width:22px;height:22px;border:3px solid var(--surface-3);border-top-color:var(--brand-orange);border-radius:50%;animation:spin .7s linear infinite}.center-screen{flex:1;display:flex;align-items:center;justify-content:center}@keyframes spin{to{transform:rotate(360deg)}}