*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{grid-template-rows:auto 1fr auto auto;min-height:100vh;display:grid}.app-header{z-index:10;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8f3eb;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.625rem;min-width:0;font-weight:800;display:inline-flex}.brand-logo{object-fit:contain;flex:none;width:2.25rem;height:2.25rem;display:block}.brand-mark{color:#fff;background:var(--color-primary);letter-spacing:0;border-radius:8px;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-size:.8125rem;display:grid}.login-link{color:#fff;background:var(--color-text);border:0;border-radius:999px;flex:none;padding:.5rem .875rem;font-size:.875rem;font-weight:700}.app-main{width:min(100%,760px);margin:0 auto;padding:1rem 1rem 6.25rem}.page-stack{gap:1rem;display:grid}.page-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:8px;gap:1rem;margin-top:1rem;padding:1rem;display:grid}.page-card h1{letter-spacing:0;margin:.25rem 0 .5rem;font-size:clamp(2rem,16vw,3.75rem);line-height:1}.page-card h2{letter-spacing:0;margin:.25rem 0 .5rem;font-size:1.35rem;line-height:1.15}.page-card p{color:var(--color-muted);margin:0;line-height:1.55}.eyebrow{color:var(--color-primary-dark);letter-spacing:0;text-transform:uppercase;font-size:.75rem;font-weight:800}.supervision-note{border-left:4px solid var(--color-accent);background:#eefbf9;padding:.75rem 0 .75rem .875rem}.env-status{border-top:1px solid var(--color-border);color:var(--color-muted);background:#fffdfb;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .5rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.env-status strong{color:var(--color-text)}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #ffffffb8;border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.18rem;min-width:0;max-width:34rem;margin:0 auto;padding:.38rem;display:grid;position:fixed;bottom:.65rem;left:.75rem;right:.75rem;box-shadow:0 -.5rem 2rem #18212f1a,inset 0 1px #ffffffdb}.bottom-nav-link{min-height:3rem;color:var(--color-muted);border-radius:17px;grid-template-rows:1.25rem auto;place-items:center;gap:.2rem;font-size:.75rem;font-weight:800;transition:transform .16s,color .16s,background .16s;display:grid}.bottom-nav-icon{width:1.25rem;height:1.25rem}.bottom-nav-link.active{color:#25202d;background:linear-gradient(145deg,#ffd84db3,#ff8dc757);box-shadow:inset 0 0 0 1px #ffffffa3}.bottom-nav-link:active{transform:scale(.98)}.auth-form{gap:1rem;display:grid}.auth-form label{color:var(--color-text);gap:.375rem;font-size:.9rem;font-weight:700;display:grid}.auth-form input{border:1px solid var(--color-border);width:100%;min-height:2.875rem;color:var(--color-text);background:#fff;border-radius:8px;padding:.75rem .875rem}.auth-form input:focus{border-color:var(--color-accent);outline:3px solid #2da6a12e}.auth-form button,.primary-action{color:#fff;background:var(--color-primary-dark);border:0;border-radius:8px;min-height:2.875rem;padding:.75rem 1rem;font-weight:800}.secondary-action{border:1px solid var(--color-border);min-height:2.875rem;color:var(--color-text);background:#fff;border-radius:8px;padding:.75rem 1rem;font-weight:800}.danger-action{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;min-height:2.875rem;padding:.75rem 1rem;font-weight:800}.auth-form button:disabled{opacity:.65}.auth-form .auth-secondary-button{border:1px solid var(--color-border);color:var(--color-text);background:#fff}.form-error{border-left:4px solid var(--color-primary-dark);color:var(--color-primary-dark);background:#fff1f2;padding:.75rem 0 .75rem .875rem}.form-success{border-left:4px solid var(--color-accent);color:#11615d;background:#eefbf9;border-radius:8px;padding:.875rem 1rem;line-height:1.45}.login-page{background:radial-gradient(circle at 16% 12%,#ffd84d6b,#0000 28%),radial-gradient(circle at 86% 10%,#65c7ff52,#0000 27%),linear-gradient(145deg,#fff9f4 0%,#fff5c6 44%,#e8fbff 100%);place-items:center;min-height:calc(100vh - 11rem);margin:-1rem -1rem -2rem;padding:1.25rem 1rem 6rem;display:grid}.login-shell{gap:1rem;width:min(100%,27rem);animation:.42s 40ms both child-card-in;display:grid}.login-brand-panel{text-align:center;justify-items:center;gap:.45rem;display:grid}.login-logo-bubble{background:radial-gradient(circle at 22% 18%,#fff9,#0000 34%),#ffd84d;border:1px solid #ffffffc7;border-radius:28px;place-items:center;width:5.4rem;height:5.4rem;display:grid;box-shadow:0 1rem 2.2rem #18212f21,inset 0 1px #ffffffd1}.login-logo-bubble img{object-fit:contain;width:4.25rem;height:4.25rem;display:block}.login-brand-name{color:#25202d;font-family:ui-rounded,Arial Rounded MT Bold,Nunito,Trebuchet MS,system-ui,sans-serif;font-size:1.75rem;font-weight:900;line-height:1}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffc7;border-radius:28px;gap:1.05rem;padding:1.15rem;display:grid;box-shadow:0 1.25rem 2.8rem #18212f21,inset 0 1px #ffffffdb}.login-heading{text-align:center;gap:.32rem;display:grid}.login-heading h1{color:#25202d;letter-spacing:0;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Nunito,Trebuchet MS,system-ui,sans-serif;font-size:clamp(2.15rem,11vw,3.65rem);font-weight:900;line-height:.96}.login-heading p{color:#7c5764;margin:0;font-weight:800;line-height:1.38}.login-form{gap:.82rem}.login-field{color:#25202d;gap:.42rem;font-size:.92rem;font-weight:900}.login-input-wrap{background:#fff;border:1px solid #b99cff47;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;min-height:3.25rem;padding:0 .82rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:inset 0 0 0 1px #ffffffb8,0 .5rem 1rem #18212f0d}.login-input-wrap:focus-within{border-color:#2da6a185;transform:translateY(-.06rem);box-shadow:0 0 0 4px #2da6a124,0 .75rem 1.25rem #18212f12,inset 0 0 0 1px #ffffffc7}.login-input-wrap.password{grid-template-columns:auto minmax(0,1fr) auto}.login-input-wrap svg{color:#b99cff;width:1.12rem;height:1.12rem}.login-input-wrap input{color:#25202d;background:0 0;border:0;min-height:3.15rem;padding:0;font-weight:800}.login-input-wrap input::placeholder{color:#6670859e;font-weight:700}.login-input-wrap input:focus{outline:0}.login-input-wrap.code input{text-transform:uppercase}.login-password-toggle{color:#7c5764;width:2.35rem;height:2.35rem;box-shadow:none;background:0 0;border:0;border-radius:13px;place-items:center;padding:0;display:grid}.login-password-toggle:hover,.login-password-toggle:focus-visible{color:#25202d;background:#fff5c6;outline:0}.login-password-toggle:disabled{opacity:.45}.login-password-toggle svg{color:currentColor}.login-primary-button,.login-secondary-button{letter-spacing:0;border-radius:18px;justify-content:center;align-items:center;gap:.5rem;min-height:3.25rem;padding:.82rem 1rem;font-size:.98rem;font-weight:900;transition:transform .16s,box-shadow .16s,filter .16s,opacity .16s;display:inline-flex}.login-primary-button{color:#141414;background:linear-gradient(145deg,#ffd84d 0%,#ff8dc7 58%,#b99cff 100%);box-shadow:0 1rem 1.9rem #c9324e2e,0 0 0 3px #ffffff94,inset 0 1px #ffffff8f}.login-secondary-button{color:#6b5b66;box-shadow:none;background:#ffffff75;border:1px solid #b99cff4d}.login-primary-button svg,.login-secondary-button svg{flex:none;width:1.12rem;height:1.12rem}.login-primary-button:not(:disabled):hover,.login-secondary-button:not(:disabled):hover,.login-primary-button:not(:disabled):focus-visible,.login-secondary-button:not(:disabled):focus-visible{filter:brightness(1.02);transform:translateY(-.1rem)}.login-primary-button:disabled,.login-secondary-button:disabled{opacity:.48;transform:none}.login-card .form-error{color:#9f1239;background:#fff7fb;border:1px solid #ff8dc75c;border-left:4px solid #ff8dc7;border-radius:16px;padding:.78rem .88rem;font-weight:800}.login-card .form-success{background:#f1fffd;border:1px solid #2da6a138;border-left:4px solid #2da6a1;border-radius:16px;font-weight:800}.item-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.item-list.compact{gap:.5rem}.item-list li,.person-row,.admin-request{border:1px solid var(--color-border);background:#fffdfb;border-radius:8px;padding:.875rem}.person-row{grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.75rem;display:grid}.person-row strong,.person-row small,.admin-request strong,.admin-request small,.item-list.compact strong,.item-list.compact small{display:block}.person-row small,.admin-request small,.item-list.compact small{color:var(--color-muted);margin-top:.125rem}.avatar{color:#fff;background:var(--color-accent);border-radius:8px;place-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:grid}.twin-avatar{border:2px solid #ffffffc7;border-radius:8px;flex:none;place-items:center;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 .5rem 1.25rem #18212f24}.twin-avatar img{object-fit:contain;width:88%;height:88%;display:block;transform:translateY(3%)}.twin-avatar-sm{width:2.5rem;height:2.5rem}.twin-avatar-md{width:3.5rem;height:3.5rem}.twin-avatar-lg{width:5.75rem;height:5.75rem}.twin-avatar-xl{width:clamp(8.75rem,48vw,13rem);height:clamp(8.75rem,48vw,13rem)}.twin-avatar.selected{border-color:#fff;transform:translateY(-.125rem)scale(1.02);box-shadow:0 0 0 4px #f9737f59,0 1rem 2.5rem #18212f2e}.avatar-bg-yellow{background:radial-gradient(circle at 30% 22%,#ffffff9e,#0000 28%),#ffd84d}.avatar-bg-pink{background:radial-gradient(circle at 28% 22%,#ffffff94,#0000 30%),#ff8dc7}.avatar-bg-lilac{background:radial-gradient(circle at 28% 24%,#ffffff94,#0000 30%),#b99cff}.avatar-bg-blue{background:radial-gradient(circle at 28% 24%,#ffffff94,#0000 30%),#65c7ff}.avatar-bg-mint{background:radial-gradient(circle at 28% 24%,#ffffff94,#0000 30%),#6ee7b7}.avatar-bg-galaxy{background:radial-gradient(circle at 30% 28%,#fff 0 2px,#0000 3px),radial-gradient(circle at 70% 34%,#fff 0 1px,#0000 2px),linear-gradient(135deg,#27245f,#7c3aed 48%,#111827)}.invite-code{border:1px dashed var(--color-primary);background:#fff7f7;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.875rem;display:grid}.invite-code strong{letter-spacing:0;font-size:1.4rem}.invite-code button{color:#fff;background:var(--color-text);border:0;border-radius:8px;min-height:2.5rem;padding:.625rem .875rem;font-weight:800}.admin-request{gap:.75rem;display:grid}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.list-row-with-action{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.compact-action{min-height:2.25rem;padding:.5rem .75rem;font-size:.8125rem}.chat-shell{gap:1rem;display:grid}.chat-header{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:auto 2.5rem 1fr;align-items:center;gap:.75rem;margin-top:1rem;padding:.875rem;display:grid}.chat-header h1{margin:0;font-size:1.25rem;line-height:1.15}.chat-header small{color:var(--color-muted);margin-top:.125rem;display:block}.chat-messages{border:1px solid var(--color-border);background:#fffdfb;border-radius:8px;flex-direction:column;gap:.625rem;min-height:50vh;padding:.875rem;display:flex;overflow-y:auto}.admin-chat-log{min-height:18rem}.message-bubble{border:1px solid var(--color-border);background:#fff;border-radius:8px;width:min(86%,28rem);padding:.625rem .75rem}.message-bubble.own{color:#fff;border-color:var(--color-primary-dark);background:var(--color-primary-dark);align-self:flex-end}.message-bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.message-bubble time,.message-bubble small{color:var(--color-muted);margin-top:.25rem;font-size:.75rem;display:block}.message-bubble.own time{color:#ffffffc7}.chat-composer{grid-template-columns:1fr auto;align-items:end;gap:.625rem;display:grid}.chat-composer textarea{resize:vertical;border:1px solid var(--color-border);width:100%;min-height:3rem;color:var(--color-text);background:#fff;border-radius:8px;padding:.75rem .875rem}.chat-composer textarea:focus{border-color:var(--color-accent);outline:3px solid #2da6a12e}.chat-composer button{color:#fff;background:var(--color-primary-dark);border:0;border-radius:8px;min-height:3rem;padding:.75rem 1rem;font-weight:800}.child-chat-page{background:radial-gradient(circle at 16% 5%,#ffd84d80,#0000 24%),radial-gradient(circle at 88% 18%,#b99cff57,#0000 25%),radial-gradient(circle at 9% 72%,#ff8dc73d,#0000 24%),radial-gradient(circle at 88% 82%,#65c7ff38,#0000 24%),linear-gradient(#fff7d7 0%,#fff9f4 42%,#eefaff 100%);grid-template-rows:auto minmax(0,1fr) auto auto;gap:.85rem;min-height:calc(100vh - 7.5rem);margin:-1rem;padding:1rem 1rem 6.9rem;display:grid;position:relative;overflow:hidden}.child-chat-page:before{pointer-events:none;content:"";opacity:.36;background-image:radial-gradient(circle,#c9324e24 0 1px,#0000 1.5px),radial-gradient(circle,#2da6a11f 0 1px,#0000 1.5px);background-position:16px 24px,48px 80px;background-size:76px 76px,110px 110px;position:absolute;inset:0}.child-chat-page>*{z-index:1;position:relative}.child-chat-header{background:radial-gradient(circle at 12% 18%,#ffd84d4d,#0000 34%),#ffffffb8;border:1px solid #ffffffc7;border-radius:24px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.72rem;animation:.36s both child-card-in;display:grid;box-shadow:0 1rem 2.25rem #18212f1a,inset 0 1px #ffffffc7}.child-chat-header .twin-avatar{border-radius:18px;box-shadow:0 .65rem 1.1rem #18212f1f,0 0 0 3px #ffffff9e}.chat-back-button,.emoji-button,.chat-send-button{border:0;place-items:center;transition:transform .16s,box-shadow .16s,background .16s,opacity .16s;display:inline-grid}.chat-back-button{color:#25202d;background:#fff;border-radius:16px;flex:none;width:2.55rem;height:2.55rem;box-shadow:0 .65rem 1.2rem #18212f1a,inset 0 -.16rem #ffd84d57}.chat-back-button svg,.emoji-button svg,.chat-send-button svg{width:1.22rem;height:1.22rem}.child-chat-title{gap:.12rem;min-width:0;display:grid}.child-chat-title h1{color:#25202d;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Nunito,Trebuchet MS,system-ui,sans-serif;font-size:clamp(1.22rem,5.8vw,1.85rem);font-weight:900;line-height:1.02;overflow:hidden}.child-chat-title small{color:#6b5b66c2;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.24rem;min-width:0;font-size:.66rem;font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden}.child-chat-title small svg{color:#2da6a1;flex:none;width:.9rem;height:.9rem}.child-chat-messages{overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(#ffffffb8,#fffdfbdb),radial-gradient(circle at 18% 8%,#ffd84d33,#0000 30%),radial-gradient(circle at 88% 92%,#65c7ff2e,#0000 28%);border:1px solid #ffffffc2;border-radius:26px;flex-direction:column;gap:.55rem;min-height:0;padding:1rem .82rem;animation:.38s 60ms both child-card-in;display:flex;overflow-y:auto;box-shadow:0 1rem 2.25rem #18212f14,inset 0 1px #ffffffc2}.child-message-row{grid-template-columns:2.35rem minmax(0,1fr);align-items:end;gap:.42rem;display:grid}.child-message-row+.child-message-row{margin-top:.12rem}.child-message-row.own{justify-content:flex-end;display:flex}.chat-message-avatar{place-items:end center;width:2.35rem;min-height:2.35rem;display:grid}.chat-message-avatar .twin-avatar-sm{border-radius:14px;width:2.1rem;height:2.1rem;box-shadow:0 .45rem .9rem #18212f1a,0 0 0 2px #ffffffa3}.chat-message-avatar.spacer{visibility:hidden}.child-message-bubble{color:#25202d;background:#fff;border:1px solid #ffffffd1;border-radius:20px 20px 20px 8px;width:fit-content;max-width:min(100%,28rem);padding:.7rem .82rem .52rem;box-shadow:0 .55rem 1.15rem #18212f12,inset 0 1px #ffffffe0}.child-message-bubble.own{color:#25202d;background:linear-gradient(145deg,#ffd84dad 0%,#ff8dc77a 100%),#fff1f5;border-color:#ffffffc2;border-radius:20px 20px 8px;box-shadow:0 .65rem 1.25rem #c9324e1f,inset 0 1px #ffffff9e}.child-message-bubble p{overflow-wrap:anywhere;color:inherit;white-space:pre-wrap;margin:0;font-size:.98rem;line-height:1.38}.child-message-bubble time{color:#667085d1;text-align:right;margin-top:.28rem;font-size:.7rem;font-weight:800;line-height:1;display:block}.child-message-bubble.own time{color:#7c2d12b3}.child-message-bubble.sticker-message{background:#ffffff7a;border-color:#ffffffbd;border-radius:24px;padding:.45rem;box-shadow:0 .75rem 1.35rem #18212f14,inset 0 1px #ffffffb8}.child-message-bubble.sticker-message.own{background:linear-gradient(145deg,#ffd84d47,#ff8dc738),#ffffff7a}.chat-sticker-image{object-fit:contain;filter:drop-shadow(0 .7rem .8rem #18212f1f);width:clamp(6.75rem,34vw,9.5rem);height:clamp(6.75rem,34vw,9.5rem);display:block}.child-chat-empty{color:#6b5b66;text-align:center;align-content:center;justify-items:center;gap:.55rem;min-height:12rem;margin:auto;padding:1rem;display:grid}.child-chat-empty svg{color:#c9324e;width:2rem;height:2rem}.child-chat-empty strong{color:#25202d}.child-chat-empty span{font-weight:800}.child-chat-composer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffc7;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.62rem;padding:.56rem;animation:.38s .1s both child-card-in;display:grid;position:sticky;bottom:5.05rem;box-shadow:0 -.55rem 1.8rem #18212f17,inset 0 1px #ffffffd1}.chat-input-wrap{background:#fff;border:1px solid #b99cff47;border-radius:19px;grid-template-columns:auto auto minmax(0,1fr);align-items:end;gap:.24rem;min-height:3.15rem;padding:.28rem .55rem .28rem .32rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffffb3}.emoji-button{color:#7c5764;background:0 0;border-radius:15px;align-self:center;width:2.55rem;height:2.55rem}.emoji-button:hover,.emoji-button:focus-visible{color:#25202d;background:#fff5c6}.sticker-button:hover,.sticker-button:focus-visible{background:#edfaff}.child-chat-composer textarea{resize:none;color:#25202d;background:0 0;border:0;width:100%;min-height:2.55rem;max-height:8rem;padding:.65rem .1rem;font-size:1rem;line-height:1.3}.child-chat-composer textarea::placeholder{color:#667085c7;font-weight:700}.child-chat-composer textarea:focus{outline:0}.chat-input-wrap:focus-within{border-color:#2da6a185;box-shadow:0 0 0 4px #2da6a124,inset 0 0 0 1px #ffffffc7}.chat-send-button{color:#141414;background:linear-gradient(145deg,#ffd84d 0%,#ff8dc7 100%);border-radius:18px;width:3.15rem;height:3.15rem;font-weight:900;box-shadow:0 .8rem 1.5rem #c9324e2e,inset 0 1px #ffffff9e}.chat-send-button:not(:disabled){color:#fff;background:linear-gradient(145deg,#c9324e 0%,#ff7ab6 52%,#d49700 100%);box-shadow:0 1rem 1.75rem #c9324e3d,0 0 0 3px #ffffff8a,inset 0 1px #ffffff5c}.chat-send-button:disabled{opacity:.48;transform:none}.chat-back-button:hover,.chat-back-button:focus-visible,.chat-send-button:hover,.chat-send-button:focus-visible{transform:translateY(-.1rem)}.chat-back-button:active,.emoji-button:active,.chat-send-button:active{transform:scale(.97)}.chat-back-button:focus-visible,.emoji-button:focus-visible,.chat-send-button:focus-visible{outline-offset:2px;outline:4px solid #2da6a138}.expression-picker{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffc7;border-radius:20px;gap:.55rem;width:min(100vw - 2rem,22rem);padding:.62rem;display:grid;position:absolute;bottom:calc(100% + .55rem);right:0;box-shadow:0 1rem 2rem #18212f24,inset 0 1px #ffffffe0}.expression-tabs,.emoji-category-tabs{scrollbar-width:none;gap:.34rem;display:flex;overflow-x:auto}.expression-tabs::-webkit-scrollbar{display:none}.emoji-category-tabs::-webkit-scrollbar{display:none}.expression-tabs button,.emoji-category-tabs button{color:#6b5b66;background:#fff9f4;border:0;border-radius:999px;flex:none;min-height:2rem;padding:.42rem .68rem;font-size:.78rem;font-weight:900;transition:transform .16s,background .16s,color .16s}.expression-tabs button.active,.emoji-category-tabs button.active{color:#25202d;background:linear-gradient(145deg,#ffd84db3,#ff8dc757)}.expression-tabs button:focus-visible,.emoji-category-tabs button:focus-visible{outline-offset:2px;outline:3px solid #2da6a133}.emoji-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.emoji-picker button{background:#fff9f4;border:0;border-radius:13px;place-items:center;width:100%;min-height:2.65rem;font-size:1.22rem;transition:transform .16s,background .16s;display:grid}.emoji-picker button:hover,.emoji-picker button:focus-visible{background:#fff0a6;outline:0;transform:translateY(-.1rem)}.sticker-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-height:min(48vh,20rem);padding-right:.1rem;display:grid;overflow-y:auto}.sticker-picker button{aspect-ratio:1;background:radial-gradient(circle at 22% 16%,#ffd84d38,#0000 30%),#fff9f4;border:1px solid #ffffffbd;border-radius:18px;place-items:center;padding:.35rem;transition:transform .16s,background .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #fffc}.sticker-picker button:hover,.sticker-picker button:focus-visible{outline-offset:2px;background:#fff;outline:3px solid #2da6a129;transform:translateY(-.1rem);box-shadow:0 .65rem 1.1rem #18212f1a,inset 0 1px #ffffffe0}.sticker-picker img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=360px){.list-row-with-action,.person-row,.chat-composer{grid-template-columns:1fr}.chat-header{grid-template-columns:auto 1fr}.child-chat-title small{white-space:normal}}.profile-summary{gap:.75rem;margin:0;display:grid}.profile-summary div{border-top:1px solid var(--color-border);gap:.25rem;padding-top:.75rem;display:grid}.profile-summary dt{color:var(--color-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.profile-summary dd{margin:0;font-weight:700}.avatar-picker-page{gap:1rem;padding-bottom:1rem;display:grid}.avatar-picker-hero,.avatar-picker-panel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:8px;gap:1rem;padding:1rem;display:grid}.avatar-picker-hero{background:linear-gradient(135deg,#fff 0%,#fff3c4 42%,#e8fbff 100%);align-items:center}.avatar-picker-hero h1,.avatar-picker-panel h2{letter-spacing:0;margin:.25rem 0 .5rem}.avatar-picker-hero h1{font-size:clamp(2.4rem,15vw,4.25rem);line-height:.95}.avatar-picker-panel h2{font-size:1.35rem;line-height:1.15}.avatar-picker-hero p,.avatar-picker-panel p{color:var(--color-muted);margin:0;line-height:1.5}.avatar-preview-card{background:#ffffffc2;border-radius:8px;justify-items:center;gap:.75rem;padding:1rem;display:grid}.avatar-preview-card strong{color:var(--color-text);font-size:1.125rem}.avatar-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.avatar-choice,.background-choice{border:1px solid var(--color-border);color:var(--color-text);background:#fffdfb;border-radius:8px;font-weight:800;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.avatar-choice{justify-items:center;gap:.5rem;min-height:8.5rem;padding:.75rem .5rem;display:grid}.avatar-choice span,.background-choice span:last-child{overflow-wrap:anywhere;max-width:100%}.avatar-choice:hover,.background-choice:hover{border-color:var(--color-primary);transform:translateY(-.125rem)}.avatar-choice:focus-visible,.background-choice:focus-visible,.avatar-save-button:focus-visible{outline-offset:2px;outline:4px solid #2da6a138}.avatar-choice.selected,.background-choice.selected{border-color:var(--color-primary-dark);background:#fff4f6;box-shadow:0 0 0 3px #f9737f33}.background-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.background-choice{text-align:left;align-items:center;gap:.625rem;min-height:4rem;padding:.625rem;display:flex}.background-swatch{border:2px solid #fff;border-radius:8px;flex:none;width:2.5rem;height:2.5rem;display:block;box-shadow:0 .375rem .875rem #18212f24}.avatar-save-button{color:#fff;background:var(--color-primary-dark);letter-spacing:0;border:0;border-radius:8px;min-height:3.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:900;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 .75rem 1.5rem #c9324e3d}.avatar-save-button:hover{transform:translateY(-.125rem);box-shadow:0 1rem 1.75rem #c9324e47}.avatar-save-button:disabled{opacity:.68;transform:none}.child-home,.friends-child-page{background:radial-gradient(circle at 16% 5%,#ffd84d85,#0000 24%),radial-gradient(circle at 88% 18%,#b99cff57,#0000 25%),radial-gradient(circle at 8% 64%,#ff8dc738,#0000 22%),radial-gradient(circle at 86% 78%,#65c7ff3d,#0000 24%),linear-gradient(#fff7d7 0%,#fff9f4 42%,#eefaff 100%);align-content:start;gap:1.05rem;min-height:calc(100vh - 7.5rem);margin:-1rem;padding:1rem 1rem 6.8rem;display:grid;position:relative;overflow:hidden}.child-home:before,.friends-child-page:before{pointer-events:none;content:"";opacity:.42;background-image:radial-gradient(circle,#c9324e29 0 1px,#0000 1.5px),radial-gradient(circle,#2da6a121 0 1px,#0000 1.5px);background-position:16px 24px,48px 80px;background-size:76px 76px,110px 110px;position:absolute;inset:0}.child-home>*,.friends-child-page>*{z-index:1;position:relative}.child-home-header{justify-content:space-between;align-items:center;gap:1rem;padding:.1rem .1rem .25rem;animation:.38s both child-card-in;display:flex}.child-home-brand,.child-home-user,.child-home-avatar-link{align-items:center;display:inline-flex}.child-home-brand{color:#25202d;gap:.5rem;min-width:0;font-size:1.05rem;font-weight:900}.child-home-logo{object-fit:contain;filter:drop-shadow(0 .45rem .65rem #18212f1f);flex:none;width:2.45rem;height:2.45rem}.child-home-user{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:999px;gap:.7rem;padding:.2rem}.child-home-user p{color:#7c5764;text-align:right;text-overflow:ellipsis;gap:.04rem;max-width:min(42vw,10rem);margin:0;font-size:.72rem;font-weight:800;line-height:1.02;display:grid;overflow:hidden}.child-home-user p strong{color:#25202d;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:900;overflow:hidden}.child-home-user .twin-avatar-sm{width:2.9rem;height:2.9rem}.child-home-avatar-link{border-radius:8px;transition:transform .16s}.child-home-avatar-link:hover,.child-home-avatar-link:focus-visible{transform:scale(1.04)}.child-hero-copy{gap:.18rem;padding:.25rem .25rem .1rem 1rem;animation:.42s 40ms both child-card-in;display:grid}.child-kicker{color:#7c2d129e;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:900}.child-hero-copy h1{color:#a83a6e;letter-spacing:0;white-space:nowrap;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c9324e 0%,#a855f7 48%,#d49700 100%);-webkit-background-clip:text;background-clip:text;max-width:100%;margin:0;padding-bottom:.12em;font-family:ui-rounded,Arial Rounded MT Bold,Nunito,Trebuchet MS,system-ui,sans-serif;font-size:clamp(1.55rem,7.3vw,3.2rem);font-weight:800;line-height:1.12;overflow:visible}.home-friends-section{gap:.65rem;min-width:0;animation:.42s 80ms both child-card-in;display:grid}.home-section-title{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.home-section-title h2{color:#25202d;letter-spacing:0;margin:0;font-size:1rem;line-height:1.15}.view-all-friends{color:#7c2d12;background:#ffffff8a;border-radius:999px;flex:none;align-items:center;min-height:2rem;padding:.45rem .7rem;font-size:.76rem;font-weight:900;transition:transform .16s,background .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffd84d5c}.view-all-friends:hover,.view-all-friends:focus-visible{background:#ffd84d85;transform:translateY(-.1rem)}.home-friends-rail{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline proximity;grid-auto-columns:minmax(5.35rem,24%);grid-auto-flow:column;gap:.8rem;margin:0 -1rem;padding:.2rem 1rem .55rem;display:grid;overflow-x:auto}.home-friends-rail::-webkit-scrollbar{display:none}.home-friend-card,.child-friend-card{color:#25202d;box-shadow:none;text-align:center;background:0 0;border:0;justify-items:center;transition:transform .16s,box-shadow .16s,background .16s;display:grid}.home-friend-card{scroll-snap-align:start;border-radius:999px;gap:.34rem;min-height:7.4rem;padding:.25rem .15rem}.home-friend-card .twin-avatar{border-radius:24px;box-shadow:0 .7rem 1.2rem #18212f1f,0 0 0 4px #ffffff9e}.home-friend-card:hover,.home-friend-card:focus-visible,.child-friend-card:hover,.child-friend-card:focus-visible{box-shadow:none;background:0 0;transform:translateY(-.125rem)}.home-friend-card:active,.child-friend-card:active{transform:scale(.98)}.home-friend-card:disabled,.child-friend-card:disabled{opacity:.7;transform:none}.home-friend-card strong,.child-friend-card strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.82rem;line-height:1.12;overflow:hidden}.friend-mini-status{color:#11615dc7;align-items:center;gap:.24rem;font-size:.66rem;font-weight:900;display:inline-flex}.friend-mini-status span{background:#16a34a;border-radius:999px;width:.38rem;height:.38rem;box-shadow:0 0 0 3px #16a34a29}.home-friend-card.skeleton{pointer-events:none}.home-friend-card.skeleton .friend-feature-avatar{width:5rem;height:5rem}.home-friend-card.skeleton>span{background:#ffffff9e;border-radius:999px;width:70%;height:.8rem}.home-empty-friends,.child-empty-friends{color:#4b5563;text-align:center;background:#ffffffa3;border:1px dashed #c9324e47;border-radius:22px;justify-items:center;gap:.65rem;padding:1rem;display:grid}.home-empty-friends svg,.child-empty-friends svg{color:#c9324e;width:2rem;height:2rem}.home-empty-friends strong,.child-empty-friends strong{color:#25202d;font-size:1rem}.child-empty-friends p{max-width:19rem;color:var(--color-muted);margin:0;line-height:1.4}.friend-feature-card{text-align:left;background:radial-gradient(circle at 8% 20%,#ffffff75,#0000 28%),linear-gradient(135deg,#ffd84de0 0%,#ff8dc7bd 54%,#65c7ffb8 100%);border-radius:26px;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;min-height:0;padding:1rem;animation:.42s .13s both child-card-in;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff94,0 1.1rem 2.4rem #18212f1f}.continue-kicker{z-index:1;color:#7c2d12;background:#ffffff94;border-radius:999px;justify-self:start;margin:0;padding:.34rem .62rem;font-size:.72rem;font-weight:900}.friend-feature-person{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;min-width:0;display:grid}.friend-feature-glow{filter:blur(24px);background:#ffffff38;border-radius:999px;height:8rem;position:absolute;inset:auto -3rem -4rem 38%}.friend-feature-card .twin-avatar,.friend-feature-info,.talk-button{z-index:1}.friend-feature-info{justify-items:start;gap:.3rem;min-width:0;display:grid}.friend-feature-info h2,.empty-state h2{color:#25202d;letter-spacing:0;margin:0;font-size:clamp(1.35rem,7vw,2rem);line-height:1.04}.friend-status{color:#11615d;background:#ffffff94;border-radius:999px;align-items:center;gap:.32rem;padding:.32rem .52rem;font-size:.68rem;font-weight:900;display:inline-flex}.friend-status span{background:#16a34a;border-radius:999px;width:.42rem;height:.42rem;box-shadow:0 0 0 4px #16a34a2e}.talk-button{color:#141414;letter-spacing:0;background:#fff;border:0;border-radius:16px;grid-column:1/-1;justify-content:center;justify-self:stretch;align-items:center;gap:.48rem;width:min(100%,12rem);min-height:3.15rem;padding:.78rem 1rem;font-size:.98rem;font-weight:900;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 1rem 2rem #18212f2e,inset 0 -.2rem #ffd84d6b}.talk-button svg{flex:none;width:1.25rem;height:1.25rem}.talk-button:hover{filter:brightness(1.02);transform:translateY(-.125rem)scale(1.01);box-shadow:0 1.25rem 2.35rem #18212f33,inset 0 -.2rem #ffd84d8c}.talk-button:active,.child-shortcut-card:active{transform:scale(.98)}.talk-button:disabled{opacity:.68;transform:none}.talk-button.secondary{color:#fff;background:#141414;box-shadow:0 1rem 2rem #18212f29}.friend-feature-card.is-loading,.friend-feature-card.empty-state{background:linear-gradient(145deg,#ffd84d61,#b99cff),#fff;grid-template-columns:1fr;justify-items:center;min-height:18rem}.friend-feature-avatar.ghost{background:#ffffff9e;border-radius:24px;width:7.75rem;height:7.75rem;box-shadow:inset 0 0 0 1px #ffffffb8}.friend-feature-card.is-loading p,.empty-state p{color:#4b5563;margin:0;font-weight:800;line-height:1.35}.empty-state p{max-width:17rem}.child-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.75rem;width:100%;min-width:0;animation:.42s .17s both child-card-in;display:grid}.child-shortcut-card{color:#25202d;text-align:center;background:#ffffffad;border:1px solid #ffffffc2;border-radius:22px;grid-template-rows:auto auto auto;align-content:start;justify-self:stretch;place-items:center;gap:.5rem;width:100%;min-width:0;min-height:8.1rem;padding:1rem;transition:transform .16s,box-shadow .16s,background .16s;display:grid;box-shadow:0 .9rem 2rem #18212f14,inset 0 1px #ffffffb8}.child-shortcut-card:hover{background:#ffffffd6;transform:translateY(-.125rem);box-shadow:0 1.05rem 2.2rem #18212f1a,inset 0 1px #ffffffc7}.child-shortcut-icon{color:#141414;border-radius:16px;place-items:center;width:2.9rem;height:2.9rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffffb8,0 .75rem 1.35rem #18212f1a}.child-shortcut-icon svg{width:1.48rem;height:1.48rem}.child-shortcut-card.friends .child-shortcut-icon{background:linear-gradient(145deg,#ffd84d 0%,#ffeff4 100%)}.child-shortcut-card.avatar .child-shortcut-icon{background:linear-gradient(145deg,#b99cff 0%,#e8fbff 100%)}.child-sparkle-icon{color:#c9324e;filter:drop-shadow(0 .25rem .35rem #18212f1f);position:absolute;top:-.25rem;right:-.25rem;width:1rem!important;height:1rem!important}.child-shortcut-card strong{text-overflow:ellipsis;overflow-wrap:normal;white-space:nowrap;word-break:normal;min-width:0;max-width:100%;margin-top:.12rem;font-size:1.02rem;line-height:1.05;overflow:hidden}.child-shortcut-card small{color:#667085db;text-overflow:ellipsis;overflow-wrap:normal;white-space:nowrap;word-break:normal;min-width:0;max-width:100%;font-size:.76rem;font-weight:800;line-height:1.15;display:block;overflow:hidden}.friends-child-page{gap:1.15rem}.friends-page-heading{gap:.28rem;padding:.45rem .25rem .25rem 1rem;animation:.42s 40ms both child-card-in;display:grid}.friends-page-heading h1{color:#25202d;letter-spacing:0;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Nunito,Trebuchet MS,system-ui,sans-serif;font-size:clamp(2.2rem,12vw,4rem);font-weight:900;line-height:.96}.friends-page-heading p:last-child{color:#7c5764;margin:0;font-size:clamp(1rem,4.2vw,1.18rem);font-weight:800;line-height:1.35}.friends-child-panel{background:#ffffffb3;border:1px solid #ffffffc2;border-radius:26px;gap:1rem;padding:1rem;animation:.42s 80ms both child-card-in;display:grid;box-shadow:0 1rem 2.25rem #18212f1a,inset 0 1px #ffffffc7}.friends-list-panel{background:radial-gradient(circle at 8% 16%,#ffd84d52,#0000 32%),#ffffffb8}.add-friends-panel{background:linear-gradient(145deg,#ffd84d47,#b99cff33),#ffffffbd;gap:1.05rem}.pending-friends-panel{background:radial-gradient(circle at 95% 8%,#65c7ff42,#0000 28%),#ffffffb8}.friends-section-heading{gap:.22rem;display:grid}.friends-section-heading h2,.friends-list-panel .home-section-title h2{color:#25202d;letter-spacing:0;margin:0;font-size:clamp(1.35rem,5.6vw,2rem);line-height:1.05}.friends-section-heading p{color:#6b5b66;max-width:28rem;margin:0;font-size:.98rem;font-weight:800;line-height:1.42}.child-friends-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.child-friend-card{background:radial-gradient(circle at 18% 12%,#ffd84d47,#0000 30%),#fff;border:1px solid #ffffffc7;border-radius:24px;align-content:center;gap:.68rem;width:100%;min-height:14.8rem;padding:1.15rem .75rem;box-shadow:0 .9rem 2rem #18212f1a,inset 0 1px #ffffffd1}.child-friend-card .twin-avatar{border-radius:24px;width:5.6rem;height:5.6rem;box-shadow:0 .85rem 1.45rem #18212f21,0 0 0 4px #ffffffa8}.child-friend-card strong{font-size:1.05rem}.child-friend-card:hover,.child-friend-card:focus-visible{background:radial-gradient(circle at 18% 12%,#ffd84d57,#0000 30%),#fff;transform:translateY(-.125rem);box-shadow:0 1.05rem 2.2rem #18212f1f,inset 0 1px #ffffffd6}.child-friend-chat{border-radius:16px;width:min(100%,8.7rem);min-height:2.75rem;margin-top:.1rem;padding:.65rem .85rem;font-size:.9rem}.child-friend-chat svg{width:1.08rem;height:1.08rem}.add-friend-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.add-friend-action{border:1px solid #ffffffc2;min-height:9.4rem;padding:1.05rem .75rem}.add-friend-action.invite{background:radial-gradient(circle at 18% 18%,#ffffff94,#0000 30%),linear-gradient(145deg,#ffd84d 0%,#fff5c6 100%)}.add-friend-action.code{background:radial-gradient(circle at 18% 18%,#ffffff94,#0000 30%),linear-gradient(145deg,#b99cff 0%,#e8fbff 100%)}.add-friend-action.active{transform:translateY(-.1rem);box-shadow:0 1rem 2.2rem #18212f21,0 0 0 3px #ffffffb8}.add-friend-icon.invite{background:linear-gradient(145deg,#fff 0%,#fff0a6 100%)}.add-friend-icon.code{background:linear-gradient(145deg,#fff 0%,#dfe8ff 100%)}.add-friend-detail{background:#ffffffb8;border:1px solid #ffffffc7;border-radius:22px;gap:.85rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffffd1,0 .8rem 1.6rem #18212f14}.add-friend-detail p{color:#6b5b66;margin:0;font-weight:800;line-height:1.4}.soft-primary-action{color:#141414;background:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:.48rem;min-height:3.15rem;padding:.78rem 1rem;font-size:.98rem;font-weight:900;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex;box-shadow:0 .9rem 1.8rem #18212f24,inset 0 -.2rem #ffd84d6b}.soft-primary-action:hover,.soft-primary-action:focus-visible{transform:translateY(-.125rem);box-shadow:0 1.05rem 2rem #18212f29,inset 0 -.2rem #ffd84d8c}.soft-primary-action:disabled{opacity:.68;transform:none}.child-code-form .soft-primary-action{color:#141414;background:#fff;border:0;border-radius:16px;box-shadow:0 .9rem 1.8rem #18212f24,inset 0 -.2rem #ffd84d6b}.child-code-form label{color:#25202d;gap:.48rem;font-size:.94rem;font-weight:900}.child-code-form input{letter-spacing:0;text-transform:uppercase;background:#fff;border:1px solid #b99cff52;border-radius:16px;min-height:3.35rem;padding:.85rem 1rem;font-size:1.08rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffffb3}.child-invite-code{background:#f1fffd;border-color:#2da6a147;border-radius:18px;padding:.9rem}.child-invite-code strong{color:#11615d;font-size:clamp(1.45rem,8vw,2.2rem);line-height:1}.child-invite-code button{color:#141414;background:#fff;border-radius:14px;box-shadow:0 .55rem 1rem #18212f1a}.active-invitations{gap:.7rem;display:grid}.active-invitations h3{color:#25202d;letter-spacing:0;margin:0;font-size:1rem}.active-invitations .item-list li{background:#ffffffb3;border-color:#ffffffb8;border-radius:18px}.child-request-list{gap:.75rem}.child-request-row{background:#ffffffbd;border-color:#ffffffbd;border-radius:20px;grid-template-columns:auto minmax(0,1fr);padding:.95rem;box-shadow:0 .7rem 1.5rem #18212f14}.child-request-row .twin-avatar{border-radius:18px}.child-empty-requests{min-height:8rem}@media (width<=360px){.child-friends-grid,.add-friend-actions{grid-template-columns:1fr}}.child-safety-note{color:#364152;background:#ffffffad;border:1px solid #ffffffad;border-radius:999px;justify-self:center;align-items:center;gap:.45rem;margin:2rem 0 0;padding:.65rem .9rem;font-size:.9rem;font-weight:900;animation:.42s .21s both child-card-in;display:inline-flex;box-shadow:0 .75rem 1.5rem #18212f14}.child-safety-note svg{color:#2da6a1;flex:none;width:1rem;height:1rem}.child-home-error{animation:.22s both child-card-in}@keyframes child-card-in{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=720px){.app-main{width:min(100%,920px);padding-top:2rem}.child-home,.friends-child-page,.child-chat-page{border-left:1px solid #ffffff8a;border-right:1px solid #ffffff8a;min-height:calc(100vh - 8.5rem);margin:-2rem -1rem -1rem;padding:1.35rem 1.6rem 7.1rem}.child-home-header{padding-left:.1rem;padding-right:.1rem}.home-friends-rail{grid-auto-columns:minmax(5.8rem,12.5%);margin-left:-1.6rem;margin-right:-1.6rem;padding-left:1.6rem;padding-right:1.6rem}.home-friends-rail.single-friend{grid-auto-columns:6.4rem}.friend-feature-card{grid-template-columns:auto minmax(0,1fr) auto;padding:1rem 1.1rem}.continue-kicker{grid-column:auto}.friend-feature-person{grid-area:1/1/3/3;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;display:grid}.friend-feature-card .talk-button{grid-area:1/3/3;justify-self:end;width:9.5rem}.page-card{padding:1.5rem}.bottom-nav{border:1px solid #ffffffb8;border-radius:22px;width:min(100% - 2rem,34rem);left:50%;right:50%;transform:translate(-50%)}.avatar-picker-hero{grid-template-columns:minmax(0,1fr) auto;padding:1.5rem}.avatar-picker-panel{padding:1.5rem}.avatar-choice-grid,.background-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.child-friends-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.friends-child-panel{padding:1.2rem}.friends-page-heading{padding-left:1.15rem}.child-chat-page{gap:1rem;padding-left:1.6rem;padding-right:1.6rem}.child-chat-header,.child-chat-composer{justify-self:center;width:min(100%,48rem)}.child-chat-messages{justify-self:center;width:min(100%,48rem);padding:1.2rem}.child-message-bubble{max-width:min(78%,32rem)}}@media (width>=980px){.app-main{width:min(100%,1040px)}.child-home,.friends-child-page,.child-chat-page{border-radius:0 0 32px 32px;padding-left:2rem;padding-right:2rem}.home-friends-rail{grid-auto-columns:minmax(6rem,10.5%);margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem}.child-friends-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.friends-child-panel{padding:1.35rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg:#fff8f3;--color-surface:#fff;--color-text:#18212f;--color-muted:#667085;--color-border:#eadfd8;--color-primary:#f9737f;--color-primary-dark:#c9324e;--color-accent:#2da6a1;--shadow-soft:0 16px 40px #18212f1a;background:#fff8f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}