:root{font-family:Nunito,Comic Sans MS,Chalkboard SE,cursive;color:#1a0050;background:#fffbf0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden}button{min-height:56px;border:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{--shell-top-padding: max(28px, env(safe-area-inset-top));--shell-bottom-padding: max(28px, env(safe-area-inset-bottom));width:100%;min-height:100dvh;overflow-x:hidden;background:linear-gradient(135deg,#fffbf0,#fff5e0,#ffefd5)}.screen{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:var(--shell-top-padding) 14px var(--shell-bottom-padding)}.screen-column,.home-content{width:100%;margin:0 auto}.home-screen{justify-content:flex-start}.home-content{max-width:430px;padding-top:clamp(24px,5dvh,48px)}.home-header{margin-bottom:clamp(16px,2.5dvh,24px);text-align:center}.eyebrow{margin:0 0 6px;font-size:14px;font-weight:800;color:#7c5cc4;text-transform:uppercase}h1{margin:0;color:#2d1b69;font-size:clamp(30px,8vw,40px);font-weight:900;line-height:1}.box-grid{display:grid;grid-template-columns:1fr;gap:11px;width:100%}.box-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(96px,12dvh,118px);padding:14px 10px;border:3px solid var(--box-color);border-radius:28px;color:#1a0050;background:var(--box-light);box-shadow:0 8px 0 var(--box-color);transition:transform .16s ease,box-shadow .16s ease}.box-button:active,.primary-action:active,.done-action:active,.skip-action:active,.small-back-button:active{transform:translateY(2px);box-shadow:0 4px 0 var(--box-color)}.box-emoji{display:block;margin-bottom:8px;font-size:clamp(28px,7vw,38px);line-height:1}.box-label{display:block;font-size:clamp(16px,4.2vw,19px);font-weight:800;line-height:1.08}.prompt-screen,.done-screen{justify-content:flex-start}.screen-column{display:flex;flex-direction:column;gap:14px;max-width:460px;padding-top:clamp(36px,7dvh,64px)}.small-back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;padding:12px 18px;border:3px solid #d4c8eb;border-radius:16px;color:#8b7ba8;background:#f3f0f8;box-shadow:0 5px #d4c8eb;font-size:clamp(14px,3.5vw,16px);font-weight:800}.prompt-card,.done-panel{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:clamp(24px,6vw,34px);border:3px solid var(--box-color);border-radius:30px;background:#fff;box-shadow:0 8px 0 var(--box-color);text-align:center}.done-panel{min-height:min(390px,calc(100dvh - 120px - var(--shell-top-padding) - var(--shell-bottom-padding)));justify-content:center;background:var(--box-light)}.prompt-card-header{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px 14px;border-radius:999px;color:var(--box-dark);background:var(--box-light)}.prompt-card-header h1{color:var(--box-dark);font-size:14px;font-weight:800;line-height:1.1}.badge-emoji{font-size:22px;line-height:1}.done-emoji{font-size:clamp(48px,13vw,64px);line-height:1}.ready-text{margin:-4px 0 0;color:#7c5cc4;font-size:clamp(14px,3.5vw,17px);font-weight:700;line-height:1.3}.prompt-text{width:100%;margin:0;color:#1a0050;font-size:clamp(26px,7vw,34px);font-weight:800;line-height:1.18}.prompt-actions,.done-actions{display:flex;justify-content:center;flex-direction:column;gap:12px;width:100%}.prompt-secondary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.primary-action,.done-action,.skip-action{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:14px 12px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease}.button-icon{display:inline-block;margin-right:8px;line-height:1}.primary-action{min-height:64px;padding:18px 28px;border-radius:20px;color:#fff;background:var(--box-color);box-shadow:0 7px 0 var(--box-dark);font-size:clamp(18px,4.5vw,22px);font-weight:900}.primary-action:active{box-shadow:0 4px 0 var(--box-dark)}.done-action{color:var(--box-color);background:#fff;border:3px solid var(--box-color);border-radius:16px;box-shadow:0 6px 0 var(--box-color);font-size:clamp(16px,4vw,19px);font-weight:800}.skip-action{color:#8b7ba8;background:#f3f0f8;border:3px solid #d4c8eb;border-radius:16px;box-shadow:0 6px #d4c8eb;font-size:clamp(16px,4vw,19px);font-weight:800}.skip-action:active,.small-back-button:active{box-shadow:0 4px #d4c8eb}.speaking-indicator{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:24px;margin:0;color:#7c5cc4;font-size:clamp(14px,3.5vw,16px);font-weight:700}.speech-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--box-color);vertical-align:middle}.speech-dot.active{animation:pulse .28s ease-in-out infinite}.tts-message{margin:0;padding:12px 16px;border-radius:16px;color:#1a0050;background:#ffe8e8;font-size:clamp(14px,3.5vw,16px);font-weight:700}.done-panel h1{margin:0;color:#1a0050;font-size:clamp(28px,8vw,36px);font-weight:800;line-height:1.12}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@media (max-height: 700px) and (max-width: 600px){.home-content{padding-top:16px}.home-header{margin-bottom:12px}.box-grid{gap:9px}.box-button{min-height:clamp(92px,11dvh,104px);padding-top:12px;padding-bottom:12px}.screen-column{gap:12px;padding-top:clamp(24px,5dvh,40px)}.prompt-card,.done-panel{gap:16px;padding-top:22px;padding-bottom:24px}.done-panel{min-height:0}}@media (min-width: 601px){.screen{padding-right:24px;padding-left:24px}.home-screen{justify-content:center}.home-content{max-width:clamp(620px,68vw,820px);padding-top:0}.home-header{margin-bottom:28px}h1{font-size:clamp(40px,5vw,56px)}.box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.box-button{min-height:clamp(128px,16dvh,160px);padding:18px 12px}.box-button-photo{grid-column:1 / -1}.box-emoji{font-size:clamp(34px,5vw,46px)}.box-label{font-size:clamp(18px,2.4vw,22px)}.prompt-screen,.done-screen{justify-content:center}.screen-column{max-width:620px;padding-top:0}}@media (min-width: 768px) and (orientation: landscape){html,body,#root{height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:100dvh;overflow:hidden}.screen{padding-right:32px;padding-left:32px}.home-screen{height:100dvh;min-height:0;justify-content:flex-start;overflow:hidden;padding:max(20px,env(safe-area-inset-top)) 32px max(28px,env(safe-area-inset-bottom))}.home-content{width:min(92vw,960px);max-width:960px;padding-top:0}.home-header{margin-bottom:clamp(20px,3dvh,30px)}.eyebrow{margin-bottom:8px;color:#1a0050;font-size:clamp(18px,1.8vw,22px);font-weight:900;letter-spacing:.08em}h1{font-size:clamp(56px,6vw,76px)}.box-grid{gap:clamp(22px,2.6vw,28px)}.box-button{min-height:clamp(156px,18dvh,186px);padding:clamp(24px,3vw,32px)}.box-button-photo{min-height:clamp(138px,15dvh,168px)}.box-emoji{margin-bottom:14px;font-size:clamp(56px,6vw,68px)}.box-label{font-size:clamp(22px,2.5vw,26px)}.prompt-screen,.done-screen{justify-content:center}.screen-column{max-width:800px;gap:18px}.small-back-button{min-height:58px;font-size:clamp(20px,2vw,23px)}.prompt-card,.done-panel{gap:28px;padding:clamp(44px,5vw,56px)}.prompt-card-header{padding:10px 18px}.prompt-card-header h1{font-size:18px}.badge-emoji{font-size:28px}.ready-text{font-size:20px}.prompt-text{font-size:clamp(34px,4vw,48px)}.primary-action{min-height:clamp(76px,9dvh,88px);font-size:clamp(22px,2.6vw,26px)}.done-action,.skip-action{min-height:clamp(68px,8dvh,76px);font-size:clamp(22px,2.5vw,26px)}.done-panel{min-height:min(520px,calc(100dvh - 160px))}.done-emoji{font-size:clamp(76px,8vw,96px)}.done-panel h1{font-size:clamp(38px,4vw,52px)}}