html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-mplus-1), "Hiragino Sans", "Noto Sans JP", sans-serif;color:#1b1a17;background:#f4efe7;font-size:16px;line-height:1.6}input,textarea{font-size:16px}@keyframes mokusuji-dot-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes mokusuji-skeleton-pulse{0%,to{opacity:.7}50%{opacity:.35}}@keyframes mokusuji-focus-fade-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mokusuji-mic-pulse{0%{box-shadow:0 0 #dc46468c}70%{box-shadow:0 0 0 10px #dc464600}to{box-shadow:0 0 #dc464600}}@keyframes mokusuji-task-complete-button{0%{transform:scale(1)}35%{transform:scale(.97)}68%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes mokusuji-task-complete-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(0)}14%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}62%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) translate(var(--complete-x), var(--complete-y)) scale(var(--complete-scale)) rotate(var(--complete-rotation))}}.mokusuji-complete-effect{pointer-events:none;z-index:2;position:absolute;inset:0}.mokusuji-complete-particle{animation:mokusuji-task-complete-particle var(--complete-duration) ease-out var(--complete-delay) forwards;color:var(--complete-color);font-size:var(--complete-size);text-shadow:0 1px #fff5c4,0 4px 10px #8456002e;font-weight:800;line-height:1;position:absolute;top:50%;left:50%}