.ds-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--target-adult-min);min-width:var(--target-adult-min);padding:var(--space-3) var(--space-6);border-radius:var(--radius-button);font-size:var(--font-size-body);cursor:pointer;background:var(--color-blue-action);color:#fff;touch-action:manipulation;border:none;font-weight:600;display:inline-flex}.ds-button:disabled{opacity:.55;cursor:default}.ds-button--secondary{color:var(--color-ink);border:2px solid var(--color-border);background:0 0}.ds-button--danger{background:var(--color-danger)}.ds-button--quiet{color:var(--color-blue-action);background:0 0;text-decoration:underline}.ds-child-action{min-width:var(--target-child-min);min-height:var(--target-child-min);padding:var(--space-4);border-radius:var(--radius-card);font-size:var(--font-size-child);cursor:pointer;background:var(--color-yellow);color:var(--color-ink);touch-action:manipulation;border:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ds-card{background:var(--color-card);border-radius:var(--radius-card);border:1px solid var(--color-border);padding:var(--space-4);margin-bottom:var(--space-4)}.ds-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-round);background:var(--color-paper);border:1px solid var(--color-border);color:var(--color-ink-soft);font-size:13px;font-weight:600;display:inline-flex}.ds-badge--safe{color:var(--color-green-safe);border-color:var(--color-green-safe)}.ds-sheet-backdrop{z-index:40;background:#2b22308c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ds-sheet{background:var(--color-card);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:var(--space-6);width:100%;max-width:560px;max-height:85dvh;padding-bottom:calc(var(--space-6) + var(--safe-bottom));overflow-y:auto}.ds-gate-hold{width:160px;height:160px;margin:var(--space-4) auto;border-radius:var(--radius-round);border:4px solid var(--color-brand);background:var(--color-card);color:var(--color-brand-dark);font-weight:700;font-size:var(--font-size-body);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.ds-gate-ring{border-radius:inherit;pointer-events:none;position:absolute;inset:-4px}.ds-field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.ds-error{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-button);border-left:4px solid var(--color-danger);color:var(--color-ink);font-size:var(--font-size-body);background:#c82d2d14}.ds-field input[type=text]{min-height:var(--target-adult-min);border:2px solid var(--color-border);border-radius:var(--radius-button);padding:0 var(--space-3);font-size:var(--font-size-body);background:var(--color-card);color:var(--color-ink)}.ds-choice-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-choice{min-height:var(--target-adult-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-button);border:2px solid var(--color-border);background:var(--color-card);color:var(--color-ink);font-size:var(--font-size-body);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.ds-choice[aria-pressed=true],.ds-choice--selected{border-color:var(--color-blue-action);background:#e8effc;font-weight:700}.ds-toggle{min-height:var(--target-adult-min);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.activity-thumb{border-radius:22px;flex:none;justify-content:center;align-items:center;width:68px;height:68px;display:inline-flex;overflow:hidden;box-shadow:0 6px 16px #2b22301a,inset 0 1px 2px #fffc}.activity-thumb svg{filter:drop-shadow(0 2px 3px #2b223024);width:82%;height:82%;display:block}.activity-thumb--sm{border-radius:13px;width:40px;height:40px;box-shadow:0 3px 8px #2b22301a}.activity-card{align-items:center;gap:var(--space-4);display:flex}.activity-card-body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.activity-card-shell{transition:transform var(--motion-medium) ease, box-shadow var(--motion-medium) ease}@media (hover:hover){.activity-card-shell:hover{transform:translateY(-3px);box-shadow:0 14px 30px #2b22301f}.activity-card-shell:hover .activity-thumb svg{transition:transform var(--motion-medium) ease;transform:scale(1.06)}}@media (prefers-reduced-motion:no-preference){.activity-card-shell{animation:.34s both activity-card-in}}@keyframes activity-card-in{0%{transform:translateY(10px)}to{transform:translateY(0)}}.coach-characters{gap:var(--space-3);flex-wrap:wrap;display:flex}.coach-character{align-items:center;gap:var(--space-2);min-width:var(--target-child-min);min-height:var(--target-child-min);padding:var(--space-3);border-radius:var(--radius-card);border:3px solid var(--color-border);background:var(--color-card);cursor:pointer;font-size:var(--font-size-body);color:var(--color-ink);flex-direction:column;font-weight:600;display:flex}.coach-character--selected{border-color:var(--color-blue-action);background:#e8effc}.coach-character-photo{object-fit:cover;border-radius:50%;width:72px;height:72px}.coach-character-emoji{font-size:48px;line-height:72px}.coach-steps{gap:var(--space-2);margin:0;padding-left:1.3em;display:grid}.coach-heading{align-items:center;gap:var(--space-3);display:flex}.coach-heading h1{margin:0}.renderer-stage{justify-content:center;align-items:center;gap:var(--space-6);border-radius:var(--radius-card);width:100%;min-height:60dvh;padding:var(--space-6);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.renderer-instruction{font-size:var(--font-size-large);text-align:center;margin:0;font-weight:600}.renderer-status{font-size:var(--font-size-child);text-align:center;margin:0;font-weight:700}.bubble-stage{background:radial-gradient(120% 90% at 50% 18%,#eaf6ff 0%,#f6fbff 55%,#eef4fb 100%)}.bubble-color-name{font-size:var(--font-size-large);color:var(--color-ink);padding:var(--space-2) var(--space-6);border-radius:var(--radius-round);background:#ffffffbf;margin:0;font-weight:700}.bubble-target{cursor:pointer;touch-action:manipulation;border:none;border-radius:50%;width:180px;height:180px;transition:transform .12s;position:relative}.bubble-target:active{transform:scale(.96)}.bubble-target:not(.bubble-target--still){animation:3.6s ease-in-out infinite bubble-float}.bubble-shine{pointer-events:none;background:radial-gradient(circle at 40% 40%,#fffffffa,#fff0);border-radius:50%;width:32%;height:24%;position:absolute;top:15%;left:20%;transform:rotate(-20deg)}.bubble-shine--small{width:14%;height:11%;inset:auto 20% 22% auto;transform:none}.bubble-iridescence{pointer-events:none;opacity:.55;mix-blend-mode:screen;background:conic-gradient(from 210deg,#ff78c800,#78dcff80,#b4ffbe73,#fff09673,#ff96be80,#be8cff73,#ff78c800);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 52%,#000 82%);mask:radial-gradient(circle,#0000 52%,#000 82%)}@media (prefers-reduced-motion:reduce){.bubble-iridescence{opacity:.4}}@keyframes bubble-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.015)}}.bubble-pop{justify-content:center;align-items:center;animation:.45s ease-out forwards bubble-pop-fade;display:flex;position:absolute}.bubble-pop--reduced{animation-duration:.15s}@keyframes bubble-pop-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.bubble-particle{opacity:.9;border-radius:50%;width:14px;height:14px;animation:.45s ease-out forwards bubble-particle-burst;position:absolute}.bubble-particle:first-child{--bx:-70px;--by:-46px}.bubble-particle:nth-child(2){--bx:66px;--by:-52px}.bubble-particle:nth-child(3){--bx:-58px;--by:56px}.bubble-particle:nth-child(4){--bx:62px;--by:50px}@keyframes bubble-particle-burst{0%{opacity:.9;transform:translate(0)scale(1)}to{transform:translate(var(--bx), var(--by)) scale(.3);opacity:0}}.light-stage{transition:background var(--motion-medium) ease}.light-stage--on{background:linear-gradient(#fff3d6 0%,#ffe9b8 100%)}.light-stage--off{background:linear-gradient(#2f2a45 0%,#1d1830 100%)}.light-stage--off .renderer-instruction,.light-stage--off .renderer-status{color:#f3ecff}.light-lamp{width:132px;height:132px;transition:filter var(--motion-medium) ease}.light-lamp--on{filter:drop-shadow(0 6px 18px #f6c84a80)}.light-switch{cursor:pointer;touch-action:manipulation;background:linear-gradient(#fff 0%,#f1ebf5 100%);border:none;border-radius:32px;justify-content:center;align-items:center;width:132px;height:196px;padding:12px;display:flex;box-shadow:0 14px 30px #2b223029,inset 0 2px 4px #ffffffe6}.light-switch-track{background:linear-gradient(#e7dfef 0%,#d9d0e4 100%);border-radius:24px;width:84px;height:168px;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #2b22302e}.light-switch-knob{width:68px;height:76px;transition:transform var(--motion-medium) cubic-bezier(.34, 1.3, .6, 1);background:radial-gradient(circle at 42% 32%,#ffe9a8 0%,#f6c84a 55%,#e0a92f 100%);border-radius:18px;position:absolute;left:8px;box-shadow:0 6px 12px #e0a92f73,inset 0 -4px 8px #b07a1459,inset 0 4px 6px #fff9}.light-switch--on .light-switch-knob{transform:translateY(8px)}.light-switch--off .light-switch-knob{transform:translateY(84px)}.feed-stage{background:linear-gradient(#ffeede 0%,#fff8f3 100%)}.feed-friend-face{filter:drop-shadow(0 10px 18px #2b223024);width:210px;height:210px}.feed-spoon{cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 42% 32%,#fff 0%,#f4eff8 70%,#e7dff0 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;transition:transform .12s;display:flex;box-shadow:0 12px 24px #2b223029,inset 0 2px 4px #ffffffe6}.feed-spoon:active{transform:scale(.95)}.feed-spoon:disabled{opacity:.7}.feed-chew{animation:.7s ease-in-out gentle-chew}.feed-character-frame{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.feed-character-photo{object-fit:cover;border:5px solid var(--color-yellow);background:var(--color-card);border-radius:50%;width:200px;height:200px;box-shadow:0 12px 26px #2b22302e}.feed-character-name{font-size:var(--font-size-large);margin:0;font-weight:700}@keyframes gentle-chew{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.feed-choices{gap:var(--space-6);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.bigsmall-stage{background:radial-gradient(120% 90% at 50% 18%,#eef7fb 0%,#f6fbfd 55%,#eaf3f8 100%)}.bigsmall-ball{cursor:pointer;touch-action:manipulation;transition:width var(--motion-medium) cubic-bezier(.34, 1.3, .6, 1), height var(--motion-medium) cubic-bezier(.34, 1.3, .6, 1), transform .14s ease;border:none;border-radius:50%;position:relative}.bigsmall-ball:active{transform:scale(.96)}.bigsmall-pop{animation:.5s ease-out bigsmall-pop}@keyframes bigsmall-pop{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}.family-stage{background:radial-gradient(120% 90% at 50% 18%,#fdeef2 0%,#fff7f9 55%,#f6eef6 100%)}.family-grid{gap:var(--space-6);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.family-card{align-items:center;gap:var(--space-2);cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-direction:column;padding:0;transition:transform .14s;display:flex}.family-card:active{transform:scale(.96)}.family-card--tapped{animation:.6s ease-out family-pop}@keyframes family-pop{0%,to{transform:scale(1)}40%{transform:scale(1.1)}}.family-photo{object-fit:cover;border:5px solid var(--color-yellow);background:var(--color-card);border-radius:50%;width:168px;height:168px;box-shadow:0 12px 26px #2b22302e}.family-photo--placeholder{justify-content:center;align-items:center;font-size:84px;display:flex}.family-name{font-size:var(--font-size-large);font-weight:700}.family-empty{font-size:var(--font-size-large);text-align:center;max-width:22rem;color:var(--color-ink-soft);font-weight:600}.helper-stage{transition:background var(--motion-medium) ease;background:radial-gradient(120% 90% at 50% 18%,#fdeef2 0%,#fff7f9 55%,#f6eef6 100%)}.helper-stage[data-mood=happy]{background:radial-gradient(120% 90% at 50% 18%,#fff3d9 0%,#fff9ee 55%,#ffeecf 100%)}.helper-wrap{justify-content:center;align-items:center;display:flex;position:relative}.helper-hero{cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 10px 18px #2b223024);background:0 0;border:none;width:100%;height:100%;padding:0;transition:transform .12s}.helper-hero:active{transform:scale(.96)}.helper-hero--figure{pointer-events:none}.helper-svg{width:100%;height:100%}.helper-bounce{animation:.6s ease-out helper-bounce}@keyframes helper-bounce{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-10px)scale(1.05)}}.helper-heart{color:#ef6d7a;pointer-events:none;font-size:28px;animation:1.2s ease-out forwards helper-heart;position:absolute;top:42%;left:50%}.helper-heart--1{--hx:-46px}.helper-heart--2{--hx:10px;font-size:34px;animation-delay:.12s}.helper-heart--3{--hx:52px;font-size:22px;animation-delay:.24s}@keyframes helper-heart{0%{opacity:0;transform:translate(0)scale(.6)}30%{opacity:1}to{transform:translate(var(--hx), -120px) scale(1);opacity:0}}.drum-stage{background:radial-gradient(120% 90% at 50% 18%,#f3ecff 0%,#faf7ff 55%,#efe8fb 100%)}.drum-wrap{justify-content:center;align-items:center;display:flex;position:relative}.drum-pad{cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 12px 20px #2b223029);background:0 0;border:none;width:100%;height:100%;padding:0;transition:transform 90ms;position:relative}.drum-svg{width:100%;height:100%;display:block}.drum-pad:active{transform:scale(.95)}.drum-pad--figure{pointer-events:none}.drum-hit{animation:.4s ease-out drum-hit}@keyframes drum-hit{0%{transform:scale(1)}30%{transform:scale(.94)}to{transform:scale(1)}}.drum-ripple{pointer-events:none;border:3px solid #e23b2e80;border-radius:50%;width:78%;height:30%;animation:.6s ease-out forwards drum-ripple;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes drum-ripple{0%{opacity:.7;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.animal-stage{background:linear-gradient(#e6f4e0 0%,#f7fbf3 100%)}.animal-target{border-radius:var(--radius-card);cursor:pointer;padding:var(--space-6);touch-action:manipulation;background:radial-gradient(circle at 42% 28%,#fff 0%,#f6faf3 70%,#e7f1de 100%);border:none;transition:transform .12s;box-shadow:0 14px 30px #2b223024,inset 0 2px 4px #ffffffe6}.animal-target:active{transform:scale(.96)}.animal-target svg,.animal-figure svg{width:100%;height:100%}.animal-figure{filter:drop-shadow(0 8px 16px #2b22301f);width:160px;height:160px}.animal-wiggle{animation:.6s ease-in-out animal-wiggle}@keyframes animal-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.animal-bubble{padding:var(--space-2) var(--space-6);border-radius:var(--radius-round);background:#ffffffe6;border:none;font-weight:700;box-shadow:0 6px 16px #2b22301f}.match-stage{background:radial-gradient(120% 90% at 50% 18%,#eef7fb 0%,#f8fbfd 55%,#eaf3f8 100%)}.match-btn{cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0;transition:transform .12s}.match-btn:active{transform:scale(.96)}.match-btn--figure{pointer-events:none}.match-pair{gap:var(--space-6);align-items:center;display:inline-flex;position:relative}.match-shape{filter:drop-shadow(0 8px 14px #2b223024);width:104px;height:104px}.match-pop{animation:.5s ease-out match-pop}@keyframes match-pop{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}.match-spark{color:#f2b23c;pointer-events:none;font-size:22px;animation:.65s ease-out forwards match-spark;position:absolute;top:-4px}.match-spark--1{left:12%}.match-spark--2{animation-delay:.13s;right:12%}@keyframes match-spark{0%{opacity:0;transform:translateY(8px)scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-18px)scale(1.1)}}.diff-stage{background:radial-gradient(120% 90% at 50% 18%,#f3f0fb 0%,#faf8fd 55%,#efeafb 100%)}.diff-row{gap:var(--space-6);justify-content:center;align-items:center;display:flex}.diff-slot,.diff-odd-btn{justify-content:center;align-items:center;width:92px;height:92px;display:inline-flex}.diff-odd-btn{cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0;transition:transform .12s}.diff-odd-btn:active{transform:scale(.94)}.diff-ball{filter:drop-shadow(0 8px 14px #2b223024);width:100%;height:100%}.diff-pop{animation:.5s ease-out match-pop}.turns-stage{background:radial-gradient(120% 90% at 50% 18%,#fff4e8 0%,#fffaf4 55%,#ffeede 100%)}.turns-wrap{width:260px;height:240px;position:relative}.turns-basket{filter:drop-shadow(0 10px 16px #2b223029);width:220px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.turns-hand-slot{z-index:2;pointer-events:none;position:absolute;top:-2px}.turns-hand{filter:drop-shadow(0 5px 9px #2b223033);height:auto;display:block}.turns-hand--adult{width:64px}.turns-hand--child{width:46px}.turns-ball{border-radius:50%;width:30px;height:30px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset -4px -5px 8px #2b223033,inset 3px 4px 6px #ffffff80}.turns-drop-btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:50%;width:64px;height:64px;transition:transform .12s;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #2b223033,inset -6px -7px 12px #2b223033,inset 5px 6px 10px #ffffff80}.turns-drop-btn:active{transform:translate(-50%)scale(.94)}.turns-drop{border-radius:50%;width:46px;height:46px;animation:.5s ease-in forwards ball-drop;position:absolute;top:6px;transform:translate(-50%);box-shadow:inset -5px -6px 10px #2b223033}@keyframes ball-drop{0%{top:6px}to{top:54%}}.find-stage{background:radial-gradient(120% 90% at 50% 18%,#eef7fb 0%,#f8fbfd 55%,#eef4fb 100%)}.find-wrap{justify-content:center;align-items:center;display:flex;position:relative}.find-btn{cursor:pointer;touch-action:manipulation;background:0 0;border:none;width:100%;height:100%;padding:0;transition:transform .12s}.find-btn:active{transform:scale(.96)}.find-btn--figure{pointer-events:none}.find-svg{width:100%;height:100%}.find-pop{animation:.5s ease-out match-pop}.together-screen{min-height:100dvh;padding:calc(var(--space-2) + var(--safe-top)) var(--space-2) calc(var(--space-2) + var(--safe-bottom));flex-direction:column;flex:1;display:flex;position:relative}.together-parent-hotspot{bottom:calc(var(--space-4) + var(--safe-bottom));min-width:var(--target-adult-min);min-height:var(--target-adult-min);border-radius:var(--radius-round);border:2px solid var(--color-border);color:var(--color-ink-soft);cursor:pointer;z-index:30;background:#ffffffd9;font-size:18px;position:fixed}.together-parent-hotspot[data-side=right]{right:calc(var(--space-4) + var(--safe-right))}.together-parent-hotspot[data-side=left]{left:calc(var(--space-4) + var(--safe-left))}.together-parent-continue{bottom:calc(var(--space-4) + var(--safe-bottom) + 64px);z-index:30;position:fixed}.together-parent-continue[data-side=right]{right:calc(var(--space-4) + var(--safe-right))}.together-parent-continue[data-side=left]{left:calc(var(--space-4) + var(--safe-left))}.together-freeplay{z-index:25;justify-content:center;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-4) calc(var(--space-2) + var(--safe-bottom));border-top:1px solid var(--color-border);background:#fffffff0;flex-wrap:wrap;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #2b22300f}.together-freeplay[data-side=right]{padding-right:calc(var(--space-4) + var(--target-adult-min) + var(--space-4))}.together-freeplay[data-side=left]{padding-left:calc(var(--space-4) + var(--target-adult-min) + var(--space-4))}.together-freeplay-hint{color:var(--color-ink-soft);text-align:left;max-width:420px;margin:0;font-size:13px;line-height:1.35}.together-screen--freeplay .renderer-stage{padding-bottom:calc(var(--space-8) + 88px)}.together-adult-hint{margin:var(--space-3);padding:var(--space-3);background:var(--color-card);border:1px dashed var(--color-border);border-radius:var(--radius-button);color:var(--color-ink-soft);max-width:480px}.together-adult-hint[data-side=left]{align-self:flex-start}.together-adult-hint[data-side=right]{align-self:flex-end}.together-recovered{margin:var(--space-3);padding:var(--space-3);border-radius:var(--radius-button);border:1px solid var(--color-blue-action);background:#e8effc}.together-mission{background:var(--color-night);color:#f3ecff;border-radius:var(--radius-card);justify-content:center}.together-mission h2{color:#fff}.together-mission .ds-button--secondary{color:#fff;border-color:#ffffffb3}.together-mission .ds-button--quiet{color:#cdd9ff}.together-safety{border-left:4px solid var(--color-green-safe);padding-left:var(--space-3);padding-top:var(--space-2);padding-bottom:var(--space-2);border-radius:0 var(--radius-button) var(--radius-button) 0;background:#236b4e26}.together-heading{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6) 0;min-width:0;display:flex}.together-heading h1{font-size:var(--font-size-body);color:var(--color-ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.family-privacy{padding:var(--space-3);border-left:4px solid var(--color-green-safe);border-radius:0 var(--radius-button) var(--radius-button) 0;background:#236b4e14}.family-member-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.family-hint{color:var(--color-ink-soft);font-size:14px}.family-slots{gap:var(--space-4);flex-wrap:wrap;display:flex}.family-slot{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:150px;max-width:190px;display:flex}.family-slot-label{min-height:40px;font-weight:600}.family-photo-preview{object-fit:cover;border:3px solid var(--color-border);border-radius:50%;width:96px;height:96px}.family-photo-empty{border:3px dashed var(--color-border);width:96px;height:96px;color:var(--color-ink-soft);border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:inline-flex}.family-audio-preview{width:180px;height:40px}.family-uploaded{color:#2e7d55;border-radius:var(--radius-round);background:#e2f6ec;align-items:center;gap:4px;padding:2px 10px;font-size:14px;font-weight:700;display:inline-flex}.family-slot-error{color:#b0402f;margin:0;font-size:14px;font-weight:600}.family-game{border:1px solid var(--color-border);border-radius:var(--radius-button);margin:var(--space-2) 0;background:var(--color-card)}.family-game[open]{padding-bottom:var(--space-3)}.family-game-summary{cursor:pointer;font-weight:700;font-size:var(--font-size-large);padding:var(--space-3);-webkit-user-select:none;user-select:none;list-style-position:inside}.family-game[open] .family-game-summary{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3)}.family-game .family-slots{padding:0 var(--space-3)}:root{--color-brand:#c2187a;--color-brand-dark:#8a0f55;--color-paper:#fff8f3;--color-ink:#2b2230;--color-yellow:#f6c84a;--color-blue-action:#1b63d9;--color-green-safe:#236b4e;--color-card:#fff;--color-ink-soft:#5c4f63;--color-border:#e8dcd2;--color-danger:#a3242f;--color-night:#1d1830;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-card:20px;--radius-button:14px;--radius-round:999px;--target-adult-min:48px;--target-child-min:96px;--target-child-primary:140px;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-body:16px;--font-size-large:20px;--font-size-title:26px;--font-size-child:32px;--motion-fast:.15s;--motion-medium:.3s;--motion-slow:.45s;--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)}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--color-paper);min-height:100%;color:var(--color-ink);font-family:var(--font-family);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;line-height:1.45}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,p{margin:0 0 var(--space-3)}h1{font-size:var(--font-size-title);line-height:1.2}h2{font-size:var(--font-size-large)}button{font-family:inherit}:focus-visible{outline:3px solid var(--color-blue-action);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-screen{padding:calc(var(--space-4) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) calc(var(--space-4) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left));flex-direction:column;flex:1;width:100%;max-width:720px;margin:0 auto;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}