@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.3wiqdwqz1gfqe.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/e045b8a36dafeb96-s.1znw80anc03tc.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/921864ee6019b767-s.0dpkqgqz79smb.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2zp15__9k16__.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.3wiqdwqz1gfqe.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(../media/e045b8a36dafeb96-s.1znw80anc03tc.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(../media/921864ee6019b767-s.0dpkqgqz79smb.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2zp15__9k16__.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.3wiqdwqz1gfqe.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/e045b8a36dafeb96-s.1znw80anc03tc.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/921864ee6019b767-s.0dpkqgqz79smb.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2zp15__9k16__.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.3wiqdwqz1gfqe.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../media/e045b8a36dafeb96-s.1znw80anc03tc.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../media/921864ee6019b767-s.0dpkqgqz79smb.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2zp15__9k16__.woff2?dpl=dpl_Dxwc518JV58KCzb7ajnCTsREM73m)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2 Fallback";src:local(Arial);ascent-override:112.55%;descent-override:54.71%;line-gap-override:0.0%;size-adjust:95.78%}.baloo_2_e7eb4b3f-module__TOx6pG__className{font-family:"Baloo 2","Baloo 2 Fallback";font-style:normal}.baloo_2_e7eb4b3f-module__TOx6pG__variable{--font-baloo:"Baloo 2", "Baloo 2 Fallback"}
:root{--paper:#faf6ef;--ink:#2b2b2b;--muted:#766f67;--crayon-red:#e0502c;--crayon-red-deep:#b03a1d;--crayon-blue:#3a76b8;--crayon-blue-deep:#2c5d94;--crayon-green:#3d8f4e;--crayon-green-deep:#2e703c;--border-soft:#2b2b2b1f;--border-strong:#2b2b2b33}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background-color:var(--paper);font-family:var(--font-baloo), system-ui, sans-serif;background-image:radial-gradient(#3a30250d .8px,#0000 .8px);background-size:10px 10px;margin:0}button{font:inherit}main{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:980px;margin:0 auto;padding:12px 24px 20px;display:flex}header{justify-content:space-between;align-items:center;width:100%;padding:4px 0 0;display:flex}header h1{color:var(--crayon-blue);letter-spacing:.01em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1}.storybook-button{border:3px solid var(--border-strong);width:52px;height:52px;color:var(--muted);cursor:pointer;background:#fff9;border-radius:50%;justify-content:center;align-items:center;transition:transform .14s,color .14s,border-color .14s;display:inline-flex}.storybook-button:hover{color:var(--crayon-blue);border-color:var(--crayon-blue);transform:scale(1.06)}.storybook-button svg{width:26px;height:26px}.pill{font:inherit;cursor:pointer;border-style:solid;border-width:2px;border-radius:999px;padding:12px 16px;transition:background .16s,transform .16s,border-color .16s,color .16s}.drawer-layer{z-index:20;position:fixed;inset:0}.drawer-backdrop{cursor:default;background:#2b262042;border:0;width:100%;position:absolute;inset:0}.stories-drawer{border-left:3px solid var(--border-soft);background-color:var(--paper);width:min(410px,92vw);height:100%;box-shadow:-12px 0 36px var(--border-strong);text-align:left;background-image:radial-gradient(#3a30250b .7px,#0000 .7px);background-size:8px 8px;padding:24px 20px;animation:.22s ease-out drawer-in;position:absolute;top:0;right:0;overflow-y:auto}.drawer-heading{border-bottom:2px solid var(--border-soft);justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.drawer-heading p{color:var(--crayon-red);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:700}.drawer-heading h2{color:var(--crayon-blue);margin:0;font-weight:800}.drawer-heading button{border:2px solid var(--border-soft);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:1.5rem}.empty-stories{color:var(--muted);text-align:center;margin:48px 20px}.stories-list{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.stories-list li{border:2px solid var(--border-soft);background:#ffffff8c;border-radius:16px;padding:0 76px 0 0;position:relative}.story-card{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;gap:4px;padding:12px 12px 16px 16px;display:grid}.story-card-model{color:var(--crayon-blue);font-size:.72rem;font-weight:700}.story-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-card>span:last-child{color:var(--muted);font-size:.75rem}.delete-story{color:var(--crayon-red-deep);box-shadow:none;background:0 0;border:0;padding:8px;font-size:.72rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.delete-story:hover{color:var(--crayon-red)}.canvas-frame{border:4px solid var(--border-strong);background-color:#fffdf8;background-image:radial-gradient(#3a30250b .7px,#0000 .7px),radial-gradient(#3a302506 .7px,#0000 .7px);background-position:0 0,4px 8px;background-size:8px 8px,12px 12px;border-radius:24px;width:min(100%,133.333vh - 573.333px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 14px 40px #44352324}.canvas-frame svg{aspect-ratio:4/3;width:100%;height:auto;display:block}.canvas-invite{color:#b9b0a3;text-align:center;pointer-events:none;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0}.canvas-invite svg{opacity:.75;width:130px;height:70px}.canvas-invite p{max-width:320px;margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.drawing-indicator{border:2px solid var(--border-soft);color:var(--muted);box-shadow:0 4px 12px var(--border-soft);pointer-events:none;z-index:2;background:#faf6efeb;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;display:inline-flex;position:absolute;bottom:12px;right:12px}.drawing-indicator-dot{background:var(--crayon-blue);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite drawing-pulse}.keep-telling-button{z-index:2;border:3px solid var(--border-strong);color:var(--ink);box-shadow:0 4px 12px var(--border-soft);background:#faf6eff2;border-radius:999px;padding:12px 20px;font-weight:700;position:absolute;bottom:16px;right:16px}.keep-telling-button:hover{transform:scale(1.04)}.controls{justify-content:center;align-items:center;gap:clamp(28px,6vw,64px);margin-top:28px;display:flex;position:relative}.side-action{cursor:pointer;color:var(--ink);font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;display:flex}.side-action .disc{color:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .14s;display:flex;box-shadow:0 6px 16px #44352338}.side-action:hover .disc{transform:scale(1.08)}.side-action:active .disc{transform:scale(.94)}.side-action .disc svg{width:34px;height:34px}.side-action .label{color:var(--muted);font-size:1.05rem;font-weight:700}.side-action.done .disc{background:var(--crayon-blue)}.side-action.done:hover .label{color:var(--crayon-blue)}.side-action.fresh .disc{background:var(--crayon-green)}.side-action.fresh:hover .label{color:var(--crayon-green)}.side-action.is-empty{opacity:.5;cursor:default}.side-action.is-empty:hover .disc{transform:none}.side-action.is-empty:hover .label{color:var(--muted)}.mic-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.mic-rings{pointer-events:none;width:184px;height:184px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mic-rings span{border:4px solid var(--crayon-red);opacity:0;border-radius:50%;position:absolute;inset:0}.listening .mic-rings span{animation:1.8s ease-out infinite ring}.listening .mic-rings span:nth-child(2){animation-delay:.6s}.listening .mic-rings span:nth-child(3){animation-delay:1.2s}.mic-button{color:#fff;background:var(--crayon-red);cursor:pointer;width:184px;height:184px;font:inherit;border:6px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:1.15rem;font-weight:700;transition:background .2s,transform .2s;animation:3.2s ease-in-out infinite breathe;display:flex;position:relative;box-shadow:0 10px 26px #a03e2952}.mic-button:hover{transform:scale(1.04)}.mic-button:active{transform:scale(.96)}.mic-button svg{width:52px;height:52px}.listening .mic-button{background:var(--crayon-red-deep);animation:none;box-shadow:0 10px 26px #a03e2966}.mic-icon{width:52px;height:52px;line-height:1;display:inline-flex}.mic-icon svg{width:100%;height:100%;display:block}.caption-bubble{border:3px solid var(--border-soft);width:max-content;max-width:min(520px,84vw);min-height:30px;color:var(--muted);text-align:center;opacity:0;pointer-events:none;z-index:3;background:#ffffffd9;border-radius:18px;padding:12px 20px;font-size:1.1rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%,4px)}.caption-bubble:before{content:"";border-left:3px solid var(--border-soft);border-top:3px solid var(--border-soft);background:#ffffffd9;border-radius:4px 0 0;width:18px;height:18px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(45deg)}.caption-bubble.is-visible,.listening .caption-bubble{opacity:1;transform:translate(-50%)}.final-caption{color:var(--ink)}.interim-caption{color:#9a938a}.grownup-corner{color:#a89f93;opacity:.85;z-index:5;align-items:center;gap:10px;font-size:.72rem;display:flex;position:fixed;bottom:12px;right:14px}.grownup-corner .model-picker{align-items:center;gap:6px;display:inline-flex}.grownup-corner select{font:inherit;color:#8a8175;border:1px solid var(--border-soft);appearance:none;cursor:pointer;background-color:#ffffffb3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%23a89f93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:999px;max-width:160px;padding:4px 22px 4px 10px;font-size:.72rem}.live-chip{color:#fff;background:var(--crayon-red);letter-spacing:.08em;border-radius:999px;align-items:center;padding:2px 6px;font-size:.55rem;font-weight:800;line-height:1.4;display:inline-flex}.api-banner,.speech-fallback{border:1px solid var(--crayon-red);width:100%;color:var(--crayon-red-deep);text-align:left;background:#fff0e8;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:12px auto 0;padding:12px 16px;display:flex}.speech-fallback{text-align:center;width:auto;margin-top:28px;display:block}.api-banner-dismiss{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:1.1rem;line-height:1}.confirm-layer{z-index:40;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-backdrop{cursor:default;background:#2b262059;border:0;width:100%;position:absolute;inset:0}.confirm-dialog{border:3px solid var(--border-soft);background-color:var(--paper);text-align:center;background-image:radial-gradient(#3a30250b .7px,#0000 .7px);background-size:8px 8px;border-radius:24px;width:min(400px,100%);padding:28px 28px 24px;position:relative;box-shadow:0 16px 44px #2b26204d}.confirm-dialog p{color:var(--ink);margin:0 0 22px;font-size:1.3rem;font-weight:700;line-height:1.35}.confirm-actions{justify-content:center;gap:12px;display:flex}.confirm-actions .pill{border-width:3px;border-radius:999px;min-width:130px;padding:14px 22px;font-size:1.05rem;font-weight:700;transition:transform .14s,background .14s,border-color .14s}.confirm-actions .pill:hover{transform:scale(1.05)}.confirm-actions .pill:active{transform:scale(.95)}.confirm-cancel{border-color:var(--border-strong);color:var(--ink);background:#fffc}.confirm-ok{border-color:var(--crayon-blue);color:#fff;background:var(--crayon-blue)}.confirm-ok:hover{background:var(--crayon-blue-deep);border-color:var(--crayon-blue-deep)}.confirm-ok-danger{border-color:var(--crayon-red);background:var(--crayon-red)}.confirm-ok-danger:hover{background:var(--crayon-red-deep);border-color:var(--crayon-red-deep)}@keyframes ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes drawing-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes drawer-in{0%{transform:translate(100%)}}@media (max-width:640px){main{padding:12px 16px 20px}.controls{gap:20px}.mic-button,.mic-rings{width:150px;height:150px}.side-action .disc{width:64px;height:64px}.side-action .disc svg{width:28px;height:28px}.mic-button{font-size:1rem}.mic-button svg,.mic-icon{width:44px;height:44px}.grownup-corner{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 16px);bottom:8px;right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.drawing-indicator-dot{opacity:1}.listening .mic-rings span:first-child{opacity:.4;transform:scale(1.12)}}